|
|
------------------------------------- ◊ Skin: Blue Water High Skin ◊ Autrici: »Dreamer~ & Derfy93 ◊ Anteprima: QUI ◊ Divieti: Non avete il permesso di modificare immagini e/o html della skin, utilizzare il codice come base per vostre skin, rimuovere i credits o spacciarla per vostro. Se utilizzate la skin, sarebbe carino che lasciaste almeno un commento. Per qualsiasi dubbio, domandate nell'apposito topic. -------------------------------------
• Amministrazione>Grafica>Skin e scegliete la SKIN DI BASE (predefinita)
• Codice HTML , IN CIMA a tutte le pagine <----DA QUI POTETE MODIFICARE IL LOGO (CHE NON DEVE ESSERE PIU' GRANDE DI 795px x 250px)
CODICE <div align="center" id="logo"><a href="LINKDELTUOFORUM"><img src="http://dumpshare.net/images/560logoluglio1.png"></a></div>
• Codice HTML , SOTTO AL LOGO <--DA QUI SI PUO' MODIFICARE LA TABELLA.
CODICE <table id="tabellasuperiore" class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">
<div class="mtitle"></div>
</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
<tr><!--RIGA1--> <td class="ww" width="290px" > <p align="center">TESTO TESTO TESTO<br>TESTO TESTO TESTO<br>TESTO TESTO TESTO<br>TESTO TESTO TESTO</td> <td class="aa" rowspan="2" width="350px"><p align="justify">TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO TESTO</p></td> <td class="ww" width="260px">TESTO TESTO TESTO <br>TESTO TESTO TESTO <br>TESTO TESTO TESTO <br>TESTO TESTO TESTO </td> </tr>
<tr><!--RIGA2--> <td class="ww">TESTO TESTO TESTO <br>TESTO TESTO TESTO <br>TESTO TESTO TESTO <br>TESTO TESTO TESTO</td> <td class="ww">TESTO TESTO TESTO <br>TESTO TESTO TESTO <br>TESTO TESTO TESTO <br>TESTO TESTO TESTO</td> </tr>
</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br><div id="background">
• Codice HTML , in HOME PAGE
• Codice HTML , in fondo
CODICE <div align="center" id="fondo"><img src="http://digidownload.libero.it/sofia.lamaida/Lavori%20Grafici/sfondosotto.png"></div> <div id="credits" style="background-color: none; font-family: trebuchet ms, verdana, tahoma, arial; font-style: italic; font-size: 11px; line-height: 12px; letter-spacing: 0px; width: 600px; -moz-border-radius: 20px; border-radius: 20px; border-top: 0px solid #1686ee; border-bottom: 3px solid #1686ee;"><b>Blue Water High Skin~</b> è stata progettata da <a href="http://www.forumfree.net/?act=Profile&MID=5918517">»Dreamer~</a> e <a href="http://thesongofthestars.forumfree.it/?act=Profile&MID=5078907">Derfy93</a> per il <a href="http://thesongofthestars.forumfree.it/">The Song Of The Stars</a> ed è ispirata al layout web di <a href="http://devisefunction.com/2010/03/09/underwater-content-box-design-in-photoshop/">Devise Function</a>. Per le onde sulla barra si ringrazia <a href="http://ffmagazine.forumfree.it/?act=Profile&MID=4201640">Yolia</a>. Per le immagini del logo si ringrazia <a href="http://usagi-tsukino-krv.deviantart.com/">Usagi Tsukino</a></div> </div></div>
• Modifica Colori e Stili
CODICE body {font: 12px tahoma; color: #C6DBE9; text-shadow: 0 -1px 2px #01375A; background-color: #1961C4; background: url(http://dumpshare.net/images/125Untitled-1.png) top repeat-x, #1961C4; background-attachment: scroll} a {text-decoration: none; color: #E1CCA1} a:hover {color: #B8EFF2; text-shadow: 0 0 8px rgba(82, 168, 236, .9); transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease} #logo {width: 953px; height: 317px; align: center; overflow: hidden; background: url(http://dumpshare.net/images/472Untitled-1copy.png) top center no-repeat; margin-left: 161px} .nav {font: italic 17px georgia; font-weight: bold; letter-spacing: .05em}
.footer {margin: 15px auto; font-size: 11px; color: #999} .footer a {color: #FFF}
/*TABELLASUPERIORE*/ table .skin_tbl {background: #227BA1; background: linear-gradient(#227BA1,#114A78)} .banner a:link img, .banner a:visited img, .banner a:active img {border: 0; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7} .banner a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.5; opacity: 1.5} #tabellasuperiore {width: 928px !important; margin-top: -61px !important; margin-left: 1px} #tabellasuperiore.skin_tbl {border: none; box-shadow: none} #tabellasuperiore .mainbg {background: linear-gradient(#1B91CF,#1870B9); box-shadow: 0 12px 13px #163DA9} #tabellasuperiore .mainbg tr {background: transparent; border: none; box-shadow: none} #tabellasuperiore .mback {display: none}
/* TAGBOARD e CHAT */ .tag {width: 928px; margin-left: 1px} .tag .mback_left, .tag .mback_center, .tag .mback_right {background: #1870B9} .tag .mainbg {background: linear-gradient(#1870B9,#1657A9); border-radius: 0 0 15px 15px} .tag .skin_tbl {box-shadow: 0 11px 13px #163DA9; border: none; border-radius: 0 0 20px 20px} .tag {margin-top: -35px} .tag, .chat {margin-bottom: 30px} .tag .list > * {background: transparent; box-shadow: none} .tag .list, .side_tag .list {padding: 0} .tag .textinput, .side_tag .textinput {padding: 1px} .tag a {font-family: georgia; font-weight: bold; font-style: italic}
/* MENU principale */ .menuwrap {height: 40px; font-family: tahoma; background: #227BA1; background: linear-gradient(#227BA1,#114A78); box-shadow: 0 1px 0 #3DB7DA}
.menuwrap li {line-height: 3.2em; color: #C5FDFE; text-shadow: 0 -1px 3px #01375A}
.menuwrap a {margin: 0; padding: 0 11px; font-size: 13px; color: #F0CD90} .menuwrap a:hover {color: #FFF; border: 0} .menuwrap .icon a {padding: 0 6px}
.menuwrap .avatar {z-index: 9; position: absolute; overflow: visible} .menuwrap li:first-child:hover .avatar {width: 200px; height: 40px; background-color: #114A78; overflow: visible; left: 0} .menuwrap li:first-child .avatar img {position: absolute; max-width: none; width: 23px; height: 23px; overflow: hidden; border: 1px solid #3577A5; box-shadow: 0 0 8px #1E6395 !important; top: 8px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease} .menuwrap li:first-child:hover .avatar img {max-width: none; width: 50px; height: 50px; overflow: hidden; position: absolute; top: 10px; z-index: 9; margin-left: 70px; animation-name: av; animation-duration: 2s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count:infinite; animation-direction:alternate; animation-play-state: running; -moz-animation-name: av; -moz-animation-duration: 2s; -moz-animation-timing-function: linear; -moz-animation-delay: 0s; -moz-animation-iteration-count:infinite; -moz-animation-direction:alternate; -moz-animation-play-state:running; -webkit-animation-name: av; -webkit-animation-duration: 2s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count:infinite; -webkit-animation-direction:alternate; -webkit-animation-play-state:running} @keyframes av {from {opacity: 0.5} to {opacity: 1}} @-moz-keyframes av {from {opacity: 0.5} to {opacity: 1}} @-webkit-keyframes av {from {opacity: 0.5} to {opacity: 1}} .menuwrap .left li:first-child ul {z-index: 1} .menuwrap .left li:first-child ul li:first-child {padding-top: 30px} .submenu ul li:first-child {padding-top: 6px !important}
#m_up a {padding: 0 11px 0 0} #c_up {position: absolute; right: 10px; bottom: 10px; opacity: .5} #f_up {position: fixed; bottom: 20px; right: 1%; opacity: .9} .p_up:hover, #c_up:hover, #f_up:hover {opacity: 1; text-decoration: none; border: 0}
/* esci e news */ .menuwrap b {color: #FFF}
/* numero msg e link REGISTRATI */ .menuwrap em {padding: 2px 5px; color: #FFF; text-shadow: none; background: #114A78; border-radius: 6px}
.menuwrap .nick {margin-left: 30px} .menuwrap form {padding: 0 11px 0 5px}
/* LOGIN VELOCE */ .menuwrap label, .menuwrap form a {padding: 0; font-size: 10px} .menuwrap label:hover {color: #FFF}
.menuwrap input {padding: 3px; font: 11px; color: #77C8D9; border-radius: 4px; background: #1B90B7; background: linear-gradient(#1B90B7,#1861B4); border: none; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 2px #19699F} .menuwrap input:hover {cursor: pointer} .menuwrap input:focus {cursor: default; outline: none}
.menuwrap input[type=submit] {padding: 2px; color: #77C8D9; border-radius: 4px; background: #1B90B7; background: linear-gradient(#1B90B7,#1861B4); border: none; border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 1px 2px #19699F} .menuwrap input[type=submit]:hover {color: #FFF}
/* CERCA */ .menuwrap .search input {color: #77C8D9; padding-right: 40px; background: #1B90B7; background: linear-gradient(#1B90B7,#1861B4); border: none; border-radius: 3px; box-shadow: 0 1px 2px #19699F} .menuwrap .search input:hover {color: #FFF} .menuwrap .search input:focus {color: #FFF}
/* MENU contestuale(dropdown) */ .menu > a:hover, .menu:hover > a {background: #114A78}
.menu ul {width: 200px; background: #114A78; background: linear-gradient(#114A78,#227BA1); border-radius: 0 0 4px 4px; box-shadow: 0 5px 0 #3DB7DA, 0 5px 3px #114A78, 0 10px 0 #227BA1}
.right .menu ul {margin-left: -2em}
.menu li {padding: 3px 0; line-height: 1.8em} .menu li:first-child {padding-top: 6px} .menu li strong {padding: 3px 8px} .menu li a {padding: 3px 6px !important} .menu li a:hover, .menu li:hover > a {background: #3DB7DA}
/* SUB MENU contestuale(dropright) */ /* Sposta msg pvt */ .submenu.alternative ul {border-top: 1px solid #080808; margin-top: -2px} .submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}
/* MENU laterale a comparsa */ #ssm .mainbg {background: #525252} #ssm .ww {font: 11px verdana, tahoma, arial, sans-serif; font-weight: normal !important; color: #AAA; text-shadow: -1px -1px 0 #111; background: #333; background: linear-gradient(left,#404040,#1A1A1A)} #ssm .title {border-top: 5px solid #484848; padding: 4px; line-height: 1.4em; font: 12px verdana, tahoma, arial, sans-serif; font-weight: bold; color: #000; background: #525252 !important} #ssm .aa {padding: 3px 4px; line-height: 1.4em; background: #525252; border-top: 1px solid #636363} #ssm a {display: block; margin: 0; padding: 3px 8px; font: 12px verdana, tahoma, arial, sans-serif; color: #BDBDBD !important; text-shadow: none} #ssm a:hover {color: #FFF; text-shadow: -1px -1px 0 #272727; background: #373737; border: 0; border-radius: 5px}
/* LARGHEZZA BOARD */ .container {margin: 30px auto; margin-bottom: 0; padding: 30px; padding-bottom: 10px; background: transparent; border: none} .container, .tabs.top, .tabs.bottom, .stats {width: 928px}
/* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/ .tabs {font-family: georgia; font-weight: bold; font-style: italic} .tabs li {vertical-align: bottom; margin-left: 5px} .tabs li:first-child {margin: 0}
/* variante per tabs laterali non ruotati */ .tabs.no_rotate li {margin: 0; margin-top: 5px} .tabs.no_rotate.alternative li {margin-top: 10px}
.tabs a {display: block; margin: 0; padding: 2px 10px; text-decoration: none; font-weight: bold; text-shadow: 0 -1px 2px #01375A; background: transparent} .tabs a:hover, .tabs .current a {color: #C6DBE9; font-size: 15px}
/* variante per tabs laterali non ruotati */ .tabs.left.no_rotate a {border-right: 0; border-radius: 5px 0 0 5px} .tabs.right.no_rotate a {border-left: 0; border-radius: 0 5px 5px 0}
/* i tabs in basso voglio che abbiano background e border del container */ .tabs.bottom a {border-top: 0; border-radius: 0 0 5px 5px}
/* TABS disposti attorno il container */
/* 30px come il margin del container */ .tabs.top {text-align: right; position: relative; top: 30px} /* 31= 30px come il margin del container e 1px per nascondere il bordo del container di 1px */ .tabs.bottom {text-align: right; position: relative; bottom: 31px}
/* ATTENZIONE: per sistemare la distanza dei tabs laterali dal container si suggerisce di modificare height */ /* il padding serve a indicare da quale punto dell'asse verticale del container iniziano i tabs */ .tabs.rotate {height: 25px; padding: 0 105px} .tabs.left.rotate {left: -25px}
/* variante per tabs laterali non ruotati */ /* 130px ha lo stesso scopo di 105px per tabs.rotate, il secondo numero, 1px, deve invece essere uguale al bordo del container */ .tabs.no_rotate {padding: 130px 1px}
/* HOMEPAGE */ .board .skin_tbl {margin: 20px} .mainbg {padding: 0 10px 10px; background: linear-gradient(#1A8AD2,#1664A6)} .skin_tbl {border: 2px solid #114677; background: transparent; border-radius: 5px; box-shadow: 0 0 13px #163DA9}
.mback {background-color: transparent; border: 0} .mback_left {height: 31px; width: 283px; background: url("http://dumpshare.net/images/692mbackleft.png")} .mback_right {height: 31px; width: 262px; background: url("http://dumpshare.net/images/277mback-right.png")} .mback_center {height: 31px; background: url("http://dumpshare.net/images/502mbackcenter.png"); background-repeat: repeat-x}
.minus, .plus, .board .title.bottom {display: none}
.mtitle {text-align: center; padding: 5px; font: 14px tahoma; font-weight: normal; color: #9FD8DD; text-shadow: 0 -2px 3px #114470; background: transparent !important} .title, .darkbar, .sunbar {background: #2191C9; border-radius: 4px; background: linear-gradient(#329AD3,#1C80BA); box-shadow: 0 -1px 0 #3D92BC; font-weight: normal; font-size: 12px; color: #B8EFF2; text-shadow: 0 0 2px #024775}
/* RIGHE di COLORE ALTERNATO */ .list > *, table.mainbg tr, .profile .skin_tbl, .big_list > * {background: #2582B7; border-radius: 5px; background: linear-gradient(#2582B7,#185396); box-shadow: 0 1px 0 #3D92BC, 0 -1px 0 #3D92BC} .board .off .aa, .board .off img {opacity: .8} .board .off:hover .aa, .board .off:hover img {opacity: 1}
/* fix per Opera */ .board .off .aa {min-height: 48px}
.board .on {border: 1px dotted rgba(82, 168, 236, .75)} .forum .annuncio, .forum .importante {color: #E8B403 !important}
/* SELEZIONE RIGA: MultiQuote e Moderazione */ /*.topic .focus {opacity: .6} <- default */ .focus {color: #FFF !important; background: #60B6DC !important} .focus:nth-child(even) {color: #FFF !important; background: #60B6DC !important} .cp .focus *, .forum .focus *, .blog .focus .title2, .blog .focus .tags * {color: #FFF !important; text-shadow: 0 0 2px #4096BC}
.web, .web a {font: 12px georgia; font-weight: bold; font-style: italic; color: #D5C4A0; text-shadow: 0 -1px 2px #124B7F} .web a:hover {padding-left: 13px; color: #B8EFF2; text-shadow: 0 0 8px rgba(82, 168, 236, .9); transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease} .desc {font-family: verdana; font-size: 11px; line-height: 12px; color: #EEEEF1; text-shadow: 0 -1px 3px #114470} .on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold} .spostata .web a {color: #31666E; font-style: italic}
/* edit avatar */ .tabs2 div:hover {background: #C6DBE9; color: #1B3CB0; text-shadow: none} .tabs2 .current div {background: #C6DBE9 !important; color: #1B3CB0; text-shadow: none}
/* non voglio che l'angolo in alto a sinistra di skin_tbl sia arrotondato perché ci sono dei tab */ #msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 5px} #msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 5px}
#msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}
/* RISPOSTA */ #loading .top, .summary .list .top {color: #C6DBE9; border-bottom: 1px solid #C6DBE9}
.summary .skin_tbl {border: 0} .summary .list > * {border-top: 0} .summary .list > *:first-child {border: 0} .summary .list {font-size: 11px} .summary .quote, .summary .code {font-size: 10px}
/* SONDAGGI */ /* line height è utile per centrare il testo verticalmente */ .poll .skin_tbl {background: #227BA1; background: linear-gradient(#227BA1,#114A78)} .poll .list > * {background: transparent; border: none; box-shadow: none} .bar {background: #C6DBE9; height: 15px; line-height: 15px; font-size: 10px; color: #1B3CB0 !important; text-shadow: 0 0 8px rgba(82, 168, 236, .9); border-radius: 5px} .bar div {background: #70C6EC; border-radius: 3px 0 0 3px} .max .bar {background: #C6DBE9} .max .bar div {background: #2191C9; background: linear-gradient(#329AD3,#1C80BA)}
/* DISCUSSIONI */ .topic .mtitle {font-weight: bold} .topic .mdesc {font-weight: normal}
.post {background: #2582B7; border-radius: 0; background: linear-gradient(#2582B7,#185396)} .post:first-child {border: 0} .post:nth-child(even) {background: linear-gradient(#185396,#2582B7)}
.post .center .left {padding: 0 10px} .post .center .right {padding: 10px 0} .post .right {padding-left: 10px !important} .post .bottom {font-size: 11px}
.color {line-height: 13px} .color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF} .edit {font-size: 5px; color: transparent; text-shadow: none} .fancyborder {border: 1px dotted #CBC8B9 !important; background: #F6F6F2} .bottomborder {border-bottom: 1px dashed #A9C7AF}
.post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 15px; color: #888; color: rgba(0, 0, 0, .45)}
/* avatar e altri dettagli */ .post .details {max-width: 150px; min-width: 150px; position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 10px; background-color: #193EB0; background: linear-gradient(#227BA1,#114A78); border-radius: 10px; border: 1px solid #114A78; box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px #C6DBE9} .post .avatar img {border: 4px solid #114A78} .post .avatar img:hover {border: 4px solid #C6DBE9; -moz-transition:st all 1s; -webkit-transition: all 1s; -o-transition: all 1s} .post .avatar {margin: 6px; overflow: hidden} .details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(0, 0, 0, .08)} .box_visitatore .details p {border-radius: 5px}
/* online, offline, anonimo */ .u_status {width: 100%; height: 100%; font-size: 0 !important; border-radius: 0; box-shadow: none} .u_status dt {display: none} .box_online .u_status img {width: 88px !important; height: 25px !important} .box_offline .u_status img {width: 88px !important; height: 30px !important} .box_anonimo .u_status img {width: 114px !important; height: 25px !important}
/* CITAZIONI, SPOILER e CODICI annidati */
/* 1° livello */ .quote, .code {padding: 5px; background-color: #193EB0; background: linear-gradient(#227BA1,#114A78); border-radius: 4px; box-shadow: 0 5px 0 #17CFCD, 0 5px 3px #193EB0, 0 10px 0 #114A78}
.quote_top, .code_top {font-size: 11px; color: #17CFCD; margin: 1em}
/* 1° livello */ .quote_top:before, .spoiler .code_top:before {color: #17CFCD; content:'“'; position: relative; top: 16px; margin-right: 5px; font-size: 40px; font-family: 'Times New Roman'; font-weight: bold} .code_top:before {color: #17CFCD; content:'<!'; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold} .code_top:after {color: #17CFCD; content:'>'; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold} .spoiler .code_top:after {content:''}
/* LISTA UTENTI ONLINE */ .online .yy a {font-weight: bold}
/* STATISTICHE */ #board .stats {width: 929px; margin-top: 20px} #board .stats .skin_tbl.top {border: 0; border-radius: 5px 5px 0 0} #board .stats .skin_tbl.bottom {border: 0; border-radius: 0 0 5px 5px} #board .stats .mback {background: transparent; border: 0; border-radius: 0} #board .stats .top .mback {border-radius: 5px 5px 0 0}
/* simbolo tra un nick e il successivo */ .users li:before {content:' - '; color: #AAA; font-weight: bold} .users li:first-child:before {content:''} .users a:hover, .groups a:hover {border-bottom: 1px dotted #999}
/* COLORI UTENTI */ .box_visitatore .details {border: 0; background: transparent}
.daconvalidare {font-style: italic}
.amministratore, .gruppo1 {color: #21B6FB; font-weight: bold;} .moderatore, .gruppo2 {color: #E8B403; font-weight: bold;} .gruppo3 {color: #17CFCD; font-weight: bold;} .gruppo4 {color: #D3F5FF; font-weight: bold;}
/* REGISTRAZIONE RAPIDA */ .reg {margin-bottom: 30px; padding: 2px; background: transparent; border: 0; border-radius: 5px} .reg .skin_tbl {border: 0}
/* AVVISI */ /* pop up */ .popup > div {background: #C6DBE9} .pop_points > div a {color: #1B3CB0} .navsub .info {font-size: .8em} .alert, .info {border-radius: 5px} .alert {padding: 1em; background: #C6DBE9 !important; color: #1B3CB0 !important; text-shadow: none} .info {padding: .5em; background: #C6DBE9 !important; color: #1B3CB0 !important; text-shadow: none} .alert a, .info a {color: #1B3CB0; text-decoration: underline; font-weight: bold}
/* PROFILO */ .profile .tabs {text-align: right; padding-top: 10px} .profile h2 {margin-top: 1.5%; padding: 10px; background-color: transparent} .profile .nick {line-height: 1em; margin: 5%; font: 16px georgia; font-weight: bold; font-style: italic; color: #D5C4A0; text-shadow: 0 -1px 2px #124B7F} .profile dl {font-size: 11px} /* non voglio che l'angolo in alto a destra di skin_tbl sia arrotondato perché ci sono dei tab */ .profile .skin_tbl {border-radius: 5px 0 5px 5px} .profile .left {position: relative}
/* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */ .pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''} .pages2 li {margin: 0 .2em; padding: 0} .pages2 li:first-child a {background: transparent; border: 0} /* indicando a:link e a:visited i numeri rimangono colorati di nero anche se la riga viene selezionata e ha classe .focus */ .pages2 a:link, .pages2 a:visited {opacity: .6; padding: 1px 4px; color: #000 !important; text-shadow: none !important; background: #498BC8; border: transparent; border-radius: 100px} .pages2 a:hover {opacity: .9}
/* NUMERI PAGINA esterni alle tabelle */ .top .pages {text-align: center; padding-bottom: 15px} .bottom .pages {text-align: center; padding-top: 20px} .left .pages {padding: 0}
.pages {font-size: .8em}
.pages li {margin: 0 .2em; padding: 0; vertical-align: middle} .pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}
.pages li a, .pages .current {padding: 4px 7px; font-size: 10px; color: #C6DBE9; text-shadow: 0 1px 0 #1B3CB0; background: #2191C9; background: linear-gradient(#329AD3,#1C80BA); border: 1px solid #1B3CB0; border-radius: 5px; box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px rgba(202, 144, 129, 0.7)} .pages li a:hover, .pages .current {color: #1B3CB0; text-shadow: 0 1px 2px #C6DBE9} .pages .current {font-size: 11px} .pages .jump a, .pages .lastpost a {font-size: 11px; color: #C6DBE9; background: #2191C9; border: 1px solid #1B3CB0; border-radius: 5px; box-shadow: 0 1px 3px rgba(000, 000, 000, 0.5), inset 0 0 2px rgba(202, 144, 129, 0.7)}
/* INPUT e BOTTONI */ .codebuttons, .forminput, .textinput {padding: 2px; font: .9em tahoma; color: #FFF; background: #498BC8; background: linear-gradient(#498BC8,#1C61B8); border: 1px solid #1A56AC; border-radius: 3px; box-shadow: 0 1px 2px #2268BA}
textarea.textinput {padding: 3px; border-radius: 7px; line-height: 2em; font: .9em tahoma}
/* bagliore azzurro */ .forminput[type=text], .forminput[type=password], .textinput {transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -webkit-transition: all .4s ease} .textinput:focus, .forminput[type=text]:focus, .forminput[type=password]:focus {outline: none; border-color: rgba(82, 168, 236, .75); box-shadow: 0 0 8px rgba(82, 168, 236, .5)}
/* bbcode */ .codebuttons {padding: 2px} .codebuttons:hover {color: #C6DBE9} select.codebuttons, .codebuttons[type=select], .forminput[type=select], select.forminput, select.textinput {background: #498BC8 !important} /* form di accesso a Inbox, Sent Items... */ .sunbar .forminput {color: #FFF; background: #666; border: 1px solid #555; padding: 0; box-shadow: none} .sunbar .forminput:hover {background: #555; border-color: #444}
/* form di ordinamento in fondo alle sezioni */ .title .forminput, .navsub .forminput {padding: 2px; color: #FFF; background: #498BC8; border: 1px solid #1A56AC; border-radius: 3px; box-shadow: 0 1px 2px #2268BA} .title input.forminput {font-weight: bold; color: #FFF; background: #498BC8; background: linear-gradient(#498BC8,#1C61B8); border: 1px solid #1A56AC; border-radius: 3px; box-shadow: 0 1px 2px #2268BA}
/* Nuova Disc. e Rispondi */ .buttons {padding: 10px 2px} .sidebar .buttons {padding: 10px 0 0 0} .buttons a {border: 0; margin-left: 12px} .buttons a:first-child {margin: 0}
/* bordo e sfondo dei bottoni viene assegnato a '.buttons span' invece che a '.buttons a' perché nel caso in cui nel pannello amministrativo delle immagini venissero messi dei bottoni, gli effetti sarebbero applicati anche a loro, ma questo non lo vogliamo */ .buttons span {padding: 3px 9px; font-size: 18px; color: #000; text-shadow: -1px -1px 1px #AAA; background: #A6A6A6; border: 1px solid #666; border-bottom-color: #444; border-radius: 5px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5), inset 0 1px rgba(255, 255, 255, .3), inset 0 10px rgba(255, 255, 255, .2), inset 0 10px 20px rgba(255, 255, 255, .25), inset 0 -15px 30px rgba(0, 0, 0, .3)} .buttons span:hover {background: #B4B4B4}
/* MP, E-mail, Web... */ .mini_buttons a {border: 0; line-height: 2.5em; font-weight: bold; font-size: 10px} .post .mini_buttons a {line-height: 1em; font-size: 11px}
/* .mini_buttons > * seleziona anche il bottone di Facebook */ .mini_buttons > * {margin-left: 10px} .post .mini_buttons > * {margin-left: 12px} .post .bottom .mini_buttons > * {margin-left: 14px} .mini_buttons > *:first-child {margin: 0 !important}
/* scritta multiquote */ .title2 label {font-weight: bold}
• Modifica Immagini (selezionando la voce "Aggiorna tramite la modifica rapida")
CODICE A_STAR:<img src="http://i.imgur.com/lEWi9.png" width="16" height="16" alt=""> FEMALE_STAR:<img src="http://i.imgur.com/lEWi9.png" width="16" height="16" alt=""> MALE_STAR:<img src="http://i.imgur.com/lEWi9.png" width="16" height="16" alt=""> GRADO_ADMIN: GRADO_MOD: ICON_COMMUNITY:http://i.imgur.com/LCTb4.png ICON_RSS:http://i.imgur.com/3ubli.png ICON_MEMBERS:http://i.imgur.com/BjzFV.png ICON_HELP:http://i.imgur.com/4jCDS.png M_UP:http://i.imgur.com/ICaC8.png M_UP_SHOW:1 C_UP:<img src="http://img.forumfree.net/index_file/up_c.png" width="18" height="18" alt="Top"> F_UP:<img src="http://img.forumfree.net/index_file/up_f.png" width="24" height="24" alt="Top"> P_UP:<img src="http://img.forumfree.net/style_images/52/p_up.png" width="16" height="16" alt="Top"> F_NAV:<img src='http://digilander.libero.it/simonesta/UnderTheSea/star-icon.png' width='48' height='48' alt='F_ACTIVE'> F_NAV_SEP:» C_ON:<img src='http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon.png' width='48' height='48' alt='C_ON'> C_OFF:<img src='http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon%20copy.png' width='48' height='48' alt='C_OFF'> C_ON_RES:<img src='http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon.png' width='48' height='48' alt='C_ON'> C_OFF_RES:<img src='http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon%20copy.png' width='48' height='48' alt='C_OFF'> C_LOCKED:<img src="http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon.png" width='48' height='48' alt="C_LOCKED"> F_ACTIVE:<img src='http://digilander.libero.it/simonesta/UnderTheSea/star-icon.png' width='48' height='48' alt='F_ACTIVE'> F_STATS:<img src='http://digilander.libero.it/simonesta/UnderTheSea/treasure-icon.png' width='48' height='48' alt='F_STATS'> A_POST:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/discussione.png" width="170" height="50" alt="A_POST"> A_REPLY:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/rispondi.png" width="138" height="50" alt="A_REPLY"> A_POLLONLY_B:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/sondaggio.png" width="154" height="50" alt="A_POLLONLY_B"> A_LOCKED_B:<img src="http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/chiuso.png" width="114" height="50" alt="A_LOCKED_B"> M_REPLY:Rispondi M_DELETE:Cancella M_ADDMEM:Aggiungi amico M_UNREAD:<img src='http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon.png' width='48' height='48' alt='M_UNREAD'> M_READ:<img src='http://digilander.libero.it/simonesta/UnderTheSea/pearl-icon%20copy.png' width='48' height='48' alt='M_READ'> B_PIN:<img src='http://skin.forumfree.net/1804/f_pinned.png' width='16' height='16' alt='B_PIN'> B_ANNUNCIO:<img src='http://digilander.libero.it/simonesta/UnderTheSea/p.png' width='16' height='16' alt=''> B_NEW:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='B_NEW'> B_NORM:<img src='http://i.imgur.com/1iYb9.png' width='16' height='16' alt='B_NORM'> B_HOT:<img src='http://i.imgur.com/Dx6Gv.png' width='16' height='16' alt='B_HOT'> B_HOT_NN:<img src='http://i.imgur.com/5g1iI.png' width='16' height='16' alt='B_HOT_NN'> B_POLL:<img src='http://i.imgur.com/QYkvZ.png' width='16' height='16' alt='B_POLL'> B_POLL_NN:<img src='http://i.imgur.com/1iYb9.png' width='16' height='16' alt='B_POLL_NN'> B_MOVED:<img src='http://i.imgur.com/guy7r.png' width='16' height='16' alt='B_MOVED'> B_LOCKED:<img src='http://i.imgur.com/Btj2V.png' width='16' height='16' alt='B_LOCKED'> NEW_POST:<img src="http://img.forumfree.net/style_images/52/newpost.png" alt="NEW_POST"> PAG:<img src='http://i.imgur.com/wr41S.png' width='16' height='16' alt='CAT_IMG'> CAT_IMG:<img src='http://i.imgur.com/wr41S.png' width='16' height='16' alt='CAT_IMG'> THUMBS_UP:http://img.forumfree.net/index_file/thumbs_up.png THUMBS_DOWN:http://img.forumfree.net/index_file/thumbs_down.png P_DELETE:Cancella P_EDIT:Modifica P_QUOTE:Citazione P_MSG:MP P_EMAIL:E-mail P_CONTACTS:Contatti P_WEBSITE:Sito Web EMOTICONS:http://i.imgur.com/fNono.png EMOTICONS2:http://i.imgur.com/xe6m8.png LOADING:http://i.imgur.com/H9Oa5.gif PREVIEW:http://img.forumfree.net/index_file/preview.png FULL_EDITOR:http://img.forumfree.net/index_file/full.png HELP:http://img.forumfree.net/index_file/help.png COLOR:http://img.forumfree.net/index_file/color.png HTML:http://img.forumfree.net/index_file/html.png ATTACHMENT:http://img.forumfree.net/index_file/attachment.png ONLINE:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/online.png OFFLINE:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/offline.png ANONIMO:http://digilander.libero.it/sofia.lamaida/Lavori%20Grafici/anonimo.png
• Modifica Logo LASCIARE VUOTO L'INDIRIZZO DEL LOGO E METTERE LA SPUNTA SU "TOGLI CORNICE"
• Modifica Sfondo LASCIARE VUOTO
Edited by •Sofficina~ - 5/7/2014, 12:06
|
|