[Tutorial] Personalizzare le tag B e U

« Older   Newer »
  Share  
Shine;
view post Posted on 10/5/2009, 21:40




Come modificare il colore, o la sottolineatura di una parola nella discussione, e renderla così per ogni scritta in grassetto e ogni parola sottolineata in ogni discussione?


Per far si che in ogni discussione, tutte le parole sottolineate e tutte le parole in grassetto (utilizzando i selettori che troviamo per rispondere a una discussione) andiamo in Modifica colori e stili e inseriamo questo div:

Per le scritte in grassetto:
CODICE
.color b


Per le scritte sottolineate:
CODICE
.color u


Ora a seconda di cosa vogliamo ottenere, aggiungiamo le classi:

- Scritta in grassetto di un colore diverso dalle altre scritte:
CODICE
.color b {color: #000}
al posto di 000 mettiamo il colore che vogliamo.

- Scritta con la sottolineatura diversa dal colore della scritta (o diversa dalla sottolineatura normale):

CODICE
.color u {border-bottom: 1px solid #000; padding-top: 1px}
al posto di 000 mettiamo il colore che vogliamo.

.Possiamo aumentare lo spessore della linea cambiando i pixels (al posto di 1px solid possiamo mettere 2px solid o 3px solid).


.Possiamo mettere una sottolineatura tratteggiata, mettendo al posto di "solid" la parola "dashed".


.Possiamo mettere una sottolineatura puntinata, mettendo al posto di "solid" la parola "dotted".


Il "padding-top" è lo spazio tra la parola sottolineata e la righetta.

------
La stessa cosa vale per ".color b", se vogliamo possiamo aggiungergli una sottolineatura, e impostare le stesse classi di prima:
CODICE
.color b {color: #1111; border-bottom: 1px solid #000; padding-top: 1px}

Così facendo la scritta in grassetto verrà sottolineata ^^


Per domande, dubbi, perplessità, non esitate a chiedere :)
 
Top
view post Posted on 12/5/2009, 22:04
Avatar

Bing!

Group:
Master
Posts:
6,250
Location:
Hill Valley <3

Status:


ooo =)
 
Top
view post Posted on 13/5/2009, 13:27

Senior Member

Group:
Member
Posts:
12,712

Status:


Molto utile!
 
Top
.::Aaika::.
view post Posted on 13/5/2009, 18:20




Spettacolare^^
 
Top
Sb®inzetto
view post Posted on 13/5/2009, 18:36




Davvero ottimo, grazie 1000.
 
Top
Shine;
view post Posted on 13/5/2009, 21:04




(: di nulla ^^
 
Top
°K!kka°
view post Posted on 26/7/2009, 16:26




wow grz!! =)
 
Top
.FullMoon;
view post Posted on 5/10/2009, 19:02




si può modificare anke la tag I?
 
Top
Dadz
view post Posted on 5/10/2009, 19:32




Ovvio. Da css puoi modificare tutti i tag semplicemente mettendo
CODICE
tag {attributi}
 
Top
view post Posted on 5/10/2009, 19:44
Avatar

Forever you and me

Group:
I <3 Skinning!
Posts:
18,372
Location:
Nowhere.

Status:


grazie utilissimo!
 
Top
.FullMoon;
view post Posted on 6/10/2009, 17:55




grazie mille ^___^
 
Top
10 replies since 10/5/2009, 21:40   683 views
  Share