-
|
.
|
| 
Edited by Andy - 5/5/2017, 16:07 |
|
-
|
.
|
| Ci siamo passati un po' tutti! Imparare a coddare non è facile, ma con un po' di impegno e pazienza ci si riesce.
Cerca di leggere qualche guida introduttiva al css e html e prova a coddare una skin semplice, solo provando potrai migliorare  Se hai qualche dubbio non esitare a chiedere. |
|
-
|
.
|
| | Ciao Lance, benvenuto! Sarei curioso di vedere qualche tuo lavoro grafico |
|
-
|
.
|
| CITAZIONE Ora lo stesso problema di schiacciamento avatar lunghi ce l'ho nella shoutbox che ho visto che fornite in uno script.
Non riscontro questo problema, l'hai già risolto?
Per modificare sfondo e bordo degli avatar, nella shout, puoi utilizzare questo codice:
CODICE .shoutbox .top .left .shout_msg > .avatar {
border-color: #COLORE !important;
background: #COLORE;
}
nella tagboard, invece
CODICE .ffav_tag {
border-color: #COLORE !important;
background: #COLORE;
} |
|
-
|
.
|
| CODICE .day_user_div_online > a {
margin-right: Npx;
}
Al posto di N va inserito il numero dei pixel |
|
-
|
.
|
| Aggiungi
CODICE .day_user_div_online a:hover {
border-bottom: 1px solid #828282 !important;
} |
|
-
|
.
|
| Per il popup inserisci questo, nei css:
CODICE .day_user_detailspopup {margin-top: -10px;}
Per quanto riguarda l'avatar invece, sostituisci questo
CODICE .day_user_div a, .day_user_div p {display: inline-block; padding: 0; margin: 0}
.day_user_tooltip, .day_user_tooltip:hover {text-decoration:none !important; border-bottom:none !important}
.day_user_tooltip img {opacity: 0.5; vertical-align: middle; display: inline-table; margin-left: 4px; margin-right: 4px; padding: 1px; border: 1px solid #828282; border-radius: 5px; -moz-border-radius: 5px; max-height: 24px !important; max-width: 25px !important; height: 25px !important; width: 24px !important; display: inline-block; overflow: hidden}
.day_user_tooltip img:hover {opacity: 1 !important}
.day_user_tooltip span {display:none}
#day_user_detailspopup {text-align: left; font-family: calibri, tahoma, geneva, sans-serif; font-size: 15px; height: 100px; background: #333; background: rgba(0, 0, 0, .8); border-radius: 5px; -moz-border-radius: 5px; color: #FFF; padding: 5px 15px; width: 200px; position: absolute; z-index: 9; margin-left: 0}
con questo:
CODICE .day_user_div a, .day_user_div p {display: inline-block; padding: 0; margin: 0}
.day_user_div_online a { border: 1px solid #828282 !important; padding: 1px; overflow: hidden; height: 24px; border-radius: 5px;}
.day_user_tooltip, .day_user_tooltip:hover {text-decoration:none !important; border-bottom:none !important}
.day_user_tooltip img { opacity: 0.5; vertical-align: middle; display: inline-table; margin-left: 0; margin-right: 0; height: auto !important; max-width: 25px !important; width: 24px !important; display: inline-block; overflow: hidden; border-radius: 4px;}
.day_user_tooltip img:hover {opacity: 1 !important}
.day_user_tooltip span {display:none}
#day_user_detailspopup {text-align: left; font-family: calibri, tahoma, geneva, sans-serif; font-size: 15px; height: 100px; background: #333; background: rgba(0, 0, 0, .8); border-radius: 5px; -moz-border-radius: 5px; color: #FFF; padding: 5px 15px; width: 200px; position: absolute; z-index: 9; margin-left: 0} |
|
-
|
.
|
| Sostituisci questo, nei css
CODICE .day_user_tooltip img {opacity: 0.5; vertical-align: middle; display: inline-table; margin-left: 4px; margin-right: 4px; padding: 1px; border: 1px solid #828282; border-radius: 5px; -moz-border-radius: 5px; max-height: 24px !important; max-width: 25px !important; height: 25px !important; width: 24px !important; display: inline-block; overflow: hidden}
con questo:
CODICE .day_user_tooltip img {opacity: 0.5; vertical-align: middle; display: inline-table; margin-left: 4px; margin-right: 4px; padding: 1px; border: 1px solid #828282; border-radius: 5px; -moz-border-radius: 5px; max-width: 25px !important; height: 25px !important; width: 24px !important; display: inline-block; overflow: hidden}
e aggiungi questo, sempre nei css
CODICE .day_user_div_online a {
height: 24px !important;
overflow: hidden;
} |
|
-
-
|
.
|
| Benvenuto  |
|
-
-
|
.
|
| CITAZIONE E se volessi mettere le scritte nella colonna di destra in grassetto?
CODICE .shoutbox .info dl dd {
font-weight: bold !important;
} |
|
-
|
.
|
| Puoi modificare le dimensioni dell'avatar cambiando il valore di height e/o width nel codice seguente (da aggiungere in colori & stili)
CODICE .sb_image_profile .avatar img {
height: Npx !important;
width: Npx !important
}
In ogni caso, l'avatar di default ha una larghezza di 100px.
Per le scritte in grassetto, invece, aggiungi in colori & stili questo codice
CODICE .shoutbox .info dl dt {
font-weight: normal !important;
} |
|
-
|
.
|
| va inserito tra le parentesi graffe, preceduto da un punto e virgola ";"
CODICE .day_user_tooltip p:aftert {content: '__'; color:transparent}
.day_user_tooltip p:before {content: '__'; color:transparent}
Edited by Andy - 4/1/2015, 13:48 |
|
-
|
.
|
| | Metti un "color:transparent" a .day_user_tooltip p:after e .day_user_tooltip p:before, così dovrebbero diventare trasparenti e lasciare vuoto lo spazio tra gli avatar. |
|
103 replies since 3/2/2012
.
