Colori e stili

« Older Newer »

Hamm

Posted on 28/9/2015, 19:44

Advanced Member

Group:: Administrator

Posts:: 9,289

Location:: Da casa mia

Status:: Offline

Colori e stili

Da mettere, per poter usare il menù con i gadget in homepage, sotto la tabella

CODICE

/* Css dock-menu 2.0 */
.nb_dock {list-style-type: none; margin: 0; padding: 0; margin-bottom: 30px}
.nb_dock * {transition: all 1s ease; -webkit-transition: all 1s ease}
.nb_dock li {display: inline-block}
.nb_dock li img {width: 60px}
.nb_dock li div {background: #800000; color: #FFF; opacity: 0}
.nb_dock li:hover {padding: 0 20px}
.nb_dock li:hover img {transform: scale(1.8); -ms-transform: scale(1.8); -webkit-transform: scale(1.8)}
.nb_dock li:hover + li img {transform: scale(1.4); -ms-transform: scale(1.4); -webkit-transform: scale(1.4)}
.nb_dock li:hover + li {padding: 0 10px}
.nb_dock li:hover div {opacity: 1}

Codice HTML che sarà mostrato nella homepage del sito - sotto la tabella

CODICE

<ul class="nb_dock">
<li><a href="http://setsukagaiden.forumcommunity.net/?f=7149038"><img alt="" src="https://i.imgur.com/WkVqQWN.png"></a><div>SOUL<br>CALIBUR</div></li>
<li><a href="http://setsukagaiden.forumcommunity.net/?f=7839719"><img alt="" src="https://i.imgur.com/Hrgt9UD.png"></a><div>TUTTO<br>PICCHIADURO</div></li>
<li><a href="http://setsukagaiden.forumcommunity.net/?f=3642718"><img alt="" src="https://i.imgur.com/N4tVAK0.png"></a><div>OTAKU<br>ZONE</div></li>
<li><a href="http://setsukagaiden.forumcommunity.net/?f=5942667"><img alt="" src="https://i.imgur.com/oDVWsBP.png"></a><div>ONLY<br>VIDEOGAMES</div></li>
</ul>
<br>

Targhette a destra

CODICE

/*TARGHETTE A DESTRA SPENTE/ACCESE by Sbrinzo; http://skinfactory.forumfree.net/*/
.board .s {float: right}
.web a:link .s, .web a:visited .s {opacity: 1}
.web a:hover .s {opacity: 0.6}

Edited by Hamm - 30/12/2017, 13:00

Hamm

Posted on 16/5/2017, 17:34

Advanced Member

Group:: Administrator

Posts:: 9,289

Location:: Da casa mia

Status:: Offline

ciao = #949494
ciao = #3A2D21
ciao = #C6D1C3
ciao = #680000
ciao = #525252

Codice originale

CODICE

/* MENU principale */
.menuwrap {font-size: 12px; font-family: verdana, tahoma, arial, sans-serif; background: #333; background: linear-gradient(#404040,#1A1A1A); box-shadow: 0 1px 2px rgba(0, 0, 0, .5); -moz-box-shadow: -2px 1px 2px rgba(0, 0, 0, .5)}

Codice modificato e in uso

CODICE

/* MENU principale */
.menuwrap {font-size: 12px; font-family: verdana, tahoma, arial, sans-serif; background: #333; background: linear-gradient(#d4d7ac,#8f916a); box-shadow: 0 1px 2px rgba(0, 0, 0, .5); -moz-box-shadow: -2px 1px 2px rgba(0, 0, 0, .5)}

#d4d7ac ciao #8f916a ciao

altre prove con colori della skin

#7D0C26 ciao
#6D6C58 ciao
#ADBAC6 ciao
#DBDAB4 ciao

Edited by Hamm - 30/12/2017, 15:03

Hamm

Posted on 30/12/2017, 13:36

Advanced Member

Group:: Administrator

Posts:: 9,289

Location:: Da casa mia

Status:: Offline

_{SOUL CALIBUR}

_{TUTTO PICCHIADURO}

_{OTAKU ZONE}

_VIDEOGAMES

CODICE

<a href="http://setsukagaiden.forumcommunity.net/?f=7149038"><img alt="" src="https://i.imgur.com/WkVqQWN.png"></a><sub>SOUL CALIBUR</sub> <a href="http://setsukagaiden.forumcommunity.net/?f=7839719"><img alt="" src="https://i.imgur.com/Hrgt9UD.png"></a><sub>TUTTO PICCHIADURO</sub><a href="http://setsukagaiden.forumcommunity.net/?f=3642718"><img alt="" src="https://i.imgur.com/N4tVAK0.png"></a><sub>OTAKU ZONE</sub><a href="http://setsukagaiden.forumcommunity.net/?f=5942667"><img alt="" src="https://i.imgur.com/oDVWsBP.png"></a><sub>VIDEOGAMES</sub>

2 replies since 28/9/2015, 19:44 34 views