Css Style

3 partecipanti

Risolto Css Style

Messaggio Da KinGdom Sab 26 Mag 2012 - 21:22

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? Shocked Shocked Shocked Shocked


Ultima modifica di KinGdom il Dom 27 Mag 2012 - 15:52 - modificato 1 volta.
KinGdom
KinGdom
**

Sesso : Maschio
Età : 31
Messaggi : 52

http://servming.phpbbitalia.com/
KinGdom è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Diego Dom 27 Mag 2012 - 1:30

... 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.. Surprised

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.. Basketball
www.folliacity.it/Discussione-blog-una-piccola-guida-sul-CSS-grafica?pid=5797

Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Ospite Dom 27 Mag 2012 - 1:46

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! Very Happy
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Diego Dom 27 Mag 2012 - 2:14

MartinoPio ha scritto:Tutti i codici CSS iniziano con un punto (.) o con un cancelletto (#).
Non è proprio così a dir la verità.. Very Happy

-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.. Surprised
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Dozy™ Dom 27 Mag 2012 - 10:15

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.
Dozy™
Dozy™
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 36
Messaggi : 2297
Località : Tradate (va)

Dozy™ è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Ospite Dom 27 Mag 2012 - 11:53

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


Saluti, MartinoPio!
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Diego Dom 27 Mag 2012 - 12:43

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.. Very Happy
Diego
Diego
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 33
Messaggi : 2278
Località : arezzo

http://www.folliacity.it/blog-1.html
Diego è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da Ospite Dom 27 Mag 2012 - 12:50

ciao! Ciao, ok Diego, ok Wink.

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! ciao!
avatar
Ospite
Ospite


Ospite è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da KinGdom Dom 27 Mag 2012 - 15:12

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
KinGdom
**

Sesso : Maschio
Età : 31
Messaggi : 52

http://servming.phpbbitalia.com/
KinGdom è stato ringraziato dall'autore di questo topic.

Risolto Re: Css Style

Messaggio Da KinGdom Dom 27 Mag 2012 - 15:52

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 ^_^
KinGdom
KinGdom
**

Sesso : Maschio
Età : 31
Messaggi : 52

http://servming.phpbbitalia.com/
KinGdom è stato ringraziato dall'autore di questo topic.

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto

- Argomenti simili

 
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.