Blue Water High

« Older   Newer »
 
  Share  
.
  1.     +1   +1   -1
     
    .
    Avatar

    We need to be ready for anything

    Group
    ☆ SuperStars~
    Posts
    24,943
    Apprezzamenti nei post
    +1,251
    Location
    Da un cielo stellato...

    Status
    Anonymous

    yVkqX



    -------------------------------------
    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">&nbsp;</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
    Lasciare vuoto


    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
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar

    ★Le stelle sono buchi nel cielo da cui filtra la luce dell’infinito★

    Group
    ★ SuperNove~
    Posts
    17,828
    Apprezzamenti nei post
    +774
    Location
    dall' isola che non c' è...

    Status
    Anonymous
    Bellissimissimaaaa! :asd: :applauso:
     
    Top
    .
  3.     +1   -1
     
    .
    Avatar


    Group
    ♠ GuestStars~
    Posts
    7,093
    Apprezzamenti nei post
    +9
    Location

    Status
    Offline
    stupenda *O*
    anche se nel logo ci starebbe meglio una mia amica.. essì mi duole ammetterlo ma è cosssì u.u

    ps. la mia pantegan.. Usagi :°
     
    Top
    .
  4.     +1   -1
     
    .
    Avatar


    Group
    ♠ GuestStars~
    Posts
    7,093
    Apprezzamenti nei post
    +9
    Location

    Status
    Offline
    nella demo si è spostato il logo =o
    http://bluewaterhigh-skin.blogfree.net/
     
    Top
    .
  5.     +1   -1
     
    .
    Avatar

    ★Le stelle sono buchi nel cielo da cui filtra la luce dell’infinito★

    Group
    ★ SuperNove~
    Posts
    17,828
    Apprezzamenti nei post
    +774
    Location
    dall' isola che non c' è...

    Status
    Anonymous
    Io lo visualizzo normalmente.
     
    Top
    .
  6.     +1   +1   -1
     
    .
    Avatar

    We need to be ready for anything

    Group
    ☆ SuperStars~
    Posts
    24,943
    Apprezzamenti nei post
    +1,251
    Location
    Da un cielo stellato...

    Status
    Anonymous
    è vero, segnalo il problema e appena possibile vediamo di risolverlo :)
     
    Top
    .
  7.     +1   -1
     
    .
    Avatar

    ★Le stelle sono buchi nel cielo da cui filtra la luce dell’infinito★

    Group
    ★ SuperNove~
    Posts
    17,828
    Apprezzamenti nei post
    +774
    Location
    dall' isola che non c' è...

    Status
    Anonymous
    Perchè io lo vedo bene?
     
    Top
    .
  8.     +1   -1
     
    .
    Avatar

    We need to be ready for anything

    Group
    ☆ SuperStars~
    Posts
    24,943
    Apprezzamenti nei post
    +1,251
    Location
    Da un cielo stellato...

    Status
    Anonymous
    boh xD beata te :D
     
    Top
    .
  9.     +1   -1
     
    .
    Avatar

    We need to be ready for anything

    Group
    ☆ SuperStars~
    Posts
    24,943
    Apprezzamenti nei post
    +1,251
    Location
    Da un cielo stellato...

    Status
    Anonymous
    CITAZIONE (•Rei @ 4/2/2015, 15:19) 
    nella demo si è spostato il logo =o
    http://bluewaterhigh-skin.blogfree.net/

    non ho l'amministrazione sulla skin, ma se desideri prelevarla, prova a modificare in colori e stili il margin-left del logo da 161 px a 204 px :)
    CITAZIONE
    #logo {width: 953px; height: 317px; align: center; overflow: hidden; background: url(https://dumpshare.net/images/472Untitled-1copy.png) top center no-repeat; margin-left: 161px}
     
    Top
    .
  10.     +1   -1
     
    .
    Avatar


    Group
    ♠ GuestStars~
    Posts
    7,093
    Apprezzamenti nei post
    +9
    Location

    Status
    Offline
    uhm, mi cambia poco in realtà
    Se tolgo direttamente il margin-left mi torna centrale anche se leggermente spostato a sinistra..
     
    Top
    .
  11.     +1   -1
     
    .
    Avatar

    We need to be ready for anything

    Group
    ☆ SuperStars~
    Posts
    24,943
    Apprezzamenti nei post
    +1,251
    Location
    Da un cielo stellato...

    Status
    Anonymous
    Derfy93
     
    Top
    .
10 replies since 30/8/2012, 10:20   767 views
  Share  
.
Top