Css Style

[KinGdom]

Ragazzi volevo chiedervi un informazione.

Come faccio a trovare i prefissi css da inserire nel foglio di stile?

Ad esempio

.body {}

.html {}

Questi li conosco ma tutti gli altri?

dove posso trovarli?

[Diego]

... ti consiglio vivamente di leggerti una piccola guida che ti illustri un minimo come funziona il CSS, poichè i "codici" che richiedi sono talmente tanti che è praticamente impossibile crearne una lista..
(raspando qua e la per il FDF qualche codicino già pronto all'uso lo trovi, ma se vuoi fare una cosa veramente fatta bene nella maggior dei casi ti sono solo d'impiccio se intendi inserirli con il classico "copia e incolla")

Per saperli devi spulciare fra il codice sorgente del tuo forum, comunque nel fare ciò, ti possono essere d'aiuto programmi come HTMLpad..
(Lo so.. lo sto consigliando a tutti questo programmino, ma che ci posso fare.. è semplice, intuitivo, utile, leggero, versatile per qualsiasi linguaggio destinato alle applicazioni web, ricco di funzionalità pronte per ogni evenienza e adatto per qualsiasi esigenza..)

io ho imparato a programmare con quel programmino.. costa una trentina d'euro la versione commerciale, ma li vale tutti fino all'ultimo centesimo..

PS:- per gli utenti del mio forum, al fine di spiegare loro come personalizzare i loro blog tramite il CSS, avevo scritto questa guida e credo che ti possa tornare comodo.. Buona lettura..
www.folliacity.it/Discussione-blog-una-piccola-guida-sul-CSS-grafica?pid=5797

[Ospite]

Ciao KinGdom, il CSS è semplice, in 2-3 settimane se incominci ad analizzarlo capisci un po come funziona. La cosa principale è sapere l'inglese; di programmi non ti consiglio nessuno..dopo qualche anno gli impari a memoria come le tabelline.
Per saper modificare le parti giuste del sito devi conoscere i tag dei div. Basta che visualizzi la sorgente del tuo sito. Un esempio:

Codice:

<div id="search-box">BLA BLA BLA</div>

e con il CSS decidi la grandezza, colore, immagine ect. Io per questo div ho utilizzato questo:

Codice:

/*Inizio grafica tasto cerca*/
#search-box{position: center;
bottom: 55px;
height: 40px;
width: 180px;
right: -150px;
display: inline;
background: transparent url(http://i44.servimg.com/u/f44/16/84/89/65/coolt152.png) no-repeat center;}


Come vedi ho inserito tutte le misure per avere un tasto cerca per le mie esigenze. Tutti i codici CSS iniziano con un punto (.) o con un cancelletto (#).
Inserisci il nome del div, in questo caso search-box, metti all'inizio un cancelletto #search-box e poi metti una parentesi graffa; {
Inserisci le misure ect. e poi finisci con } . Ricorda, a ogni misura o selezione devi mettere ";".

Saluti, MartinoPio!

[Diego]

Tutti i codici CSS iniziano con un punto (.) o con un cancelletto (#).

Non è proprio così a dir la verità..

-I punti sono i CLASS
-I cancelletti sono gli ID
-Se non è presente ne un cancelletto, ne un punto, non è un'errore, ma significa che quella regola CSS verrà applicata a tutti i tag presenti del tipo specificato, ovvero:

Codice:

img{
    border:solid 1px red;
}

il codice citato sopra è praticamente "inutile" ed antiestetico, ma dimostra che se non viene inserito alcun prefisso, tale regola verrà imposta a TUTTI i tag IMG..

[Dozy™]

Diego e MartinoPio hanno ragione, guarda la base del tuo foglio di stile e applica le modifiche che ritieni opportune, se puoi dicci cosa vuoi modificare e noi ti aiutiamo.

[Ospite]

Ciao Diego, ho usato un linguaggio semplice in modo tale che non si confonde dato che è alle prime armi.


Saluti, MartinoPio!

[Diego]

Lo so martino, ma se lui vuole applicare uno sfondo al sito e scrive:

Codice:

#body{
    background-color: red;
}

anzichè di

Codice:

body{
    background-color: red;
}

il codice non può funzionare escludendo il caso in cui qualche elemento abbia come ID il nome body.

Proprio perchè è alle prime armi bisogna esser precisi, poichè, per come la vedo io, se si tenta di insegnare qualcosa, va fatto dando delle dritte giuste se non vogliamo che il nostro amico rimanga giornate intere a smoccolare davanti al pc per modificare un semplicissimo CSS..

[Ospite]

Ciao, ok Diego, ok .

KinGdom se vai in "Tutorial Codici CSS" qui-> https://aiuto.forumattivo.it/t12517-elenco-dei-tutoriali potresti capire un po come funziona. Per domande o altro fai pure (sempre che riguardi a come utilizzare il CSS).

Saluti, MartinoPio!

[KinGdom]

Forse non mi sono ben spiegato, so come funziona il css,o almeno per l'utilizzo che ne devo fare.

Chiedevo solo,da dove è possibile , appunto trovare gli id o le class, da inserire al foglio di stile, che ne sò ad esempio ( .spoiler {} ) oppure (.login {})
ecc. per le modifiche ad essi non ho problemi.

Tutto qui, però Diego mi ha detto di andare a cercare tra i codici sorgente, credo che farò così, oppure magari se non ne trovo qualcuno chiedo sul forum...

[KinGdom]

Su PDA->Visualizzazione->colori. proprio sopra il foglio di stile, c'è un link, "Vedere il CSS di base del tuo forum"

Li ho trovato tutto ciò che mi serviva,Grazie per l'aiuto ^_^