TheBujinPlayer's Gallery

« Older   Newer »
 
  Share  
.
  1. TheBujinPlayer
     
    .

    User deleted


    Tutto cio' che ho fatto di grafico e' rappresentato qui:

    Immagini






    Designed & Coded by me (TheBujinPlayer)

    Ho deciso di rendere la skin pubblica chiunque voglia puo' usarla, basta che lascera' invariati i credits :)
    Ecco a voi il tutorial di installazione, personalizzazioni, scripts e varie:

    Amministrazione -> Grafica -> Colori e stili

    CODICE
    /* Skin - Designed & Coded by TheBujinPlayer */
    body {font: 76%/1.6em Verdana, Tahoma, Arial, Sans-serif; color: #F4F4F4; background: url(http://4.bp.blogspot.com/_leccu6iUYVA/TBPZ3zIDHMI/AAAAAAAAA2c/tx-rf3HSrDg/s1600/spazio-04-sci-fi-1440-900.jpg) repeat-x center center #000 fixed !important}
    a {transition: all 0.3s ease; text-decoration: none; color: #146AAE}
    a:hover {color: #FFAA00}
    .nav {font: 17px calibri, arial; font-weight: bold; letter-spacing: .05em}

    .footer {margin: 15px auto; font-size: 11px; color: #999}
    .footer a {color: #FFF}

    /* LOGO senza cornice */
    .logo {margin: -20px 0 -10px 0} .logo a:hover {border: 0}


    /* LOGO con cornice */
    .header {margin-bottom: 30px; border: 1px solid rgba(0, 0, 0, .5); border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, .5)}
    .header, .header a {border-radius: 10px}

    /* altezza contenitore del logo ed effetto glass */
    .header a {display: table; width: 100%; height: 130px; margin: 0; padding: 0; letter-spacing: 2px; word-spacing: 4px; font: italic 39px calibri, arial; color: #EEF; text-shadow: 0 -1px 1px #000; box-shadow: 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, .4)}
    .header a:hover {color: #FFF; background: rgba(255, 255, 255, .04); border: 0}

    /* posizione del testo */
    .header span {display: table-cell; padding: 0 80px; vertical-align: middle; text-align: left}

    /* posizione del logo */
    .header h1 {background-position: 85% 50%}



    /* MENU principale */
    .menuwrap {box-shadow: 0 2px 6px 1px #000000; width: 990px; margin-top: 10px; background: #002162; height: 38px !important; padding-bottom: 3px; padding-top: 6px}
    .menuwrap .avatar, .menuwrap .avatar:hover {border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, .10)}
    .menuwrap .nick:before {content: "Bentornato, "; font-size: 13px; color: #FFFFFF; font-weight: bold; text-shadow: 0 1px 1px #012}
    .menuwrap .nick {font-size: 13px; color: #FFF; font-weight: bold; text-shadow: 0 1px 1px #012}
    .menuwrap li {line-height: 2.6em; color: #FFF}
    .menuwrap a {display: block; cursor: pointer; direction: ltr; margin: 0; padding: 0 7px; font-size: 13px; color: #8FBDE9; font-weight: bold}
    .menuwrap a:hover {color: #8FBDE9 !important; border: 0; text-shadow: 0 1px 1px #012}
    .menuwrap .icon a {padding: 0 6px}
    #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:} .menuwrap b {color: #E5A245}

    /* esci e news */
    .menuwrap b {color: #FA0000}

    /* numero msg e link REGISTRATI */
    .menuwrap em {padding: 2px 5px; font-family: arial; color: #81AABD; text-shadow: 1px 1px 0 #000; background: #04101B; background: -moz-linear-gradient(top, #04101B 0%, #061728 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04101B), color-stop(100%, #061728)); background: -webkit-linear-gradient(top, #04101B 0%, #061728 100%); background: -o-linear-gradient(top, #04101B 0%, #061728 100%); background: -ms-linear-gradient(top, #04101B 0%, #061728 100%); background: linear-gradient(top, #04101B 0%, #061728 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#04101B', endColorstr='#061728', GradientType=0); box-shadow: 0 0 3px #001429 inset; border: 0; border-bottom: 1px solid rgba(10, 46, 85, .7); border-radius: 2px}

    .menuwrap .nick {margin-left: .6em}
    .menuwrap form {padding: 0 11px 0 5px}


    /* MENU contestuale(dropdown) */
    .menu > a:hover, .menu:hover > a {border-radius: 6px; color: #FFFFFF !important; border: 0; text-shadow: none; background-color: rgba(0, 0, 0, 0.5) !important; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, .10); transition:none}
    .menu ul {border-top: 1px solid #272527; text-shadow: none; background: linear-gradient(#1C1B1C,#000000); box-shadow: 0 0 5px 1px #000000; border-radius: 3px; width: 20em; padding-top: 4px; padding-bottom: 4px}
    .right .menu ul {margin-left: -2em}
    .menu li {padding: 3px 4px; line-height: 1.4em; text-shadow: none}
    .menu li:first-child {padding-top: 0}
    .menu li strong {padding: 3px 8px; color: #00DD00; text-shadow: none; font-weight: bold}
    .menu li a {box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, .0); text-shadow: none; background: url(http://qigongfirenze.org/immagini/sfondo_trasparente.gif) repeat; color: #D7D7D7 !important; border-radius: 3px; padding: 3px 8px !important; font-weight: normal}
    .menu li a:hover, .menu li:hover > a {background: #002162 repeat !important; color: #FFF !important; text-shadow: none; border-radius: 3px; transition: none}


    /* SUB MENU contestuale(dropright) */
    /* Sposta msg pvt */
    .submenu.alternative ul {border-top: 1px solid #080808; margin-left: 3px}
    .submenu.alternative li:first-child {padding: 3px 4px; border-top: 0}


    /* LOGIN VELOCE */
    .menuwrap label, .menuwrap form a {padding: 0; font-size: 10px}
    .menuwrap label:hover {color: #FFF}

    .menuwrap input {font-size: 9pt; padding: 3px; color: #5A7784; text-shadow: 1px 1px 0 #000; background: #04101B; background: -moz-linear-gradient(top, #04101B 0%, #061728 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04101B), color-stop(100%, #061728)); background: -webkit-linear-gradient(top, #04101B 0%, #061728 100%); background: -o-linear-gradient(top, #04101B 0%, #061728 100%); background: -ms-linear-gradient(top, #04101B 0%, #061728 100%); background: linear-gradient(top, #04101B 0%, #061728 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#04101B', endColorstr='#061728', GradientType=0); box-shadow: 0 0 3px #001429 inset; border: 0; border-bottom: 1px solid rgba(10, 46, 85, .7); border-radius: 4px}
    .menuwrap input:hover {cursor: pointer; color: #81AABD}
    .menuwrap input:focus {cursor: default}

    .menuwrap input[type=submit] {padding: 0; font-size: 12px; font-family: arial; font-weight: bold; color: #81AABD; text-shadow: 1px 1px 0 #000; background: #04101B; background: -moz-linear-gradient(top, #04101B 0%, #061728 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04101B), color-stop(100%, #061728)); background: -webkit-linear-gradient(top, #04101B 0%, #061728 100%); background: -o-linear-gradient(top, #04101B 0%, #061728 100%); background: -ms-linear-gradient(top, #04101B 0%, #061728 100%); background: linear-gradient(top, #04101B 0%, #061728 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#04101B', endColorstr='#061728', GradientType=0); box-shadow: 0 0 3px #001429 inset; border: 0; border-bottom: 1px solid rgba(10, 46, 85, .7); border-radius: 2px}


    /* CERCA */
    .menuwrap .search input {padding-right: 20px; color: #5A7784}
    .menuwrap .search input:hover, .menuwrap .search input:focus {color: #81AABD}

    /* LARGHEZZA BOARD */
    .container {margin: 60px auto; padding: 30px; background: #000; border: 2px #8FBDE9; border-radius: 10px}
    .container {margin-bottom: 45px}
    .container, .tabs.top, .tabs.bottom {max-width: 860px}


    /* TABS(definizioni valide per tutti i tabs, interni ed esterni al container)*/
    .tabs {font-family: 'Trebuchet MS', Tahoma, Verdana, Arial, Serif; letter-spacing: .05em}
    .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; color: #6B86A0; background: #000000; border: 2px solid #6B86A0; border-radius: 5px; text-shadow: 0 1px 1px #012}
    .tabs a:hover, .tabs .current a {background: #202020; border: 2px solid #8FBDE9; text-shadow: 0 1px 1px #012 !important}

    /* TABS disposti attorno il container */

    /* 30px come il margin del container */
    .tabs.top {text-align: right; position: relative; top: 40px}
    .tabs.bottom {text-align: right; position: relative; bottom: 30px}
    .tabs.rotate, .tabs.right, .tabs.left {height: 25px; padding: 0 105px; margin: 0 20px !important}
    .tabs.left.rotate {left: -25px}

    /* variante per tabs laterali non ruotati */
    .tabs.no_rotate {padding: 130px 1px}


    /* HOMEPAGE */
    /* si ringrazia SilverDiamond per gli mback da lui creati e forniti */
    td .ww, td .aa {background: url(http://images.forwallpaper.com/files/thumb...s-desktop_p.jpg); color: #FFFFFF}
    table .mainbg {margin-top: 5px}
    .board .skin_tbl {margin: 0}
    .skin_tbl {background: none; border-radius: 5px}

    .mback {margin-top: 15px; height: 40px}
    .mback_left {background: url(http://i.imgur.com/uEv45Lm.png) no-repeat bottom left; width: 270px}
    .mback_center {background: url(http://i.imgur.com/IVf2LZH.png) repeat-x bottom center}
    .mback_right {background: url(http://i.imgur.com/uEv45Lm.png) no-repeat bottom right; width: 270px}

    .tag .mback {margin-top: 15px; height: 33px}
    .tag .mback_left {background: url('http://i.imgur.com/uEv45Lm.png') no-repeat scroll right center transparent; width: 236px}
    .tag .mback_center {background: url(http://i.imgur.com/IVf2LZH.png) no-repeat center left, url(http://i.imgur.com/IVf2LZH.png) repeat-x center center}
    .tag .mback_right {background: url(http://i.imgur.com/uEv45Lm.png) no-repeat center right; width: 236px}

    .minus, .plus {display: none; background-color: #BBB; border: 1px solid #AAA; width: 9px; height: 9px}
    .plus {background-image: url('http://img.forumfree.net/html/sys-img/plus_b.gif')}
    .minus {background-image: url('http://img.forumfree.net/html/sys-img/minus_b.gif')}

    .mtitle {text-align: center; padding-bottom: 5px; font: 11pt verdana; font-weight: normal; color: #729FB0; text-shadow: 1px 1px 3px #012; font-weight: bold; background: transparent !important}
    .title, .darkbar, .sunbar {background: #171717 repeat-x; font-weight: normal; font-size: 9pt; color: #F4F4F4; text-shadow: 0 1px 1px #012; letter-spacing: -.5px}
    .title {margin-top: 2px}
    .title.top {background: #171717 repeat-x center center; border: 1px solid #091820; border-radius: 5px 5px 0 0; font-style: italic}
    .title.top a {color: #F4F4F4; font-style: none}
    .title.bottom {margin: 0; background: url(http://oi57.tinypic.com/fyinvp.jpg) repeat-x center center; border: 1px solid #091820; border-radius: 0 0 5px 5px}
    .title.bottom a {color: #F4F4F4; font-style: none}
    .board .title.bottom {background: none; border: 0}
    .title2.bottom a {color: #90AAB5; font-style: none}


    /* RIGHE di COLORE ALTERNATO */
    .list > *, table.mainbg tr, .profile .skin_tbl {background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top, #000}
    .list > *:nth-child(even), table.mainbg tr:nth-child(even) {background: #000}
    /* tagboard */
    .tag .list > * {background: none; color: #F4F4F4; font-size: 10pt; font-style: none; text-shadow: 0 1x 1px #012; line-height: 90%}
    .tag .list a {color: #9CB224}
    /* homepage */
    .big_list > * {background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #000; border-left: 1px solid #091820; border-right: 1px solid #091820}
    .big_list > *:last-child {background: url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #000; border-radius: 0 0 5px 5px; border-bottom: 1px solid #091820}
    .big_list .yy, .big_list .zz {color: #5A7784; text-shadow: 0 1px 1px #000; font-style: none}
    .big_list .yy, .big_list .zz a {transition: all 0.3s ease; color: #FFAA00; font-size: 9pt}
    .big_list .yy, .big_list .zz a:hover {color: #2D88BA}
    .big_list .yy {line-height: 110%}
    .big_list .zz {color: #F4F4F4; text-shadow: 0 1px 1px #012; line-height: 125%; font-style: none; font-size: 9.5pt}
    /* sezioni */
    .forum .big_list > *:last-child {border-radius: 0}
    .forum .when a {color: #F4F4F4}
    .forum .big_list .xx a {font-style: none}
    /* profilo */
    .profile .skin_tbl {padding: 7px 0}
    .main_list #tab1 > *, .main_list #tab2 > *, .main_list #tab3 > * {background: #0A1624; text-align: left}
    .main_list #tab1 > *:first-child, .main_list #tab2 > *:first-child, .main_list #tab3 > *:first-child {border-radius: 3px 3px 0 0}
    .main_list #tab1 > *:last-child, .main_list #tab2 > *:last-child, .main_list #tab3 > *:last-child {border-radius: 0 0 3px 3px}
    /* messenger */
    .cp .main_list ol > *:last-child {border-radius: 0; border-bottom: 0}
    /* lista utenti + utenti online */
    .members .big_list > *:last-child, .online .big_list > *:last-child {border-radius: 0; border-bottom: 0}

    .board .off img {opacity: .8} .board .off:hover img {opacity: 1}
    .board .off .aa img {opacity: 1}
    /* fix per Opera */
    .board .off .aa {min-height: 48px}

    /* .on .off .annuncio .importante .calda .chiusa .spostata */
    .forum .annuncio, .forum .importante {background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top, #000}

    /* SELEZIONE RIGA: MultiQuote e Moderazione */
    .focus {background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom #000 !important}
    .cp .focus *, .forum .focus * {color: #6B86A0 !important}
    .blog .focus .title2, .blog .focus .tags *, .blog .focus .mainbg {background: #0D1B2A; opacity: .9}
    .blog .focus {background: none !important}

    table .ww, table .aa {background: #13283D; color: #FFF; font-style: none; text-shadow: 1px 1px 0 #012; font-size: 8.5pt; line-height: 130%; padding: 5px}
    .board .aa, .tag .ww, .stats .aa {background: none; text-align: center}
    table .title {font-weight: bold}
    table .mainbg {background: #0D1D2C}

    .web a {transition: all 0.3s ease; font-family: verdana; font-style: nonw; font-size: 14px; color: #FFAA00; text-shadow: 0 1px 1px #012}
    .web a:hover {color: #2D88BA}
    .board .web a {font-weight: bold}
    .desc, .mods, .subs {font-weight: normal; color: #F4F4F4; font-style: italic; text-shadow: 0 1px 1px #012}
    .desc {font-size: .95em}
    .mods, subs {font-size: 7.5pt}
    .mods a, subs a {color: #4ADD00}
    .on .web, .board .on .zz a, .forum .on .zz a {font-weight: bold}
    .spostata .web a {color: #31666E; font-style: none}

    /* Control Panel: Messenger, UserCP e ModCP */
    .cp .tabs {text-align: left}
    .cp .tabs a {font-style: none}
    .cp .tabs .current a {font-size: 13px; font-weight: bold; color: #8FBDE9; text-shadow: 0 1px 1px #012; background: #000000; border: 2px solid #8FBDE9; border-bottom: 0}
    /* edit avatar */
    .tabs2 .current div {background: url("http://oi61.tinypic.com/2ljhn4y.jpg") repeat-x center bottom, url("http://oi59.tinypic.com/2vts075.jpg") repeat-x center top #000 !important}

    /* non voglio che l'angolo a sinistra, in alto, sia arrotondato */
    #msg .cp .skin_tbl, #user .cp .skin_tbl {border-radius: 0 5px 5px 5px}
    #msg .cp .sunbar.top, #user .cp .sunbar.top {border-radius: 0 5px 0 0}

    #msg .cp .sunbar, #user .cp .sunbar, #send .send .sunbar {padding-left: 2%; padding-right: 2%; text-align: right}

    /* INBOX: lista messaggi privati */
    #msg .cp .web {font: 14px verdana}
    #msg .cp .post {background: #F5F5F5}


    /* RISPOSTA */
    #loading .skin_tbl {background: url("http://oi61.tinypic.com/eojuo.jpg") repeat-x center top, url("http://oi59.tinypic.com/2vts075.jpg") repeat-x center bottom #000; color: #455C68; font-style: italic; text-shadow: 0 1px 1px #012; letter-spacing: -.5px; border: 1px solid #091820; border-radius: 5px 5px 0 0}
    #loading hr {visibility: hidden}
    .summary .list .top {color: #FFF; border-bottom: 1px solid #091820}
    .summary .list .bottom {border-top: 1px solid #091820}
    .fast.send ul {border: 1px solid #091820; border-radius: 0 0 10px 10px; padding: 5px; background: #152B46; background: -moz-linear-gradient(top, #152B46 0%, #08111C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #152B46), color-stop(100%, #08111C)); background: -webkit-linear-gradient(top, #152B46 0%, #08111C 100%); background: -o-linear-gradient(top, #152B46 0%, #08111C 100%); background: -ms-linear-gradient(top, #152B46 0%, #08111C 100%); background: linear-gradient(top, #152B46 0%, #08111C 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#152B46', endColorstr='#08111C', GradientType=0)}
    .fast.send .sunbar {font-weight: bold; font-size: 11px; color: #888; text-shadow: none}

    .sunbar {text-align: center; font-weight: bold !important}
    .sunbar.top {border-radius: 5px 5px 0 0}
    .sunbar.bottom {border-radius: 0 0 5px 5px}
    .sunbar a {color: #D9F7DF}
    .sunbar a:hover {border-bottom-color: #B9D7BF}

    .summary .skin_tbl {border: 0}
    .summary .list > * {border-top: 1px solid #091820}
    .summary .list > *:first-child {border: 0}
    .summary .list {font-size: 11px}
    .summary .quote, .summary .code {font-size: 10px}

    .main_list li {background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #000 !important}
    .main_list ul {border-left: 1px solid #091820; border-right: 1px solid #091820}
    .main_list .darkbar {border: 1px solid #091820; border-top: 0}
    .main_list .sunbar {border: 1px solid #091820; border-bottom: 0}

    /* SONDAGGI */
    /* line height è utile per centrare il testo verticalmente */
    .bar {color: #5A7784; text-shadow: 1px 1px 0 #000; background: #04101B; background: -moz-linear-gradient(top, #04101B 0%, #061728 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04101B), color-stop(100%, #061728)); background: -webkit-linear-gradient(top, #04101B 0%, #061728 100%); background: -o-linear-gradient(top, #04101B 0%, #061728 100%); background: -ms-linear-gradient(top, #04101B 0%, #061728 100%); background: linear-gradient(top, #04101B 0%, #061728 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#04101B', endColorstr='#061728', GradientType=0); box-shadow: 0 0 3px #001429 inset; border-radius: 4px; height: 15px; line-height: 15px; font-size: 10px; border-radius: 3px; -moz-border-radius: 3px}
    .bar div {background: rgba(25, 73, 98, .7); border-radius: 3px 0 0 3px}
    .max .bar {text-shadow: none; color: #000}
    .max .bar div {background: #8FBDE9; border-radius: 3px}
    .max .bar span {color: #FFF}

    /* DISCUSSIONI */
    .topic .mtitle {font-weight: bold} .topic .mdesc {font-weight: normal}

    .post {border-left: 1px solid #091820; border-right: 1px solid #091820; background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #000}

    .post .center .left {padding: 0 10px}
    .post .center .right {padding: 10px 0}
    .post .right {padding-left: 10px !important}
    .post .bottom {font-size: 11px}

    .color {color: #F4F4F4; text-align: justify; padding-right: 20px; line-height: 170%; font-size: 1.1em}
    .color a {color: #146AAE}
    .color a:hover {color: #FFAA00}
    .color hr {height: 0; border: 0; border-top: 1px dashed #A9C7AF}
    .edit {font-size: 8px; color: #C3C3C3; font-style: italic; text-shadow: none}
    .fancyborder {border: 1px dashed #555 !important; background: #12273A}
    .bottomborder {border-bottom: 1px dashed #6D90A0}

    .post .nick {text-align: center; white-space: normal; word-wrap: break-word; font-weight: bold; font-size: 15px}

    /* PERSONALIZZAZIONE SEZIONI */
    .web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
    .web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0}
    .desc {font-weight: normal; font-style: italic}

    /* avatar e altri dettagli */
    .post .details {position: relative; overflow: visible !important; padding-bottom: 20px; font-size: 10px; color: #000000; background: #F2F2E1; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, .1); border-radius: 5px}
    .post .details .u_title {color: #DDD; text-shadow: none}
    .post .details > a.avatar + p > span.u_title {font-size: 10px; font-weight: bold; color: #004ADD}
    .avatar:hover {border: 0}
    .post .avatar {margin: 6px; overflow: hidden}
    .details p {margin: 0 0 2px 0; padding: 4px 0 6px 0; background: rgba(0, 0, 0, .08)}
    .details p:first-line {font-weight: bold; color: #777; color: rgba(0, 0, 0, .5); text-shadow: 0 1px 2px #FFF}
    .box_visitatore .details p {border-radius: 5px}

    /* online, offline, anonimo */
    .u_status {position: absolute; bottom: 9px; left: -6px; padding: 0 4px; line-height: 19px; font-size: 10px !important; font-weight: bold; border-radius: 0 3px 3px 3px; box-shadow: 1px 1px 3px rgba(0, 0, 0, .25)}
    .u_status dt {position: absolute; top: -4px; left: -1px; overflow: hidden; width: 5px; height: 4px; border-radius: 3px 0 0 0}

    .box_online .u_status {border: 1px solid #6B6; background: #C8E2C9; color: #292}
    .box_online .u_status dt {background: #6B6}

    .box_offline .u_status {border: 1px solid #000; background: #777; color: #FCFCEB}
    .box_offline .u_status dt {background: #333}

    .box_anonimo .u_status {border: 1px solid #EEAD0E; background: #FFFFC8; color: #EEAD0E}
    .box_anonimo .u_status dt {background: #EEAD0E}


    /* CITAZIONI, SPOILER e CODICI annidati */

    /* 1° livello */
    .code, .code .code, .quote .code, .quote .quote .code, .spoiler .quote .code, .quote .code .code, .quote .quote .quote .code, .spoiler .quote .quote .code, .quote .spoiler .quote .code, .quote .quote .code .code, .quote .quote .quote .code {font: 13px/130% "Consolas", Menlo, Monaco, monospace, serif; padding: 5px; color: #37A400; background: none repeat scroll 0% 0% #0F2C00; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.1); border-radius: 0; margin: -1px}
    .quote {padding: 5px; font-size: 9pt; font-weight: normal; color: #FFFFFF; background: #313131; border-radius: 5px; border: 2px solid #8FBDE9}


    /* 2° livello */
    .quote .quote, .spoiler .quote {color: #FFFFFF; background: #3B3B3B; border: 2px solid #8FBDE9}

    /* 3° livello */
    .quote .quote .quote
    .spoiler .quote .quote,
    .quote .spoiler .quote {color: #FFFFFF; background: #454545; border: 2px solid #8FBDE9}


    /* 4° livello */
    .quote .quote .quote .quote,
    .spoiler .quote .quote .quote,
    .quote .spoiler .quote .quote,
    .quote .quote .spoiler .quote {color: #FFFFFF; background: #4F4F4F}

    .quote_top, .code_top a {font-size: 11px; color: #6B86A0; margin: 1em;
    letter-spacing: 1px}
    .quote_top, .code_top a:hover {color: #8FBDE9}
    .spoiler .code_top {font-size: 11px; color: #F55555}

    .code_top {font-size: 11px; color: #37A400}
    .code {font: 13px/130% "Consolas", Menlo, Monaco, monospace, serif; padding: 5px; color: #37A400; background: none repeat scroll 0% 0% #0F2C00; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.1); border-radius: 0; margin: -1px}
    .spoiler .code {line-height: 1.5em; font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #AAA; padding: 5px; font-weight: normal; background: none repeat scroll 0% 0% #202020; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(255, 255, 255, 0.1); border-radius: 5px}


    /* 1° livello */
    .quote_top:before} .spoiler .code_top:before {color: #CCCCCC; content: "!!!"; position: relative; top: 1px; margin-right: 5px; font-size: 17px; font-family: arial; font-weight: bold}
    .code_top:after {color: #CCCCCC; content: ">"; position: relative; top: 1px; margin-left: 6px; font-size: 17px; font-family: arial; font-weight: bold}
    .spoiler .code_top:after {content:''}

    /* 2° livello */
    .quote .quote_top:before, .quote .code_top:before, .quote .code_top:after,
    .spoiler .quote_top:before, .code .code_top:before, .code .code_top:after {color: #CCCCCC}

    /* 3° livello */
    .quote .quote .quote_top:before, .quote .quote .code_top:before, .quote .quote .code_top:after,
    .spoiler .quote .quote_top:before, .spoiler .quote .code_top:before, .spoiler .quote .code_top:after,
    .quote .spoiler .quote_top:before, .quote .code .code_top:before, .quote .code .code_top:after {color: #CCCCCC}

    /* 4° livello */
    .quote .quote .quote .quote_top:before, .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after,
    .spoiler .quote .quote .quote_top:before, .spoiler .quote .quote .code_top:before, .spoiler .quote .quote .code_top:after,
    .quote .spoiler .quote .quote_top:before, .quote .spoiler .quote .code_top:before, .quote .spoiler .quote .code_top:after,
    .quote .quote .spoiler .quote_top:before, .quote .quote .code .code_top:before, .quote .quote .code .code_top:after,
    .quote .quote .quote .code_top:before, .quote .quote .quote .code_top:after {color: #CCCCCC}



    /* BLOG */
    .blog .skin_tbl {background: transparent; border: 0}
    /* se il blog non ha sidebar #centerdiv non viene usato */
    #centerdiv {margin: 0 190px} .sidebar {width: 170px; font-size: 11px}

    .blog .article {padding: 20px 0}
    .blog .article:first-child {padding-top: 10px; border-top: 0}
    .blog .mainbg {background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #12273A; border: 1px solid #091820; border-radius: 4px; padding: 5px 0}

    .btitle {margin-bottom: 10px; line-height: 1.8em}
    .btitle a {font: 24px georgia, verdana, arial; color: #146AAE; text-shadow: 0 1px 1px #012; font-style: none}
    .bdesc {color: #F4F4F4; font-size: 17px}
    .on .btitle {font-weight: bold}

    .article .title2 {font-size: 10px; color: #888; text-shadow: 0 1px 1px #012}
    /* bisogna scrivere a:link e a:visited in questo caso senno' i link avrebbero il colore di .title2 a */
    .tags, .tags a:link, .tags a:visited {font-size: 10px; font-weight: normal; color: #5A7784; text-shadow: 0 1px 1px #012}
    .color .tags {font-size: 11px}

    /* LISTA UTENTI ONLINE */
    .online} .yy a {font-weight: bold}
    .online .big_list .yy {right: 57px}
    .online .big_list .zz {width: 450px; margin-left: -10px}
    .online .big_list .zz .mini_buttons {margin: 20px 50px 0 0}
    .online .nick, #members .members .big_list .nick + div {background: #171C21; width: 200px; padding: 3px 10px; border: 2px solid #8FBDE9; border-radius: 6px}

    #members .members .big_list .zz {margin-left: 530px; top: -200px; padding-top: 970px; width: 310px}
    #members .members .big_list .zz > a:first-child img {margin-left: -50px}
    #members .members .big_list .yy {right: 80px}
    #members .members .big_list .yy a {text-shadow: none; color: #378CA4}
    #members .members .big_list .yy a:hover {color: #333}
    #members .members .big_list .nick + div {margin-top: 5px}

    /* COLORI LISTA UTENTI ONLINE */
    .tag a:link, .tag a:visited {text-shadow: 0 1px 1px #012; font-size: 13px; color: #8FBDE9}
    .tag a:hover {color: #FFF}
    .nick a:link, .nick a:visited {text-shadow: 0 1px 1px #012; color: #8FBDE9}
    .nick a:hover {color: #8FBDE9}
    .reg {margin-bottom: 30px; padding: 2px; background: #293340; border: 1px solid #374455; border-radius: 8px}
    .reg .skin_tbl {border: 0}
    .board .reg > form .list *, .reg .sunbar, .reg .darkbar {border: 0; background: transparent}
    .reg .sunbar {padding-bottom: 10px}
    .reg .darkbar {padding-top: 10px}

    /* AVATAR ARTICOLI */
    .article .top .avatar {position: absolute; top: 0; left: 50px}

    /* data */
    .article .title2.top {position: relative; padding-left: 105px; line-height: 170%; padding-bottom: 10px}
    .article .top .when {position: absolute; top: 2px; left: 5px; width: 41px; height: 44px; text-align: center; font-weight: bold; color: #5A7784; text-shadow: 1px 1px 0 #000; background: #04101B; background: -moz-linear-gradient(top, #04101B 0%, #061728 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #04101B), color-stop(100%, #061728)); background: -webkit-linear-gradient(top, #04101B 0%, #061728 100%); background: -o-linear-gradient(top, #04101B 0%, #061728 100%); background: -ms-linear-gradient(top, #04101B 0%, #061728 100%); background: linear-gradient(top, #04101B 0%, #061728 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#04101B', endColorstr='#061728', GradientType=0); box-shadow: 0 0 3px #001429 inset; border: 0; border-bottom: 1px solid rgba(10, 46, 85, .7); border-radius: 4px}
    .article .top .when > *:first-child, .blog .top .when .d_month * {display: none}
    .article .top .when * {width: 100%; position: absolute; left: 0}
    .article .top .when .d_day {top: 14px; font-size: 9px; color: #999; text-shadow: 1px 1px 0 #000}
    .article .top .when .d_month *:first-child {display: block; top: 25px; font-size: 9px; color: #999; text-shadow: 1px 1px 0 #000}
    .article .top .when .d_year {font-size: 8px; color: #999}

    /* punti, commenti e visite */
    .article .top .right span {display: inline-block; vertical-align: middle; text-align: center}
    .article .top .right a {font-weight: normal}
    .article .top .right a:hover {border: 0}
    .article .top .right em {display: block; font-weight: bold; font-size: 17px}

    .article .color {margin: 5px 0 10px; text-align: justify; font-size: 12px}
    .article .color .edit {color: #BBB}

    .comments .post {padding: 5px 0}
    .comments .post .title2 {font-size: 11px}
    .comments .post .right {padding-left: 1%}
    .comments .post .center .left {min-width: 0}
    .comments .nick {font-size: 13px; word-wrap: break-word; overflow: hidden; width: 110px}
    .comments .avatar {margin: 4px 4px 13px 4px} .comments .avatar * {max-width: 88px}
    .comments .details {padding-bottom: 6px; width: 96px}
    .comments .u_status {bottom: -5px}



    /* BLOG WIDGET */
    .sidebox {margin: 0 0 20px 0 !important; padding: 10px; background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #000; border-radius: 10px; border: 1px solid #091820}
    .stitle {padding: 0 0 10px 0; text-align: center; font: 18px georgia, verdana, arial; font-weight: normal; color: #555; text-shadow: 1px 1px 0 #000; background: transparent !important}
    .stitle a {color: #555}
    .sidebox .avatar {border: 1px solid #555; border-radius: 2px}

    .sidebox li {padding: 2px 0}

    /* widget sottosezioni, ultimi commenti ed etichette */
    .side_list > *:nth-child(odd), .side_list > *:nth-child(odd) a {color: #146A9E}

    /* widget calendario */
    .side_calendar {padding: 5px; background: url(http://oi61.tinypic.com/2ljhn4y.jpg) repeat-x center bottom, url(http://oi59.tinypic.com/2vts075.jpg) repeat-x center top #000}
    .side_calendar .stitle {padding-bottom: 5px}
    .side_calendar tr {text-align: center; background: #061626}
    .side_calendar td {font-size: 9px; background: #092038}
    .side_calendar td:nth-child(even) {background: #0A233D}
    .side_calendar .current {font-weight: bold; color: #B5B5B5; background: #061626 !important}

    /* widget sondaggio e tagbard */
    .sidebox .list {font-size: 10px}

    /* widget sondaggio */
    .side_poll {padding: 5px 1px 1px 1px}
    .side_poll .stitle {padding-bottom: 5px}

    /* widget tagboard */
    .side_tag {padding: 5px 0 1px 1px; line-height: 130%}
    .side_tag .stitle {padding-bottom: 5px; border-bottom: 1px solid #091820}


    /* TAGBOARD e CHAT */
    .tag, .chat {margin-bottom: 20px}
    .tag .mainbg {border: 1px solid #091820; border-radius: 0 0 20px 20px; padding: 5px; background: #152B46; background: -moz-linear-gradient(top, #152B46 0%, #08111C 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #152B46), color-stop(100%, #08111C)); background: -webkit-linear-gradient(top, #152B46 0%, #08111C 100%); background: -o-linear-gradient(top, #152B46 0%, #08111C 100%); background: -ms-linear-gradient(top, #152B46 0%, #08111C 100%); background: linear-gradient(top, #152B46 0%, #08111C 100%); filter: progid:dximagetransform.microsoft.gradient(startcolorstr='#152B46', endColorstr='#08111C', GradientType=0); box-shadow: 0 0 2px #0A1523 inset}
    .tag .list, .side_tag .list {font-size: 10px; padding: 0}
    .tag a, .side_tag a {color: #889B21}


    /* LISTA UTENTI ONLINE */
    .online .yy a {font-weight: bold}


    /* STATISTICHE */
    #board .stats {margin-top: 20px}
    #board .stats .list > * {color: #F4F4F4; font-style: none; font-size: 9pt; text-shadow: 0 1px 1px #012; line-height: 110%; border-radius: 0 0 5px 5px; border: 2px solid #8FBDE9; border-top: 0; background: #131313 repeat-x center top #12273A !important}
    #board .stats .mtitle {font-size: 10pt}


    /* simbolo tra un nick e il successivo */
    .users li:before {content:' - '; color: #5A7784; font-weight: normal; text-shadow: 0 1px 1px #000} .users li:first-child:before {content:''}
    .users a:hover, .groups a:hover {border: 0}


    /* COLORI UTENTI */
    .box_visitatore .details {border: 0; background: transparent}

    .daconvalidare {color: #2C0F00 !important; font-style: italic}
    .box_daconvalidare .details {background: #2C0F00}
    .box_daconvalidare .nick a {transition: all 0.3s ease; color: #2C0F00; font-style: italic}
    .box_daconvalidare .nick a:hover {color: #2C0F00; text-decoration: underline}

    .male {color: #00A7FB} .female {color: #FFC6F6}

    .amministratore {color: #F00000 !important; font-weight: bold; text-shadow: none}
    .box_amministratore .details {background: #A40000}
    .box_amministratore .nick a {transition: all 0.3s ease; color: #A40000}
    .box_amministratore .nick a:hover {color: #FF0000}

    .moderatore {color: #54FB00 !important; font-weight: bold; text-shadow: none}
    .box_moderatore .details {background: #2B8000}
    .box_moderatore .nick a {transition: all 0.3s ease; color: #00C400}
    .box_moderatore .nick a:hover {color: #00FF00}

    .utente {color: #8FBDE9 !important}
    .box_utente .details {background: #8FBDE9}
    .box_utente .nick a {transition: all 0.3s ease; color: #8FBDE9}
    .box_utente .nick a:hover {color: #FFFFFF}

    .gruppo1 {color: #FFFF39 !important; font-weight: bold}
    .box_gruppo1 .details {background: #F0F000}
    .box_gruppo1 .nick a {transition: all 0.3s ease; color: #F0F000}
    .box_gruppo1 .nick a:hover {color: #FFFF00}

    .gruppo2 {color: #57003A !important; font-weight: bold; text-decoration: underline}
    .box_gruppo2 .details {background: #FFF}
    .box_gruppo2 .nick a {transition: all 0.3s ease; color: #57003A}
    .box_gruppo2 .nick a:hover {color: #FF09AD}

    .gruppo3 {color: #F4F4F4 !important; font-style: oblique; text-decoration: underline}
    .box_gruppo3 .details {background: #FFF}
    .box_gruppo3 .nick a {transition: all 0.3s ease; color: #F4F4F4; font-style: oblique; text-decoration: underline}
    .box_gruppo3 .nick a:hover {color: #FFF; font-style: oblique; text-decoration: none}

    .gruppo4 {color: #F4F4F4 !important; font-weight: bold; text-decoration: line-through}
    .box_gruppo4 .details {background: #FFF}
    .box_gruppo4 .nick a {transition: all 0.3s ease; color: #F4F4F4; text-decoration: none; font-weight: bold}
    .box_gruppo4 .nick a:hover {color: #FFFFFF; font-weight: bold; text-decoration: line-through}

    .gruppo5 {color: #000000 !important; font-weight: bold}
    .box_gruppo5 .details {background: #000000}
    .box_gruppo5 .nick a {transition: all 0.3s ease; color: #171717}
    .box_gruppo5 .nick a:hover {color: #000; font-weight: bold}

    .gruppo6 {color: #000000 !important; font-weight: bold; text-decoration: line-through}
    .box_gruppo6 .details {background: #000000}
    .box_gruppo6 .nick a {transition: all 0.3s ease; color: #171717; text-decoration: none}
    .box_gruppo6 .nick a:hover {color: #000; text-decoration: line-through}

    .gruppo7 {color: #0000F0 !important}
    .box_gruppo7 .details {background: #00008E}
    .box_gruppo7 .nick a {transition: all 0.3s ease; color: #00008E}
    .box_gruppo7 .nick a:hover {color: #0000F0}

    .gruppo8 {color: #39FFFF !important}
    .box_gruppo8 .details {background: #39FFFF}
    .box_gruppo8 .nick a {transition: all 0.3s ease; color: #39FFFF}

    .gruppo9 {color: #FF1CFF !important; font-weight: bold; text-shadow: none}
    .box_gruppo9 .details {background: #FF1CFF}
    .box_gruppo9 .nick a {transition: all 0.3s ease; color: #FF1CFF}

    .gruppo10 {color: #C3C3C3; font-weight: bold; text-shadow: none}
    .box_gruppo10 .details {background: #C3C3C3}
    .box_gruppo10 .nick a {transition: all 0.3s ease; color: #C3C3C3}

    /* REGISTRAZIONE RAPIDA */
    .reg {margin-bottom: 30px; padding: 2px; background: #12273A; border: 1px solid #0D1D2C; border-radius: 5px}
    .reg .skin_tbl {border: 0}


    /* AVVISI */
    /* pop up */
    .popup > div {background: #12273A}
    #redirect .info {border: 1px solid #0D1D2C}

    .navsub .info {font-size: .8em}
    .alert, .info {border-radius: 5px}
    .alert {padding: .2em .4em; background: #561919 !important; color: #C49A9A !important; text-shadow: 1px 1px 0 #202C33; border: 1px solid #410000}
    .info {padding: .2em .4em; background: #194962 !important; color: #6C98AE !important; text-shadow: 1px 1px 0 #202C33; border: 1px solid #172025}
    .alert a, .info a {color: #DE9D00}
    .alert a:hover {border-bottom: 1px solid #DE9D00}


    /* PROFILO */
    .profile .tabs {text-align: right; padding-top: 10px; height: 30px}

    .profile h2 > * {display: block; text-align: center}
    .profile .nick {line-height: 1em; color: #8FBDE9; margin-top: 10px; font: 15pt 'Segoe UI', Tahoma, Verdana, Arial, Serif; font-weight: bold; text-shadow: none}

    .profile .skin_tbl {background: #0A0A0A; border: 2px solid #8FBDE9; padding: 7px 5px; margin-top: 10px; border-radius: 5px}
    .profile .left {position: relative; left: -5px}
    .profile .right .main_list {background-color: #191919; border: 2px solid #8FBDE9; padding: 3px; border-radius: 5px}

    .profile .list dl {background: transparent; font-size: 8pt; color: #FFF; border-bottom: 1px dashed #B0C9CE}
    .profile .list dl:last-child {border: none}
    .profile .list dl a {color: #6B86A0}
    .profile .list dl a:hover {color: #8FBDE9}


    .profile .tabs a {background: #000000; color: #6B86A0; border: 2px solid #8FBDE9 !important; text-shadow: none}
    .profile .tabs a:hover {color: #8FBDE9; border: 2px solid #8FBDE9; background: #202020; text-shadow: none}
    .profile .tabs .current a, .profile .tabs .current a:hover {color: #8FBDE9 !important; border: 2px solid #8FBDE9; text-shadow: none !important; background: #202020}
    .profile .tabs .current a {cursor: default}

    .signature a {text-shadow: 0 1px 1px transparent; color: #FDFDFD}
    .profile #tab4 a {text-shadow: none}
    .profile #tab4 a:hover {color: #222}


    /* NUMERI PAGINA indicati accanto al TITOLO di un TOPIC */
    .pages2 {font-size: 10px} .pages2:before, .pages2:after {content:''}
    .pages2 li {margin: 0 1px; padding: 3px}
    .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, .pages a, .pages .current, .pages .jump a, .pages .lastpost a {padding: 3px 7px; color: #2C350A !important; background: #97AD42; border: 1px solid #B4CD51; border-radius: 5px}
    .pages2 a:hover, .pages a:hover, .pages .current {background: #68AABA; border: 1px solid #7BC9DC; color: #13434F}

    /* 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: 10px}

    .pages li {margin: 0 .2em; padding: 0; vertical-align: middle}

    .pages .jump a, .pages .lastpost a, .pages a, .pages2 a, .pages a, .pages .jump a, .pages .lastpost a {background: #000000; color: #8FBDE9 !important; border: 2px solid #8FBDE9}
    .pages .jump a:hover, .pages .lastpost a:hover, .pages a:hover, .pages2 a:hover, .pages a:hover, .pages .current {background: #000000; border: 2px solid #8FBDE9 !important}

    .pages .current:before, .pages .current:after, .pages .lastpost:before, .pages .lastpost:after {content:''}
    .pages .current {padding: 6px 10px; background: #FFFFFF !important; background: -moz-linear-gradient(top, #ECA048 0%, #D9832F 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ECA048), color-stop(100%, #D9832F)); background: -webkit-linear-gradient(top, #ECA048 0%, #D9832F 100%); background: -o-linear-gradient(top, #ECA048 0%, #D9832F 100%); background: -ms-linear-gradient(top, #ECA048 0%, #D9832F 100%); background: linear-gradient(to bottom, #ECA048 0%, #D9832F 100%)}


    /* INPUT e BOTTONI */
    .codebuttons, .forminput, .textinput {padding: 3px; font: .7em verdana, arial, serif; color: #F4F4F4; font-style: none; text-shadow: none; background: #000; border: 1px solid rgba(0, 0, 0, .5); border: 2px solid #8FBDE9; border-radius: 3px}
    .textinput {padding: 3px; background: #191919; border: 2px solid #000; border-radius: 8px; box-shadow: 0 0 2px #061525 inset}
    textarea.textinput {padding: 4px; line-height: 2em; font: 1em verdana, arial, serif}


    /* focus */
    .textinput:focus, .forminput[type=text]:focus, .forminput[type=password]:focus {outline: none; box-shadow: 0 0 8px #8FBDE9}

    /* bbcode */
    .codebuttons {padding: 2px} .codebuttons:hover {background: #0C1929; border: none}

    /* form di accesso a Inbox, Sent Items... */
    .sunbar .forminput {padding: 3px; font: .9em verdana, arial, serif; color: #F4F4F4; font-style: none; text-shadow: 0 1p 1px #012; background: #000; border: none; border-radius: 3px}
    .sunbar .forminput:hover {background: #202020; border: none}

    /* form sotto bottone Nuova Disc. */
    .navsub form {font-size: .8em}
    .navsub .forminput {padding: 1px; font: 1em verdana, arial, serif; color: #F4F4F4; font-style: none; text-shadow: o 1px 1px #012; background: #000; border: none; border-radius: 3px}
    .navsub .forminput[type=submit] {font-weight: bold}
    .navsub .forminput:hover, .navsub .forminput:focus {background: #202020; border: none}

    /* form di ordinamento in fondo alle sezioni */
    .title .forminput {padding: 1px; font: .95em verdana, arial, serif; color: #F4F4F4; font-style: none; text-shadow: o 1px 1px #012; background: #000; border: none; border-radius: 3px}
    .title .forminput:hover {background: #202020; border: none}
    .title input.forminput {padding: 1px; font: .95em verdana, arial, serif; color: #F4F4F4; font-weight: bold; text-shadow: 0 1px 1px #012; background: #000; border: none}
    .title input.forminput:hover {background: #202020; border: none}

    /* bottone invio risposta */
    .darkbar .forminput, .fast.send .forminput {padding: 1px; font-size: .95em !important; font-family: verdana, arial, serif; color: #F4F4F4; font-style: none; text-shadow: 0 1px 1px #012; background: #000; border: 1px solid rgba(0, 0, 0, .5); border-radius: 3px; letter-spacing: 0 !important}
    .darkbar .forminput:hover, .fast.send .forminput:hover {background: #202020; border: none}

    .fast.send .textinput {border-radius: 3px}

    /* bottone preview */
    .darkbar button.forminput {padding: 1px; font: .95em verdana, arial, serif; color: #F4F4F4; font-style: none; text-shadow: 0 1px 1px #012; background: #000; border: none; box-shadow: none}
    .darkbar button.forminput:hover {background: #202020; border: none; color: #FFF}

    /* 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}

    /* Span bottoni */
    .buttons span {padding: 6px 8px 10px 8px; font-size: 12px; font-style: none; color: #F4F4F4; text-shadow: 1px 1px 0 #000; background: url(http://i.imgur.com/ShKkb08.png) no-repeat center left, url(http://i.imgur.com/ZTKYVFx.png) no-repeat center right, url(http://i.imgur.com/QTVRxwj.png) repeat-x center center}
    .buttons span:hover {color: #FFF}

    /* 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}


    Configurazioni aggiuntive:

    Ho lasciato tutto cosi', con immagini di default, senza nessuno script, pero', chi volesse, puo' inserire questo pacchetto di vari scripts, personalizzazioni di essi e varie nelle postazioni apposite evidenziate.

    Amministrazione -> Grafica -> Codice HTML -> Codice HTML che sara' mostrato in CIMA al forum

    HTML
    script type="text/javascript" src="http://ffmagazine.forumfree.net/bored/r/r.min.js"></script>
    <script type="text/javascript" src="http://ffmagazine.forumfree.net/paralizer/tabellaslide/tabellaslide.js"></script>
    <script type="text/javascript"><!--
    // Inizializziamo le funzioni della tabella, ricordarsi di configurarla adeguatamente prima di inserirla sul forum
    mainboard = new slider('mainboard','pannello1','1','10','1','1','0','0');
    //-->
    </script>
    <script type="text/javascript" src="http://ffmagazine.forumfree.net/bored/bored.js"></script>
    <script type="text/javascript">
    var fastLife = {
    active: true,
    image: 'http://dumpshare.net/images/318o6KQsX4.png'
    }
    </script>
    <script type="text/javascript" src="http://irc.forumfree.it/chat/Scripts/Protocol.js"></script>
    <script type="text/javascript" src="http://irc.forumfree.it/chat/Scripts/ChatEngine.js"></script>


    Amministrazione -> Grafica -> Codice HTML -> Codice HTML che sara' mostrato nella HOMEPAGE:

    HTML
    <table 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"><i> TITOLO TABELLA<i></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"><a href="#"><b>Personalizza tu!</b></a> </td>
    <td class="aa"><a href="#"><b>Personalizza tu!</b></a></td>
    <td class="ww"><a href="#"><b>Personalizza tu!</b></a> </td>
    <td class="aa"><a href="#"><b>Personalizza tu!</b></a></td>
    <td class="ww"><a href="#"><b>Personalizza tu!</b></a> </td>
    <td class="aa"><a href="#"><b>Personalizza tu!</b></a></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>

    <!-- Tabella Slide con effetto Fade -->
    <div class="slide_table" ntab="0"><table class="skin_tbl box_minus" align="center" cellpadding="0" cellspacing="0"><tbody><tr><td class="mleft_top"></td><td><table class="mback" cellpadding="0" cellspacing="0"><tbody><tr><td class="mback_left"><div class="plus"></div></td><td class="mback_center">
    <!-- Titolo tabella -->
    <h2 class="mtitle">TITOLO TABELLA</h2>
    </td><td class="mback_right"><span class="minus"></span></td></tr></tbody></table></td></tr><tr id="mainboard"><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">
    <tbody><tr>
    <td class="title" colspan="1" style="float:left">
    <!-- Link Tab -->
    <a title="pannello1">TITOLO PANNELLO 1</a>
    <a title="pannello2">TITOLO PANNELLO 2</a>
    <a title="pannello3">TITOLO PANNELLO 3</a>
    <a title="pannello4">TITOLO PANNELLO 4</a>
    <a title="pannello5">TITOLO PANNELLO 5</a>
    </td>
    <!-- Olorogio -->
    <td width="min-width:120px;width:120px;float:right" class="title">
    <span width="float:right" id="orologio"></span>
    </td>
    </tr>
    <tr title="RIGA1">
    <td class="ww" colspan="2">
    <!-- Pannello di default -->
    <div class="ww" id="pannello1">
    <span style="font-size:14.5pt"><span style="color: #FA0000">TITOLO PANNELLO</span></span>
    <p>Personalizza tu!
    </div>
    <!-- Pannello -->
    <div id="pannello2" class="nascosta" style="opacity: 1;">
    <span style="font-size:14.5pt"><span style="color: #FA0000">TITOLO PANNELLO</span></span>
    <ul style="list-style: none">
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>: Personalizza tu!</li>
    </ul>
    </div>
    <!-- Pannello -->
    <div id="pannello3" class="nascosta">
    <span style="font-size:14.5pt"><span style="color: #FA0000">TITOLO PANNELLO</span></span>
    <ul style="list-style: none">
    <li>10/07/2014 2:26 - <b><a href="#" target="_blank">Staff</a></b>:Personalizza tu!</li>
    </ul>
    </div>
    <!-- Pannello -->
    <div id="pannello4" class="nascosta">
    <span style="font-size:14.5pt"><span style="color: #FA0000">TITOLO PANNELLO</span></span>
    <ul style="list-style: none">
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>: <span style=color:#FA0000>Personalizza tu!</span></li><br>
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>:Personalizza tu!</li>
    <br>
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>: Personalizza tu!</li><br>
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>:Personalizza tu!!</li><br>
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>:Personalizza tu!</li><br>
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>: Personalizza tu!</li>
    </ul>
    </div>

    <div id="pannello5" class="nascosta"><span style="font-size:14.5pt"><span style="color: #FA0000">TITOLO PANNELLO</span></span>
    <ul style="list-style: none">
    <li>01/01/2010 00:00 - <b><a href="#" target="_blank">Staff</a></b>: <span style=color:#FA0000>Personalizza tu!</span></li>

    </ul>
    </div></td>
    </tr>
    <tr>
    <td class="ww" colspan="2">
    <!-- Nota Bene, e' vietata la rimozione dei crediti di seguito -->
    <div class="credits" style="padding-right:4px"><b><a href="http://ffmagazine.forumfree.it/?t=48148627" title="Creata da Bowser e [Antonio] e riscritta da Paralizer">Tabella Slide con effetto Fade 2.0</a></b></div>
    </td>
    </tr>
    </tbody></table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></tbody></table></td><td class="mright_bottom"></td></tr></tbody></table></div><br><br>
    <!-- Fine Tabella Slide con effetto Fade -->



    Amministrazione -> Grafica -> Codice HTML -> Codice HTML che sara' mostrato in FONDO al forum : (Vietato rimuovere i crediti!)

    HTML
    <script type="text/javascript">
    var hidelink_alert = 'Ciao visitatore, registrati <a href="LINK">>qui<</a> per visualizzare questo link e utilizzare il forum in tutte le sue parti!.';
    var hidelink_frase = '[ Per visualizzare i link occorre avere un account. Clicca qui per registrarti. ]';
    </script>
    <script type="text/javascript" src="http://ffb.forumfree.net/js/hidelink.js"></script>


    <script type="text/javascript">
    //By DarkStyle ©

    var tagMessage = "INSERISCI IL TUO MESSAGGIO";
    var alertTagMessage = "INSERISCI L TUO MESSAGGIO";
    var tagTextInput = document.tagboard ? document.tagboard.ffmsg : 0;
    var tagInput = document.tagboard ? document.tagboard.elements : 0;

    if(tagTextInput) {
    function modifyvalue() {
    if (tagTextInput.value == "") {
    tagTextInput.style.fontStyle = "italic";
    tagTextInput.value = tagMessage;
    tagTextInput.style.color = "808080";
    } }

    function resetvalue() {
    if (tagTextInput.value == tagMessage) {
    tagTextInput.style.fontStyle = "normal";
    tagTextInput.value = "";
    tagTextInput.style.color = "78A4CA";
    } }

    modifyvalue();
    tagTextInput.onfocus = resetvalue;
    tagTextInput.onblur = modifyvalue;
    for(i = 0; i < tagInput.length; i++) {
    var ind = new function() {this.i = i;};
    if(tagInput[ind.i].className == 'codebuttons' && tagInput[ind.i].type != 'submit') {tagInput[ind.i].onfocus = resetvalue;} }
    for(j = 0; j < tagInput.length; j++) {
    var ind1 = new function() {this.j = j;};
    if(tagInput[ind1.j].type == 'submit' && tagInput[ind1.j].value != 'Aggiorna') {tagInput[ind1.j].onclick = function() {if(tagTextInput.value == tagMessage) {alertTagMessage ? alert(alertTagMessage) : void(0); return false;} } } }
    }
    </script>

    <script type="text/javascript">
    var ffbspoilers = {
    open: "clicca per visualizzare!",
    close: "clicca per nascondere!",
    othertag: true,
    effect: "fade",
    seconds: 1.5
    }
    </script>
    <script type="text/javascript" src="http://ffb.forumfree.net/js/better_spoiler.js"></script>
    <script type="text/javascript">var tag_timer = 30;</script>
    <script type="text/javascript" src="http://ffb.forumfree.net/js/tag_timer.js"></script>
    <script type="text/javascript">var firstpostStyle = 2;</script>
    <script type="text/javascript" src="http://ffb.forumfree.net/js/firstpost.js"></script>
    <script type="text/javascript">
    var guidaseo = true; // false = Rimuovi tasto guida SEO
    </script>
    <script type="text/javascript" src="http://ffb.forumfree.net/js/ffoptimizer.js"></script>



    Amministrazione -> Grafica -> Codice HTML -> Codice HTML che sara' mostrato SOTTO al LOGO del sito


    HTML
    <table class="header_width" cellpadding="0" cellspacing="0"><tr><td><table class="mainbg" style="text-align: center; width: 100%" cellpadding="4" cellspacing="1"><tr><td class="title" style="letter-spacing: 1px; border: 0">

    <a href="#"><b>Personalizza tu</b></a> -
    <a href="#"><b>Personalizza tu!</b></a> -
    <a href="#"><b>Personalizza tu!</b></a> -
    <a href="#"><b>Personalizza tu!</b></a>


    </table></table><br>



    Se inserirete TUTTI i codici che ho scritto dovrete allora personalizzare un pochettino (le personalizzazioni sotto sono quelle di default, cioe' quelle messe da me che intonavano bene con la skin, i colori ecc..., se siete principianti del CSS, vi consiglio di non modificare e lasciare come ho messo io; poi, a voi la scelta)

    In Amministrazione -> Grafica -> Colori e stili:

    CODICE
    /* SCRIPT, PERSONALIZZAZIONI SCRIPT E VARIE, PRELEVATI DAL FFBOARD/MAGAZINE */

       /* Effetto avatar Drop-Down */
       .menuwrap > .left > li:first-child > a > .avatar {line-height: normal; overflow: hidden; width: 26px; height: 26px; position: absolute; top: 6px;
       -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; border: 2px solid rgba(0, 0, 0, .2); background: rgba(0, 0, 0, .2); z-index: 9}
       .menuwrap > .left > li:first-child:hover > a > .avatar {top: 103px; width: 100px; height: 100px}
       .menuwrap > .left > li:first-child > ul {z-index: 1; padding-left: 120px}
       .menuwrap .nick {margin-left: 3.6em !important}

       /* Bot in "Welcome" */
       .firstpostcode {display: none; visibility: hidden}

       /* TABELLA SLIDE CON EFFETTO FADE - http://ffmagazine.forumfree.it/?t=48148627 */
       .slide_table {width: 100%}
       .slide_table .color a {color: #FFFFFF}
       .slide_table .mback {cursor: pointer}
       .slide_table .title {font-size: 11px}
       .slide_table .title a {display: inline-block; cursor: pointer; margin-right: 15px}
       #orologio {display: inline-block; min-width: 95px; text-align: right}
       .slide_table .credits {float: right; text-align: right}
       .slide_table .title {display:block !important; background: #000000 !important}
       /* end */

       /* Menu Utente: Tendina a comparsa */
       .menuwrap li > ul {margin-top: 20px; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; display: block !important}
       .menuwrap li:hover > ul {margin-top: 0; opacity: 1; visibility: visible}
       .menu ul {display: block; visibility: hidden; opacity: 0}

       /* Input a comparsa Tagboard */
       .tag .mainbg {overflow: hidden; padding: 5px 0}
       .tag .list {height: 160px !important; width: 102%; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease}
       .tag:hover .list, .list.min {height: 110px !important}
       .tag .list > * {background: transparent; color: #5B6068; font-family: segoe ui; font-weight: inherit; font-size: 11px; line-height: 16px}
       .tag form {position: relative; z-index: 1; visibility: hidden; opacity: 1; height: 0; transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition: all .3s ease}
       .tag:hover form, .open_form {visibility: visible !important; opacity: 1 !important; height: 50px !important}

       /* Modifica rapida */
       .fastedit_text {width: 678px !important; height: 125px !important; background: #202020; border: 3px solid #8FBDE9); border-radius: 3px; font: 12px 'Segoe Ui'; color: #C3C3C3; font-style: italic; padding: 2px 6px}
       .fastedit_text:focus {outline: none}
       .color > input {background: #202020; border: 2px solid #8FBDE9; border-radius: 3px; padding: 3px 6px; font-family: arial; font-size: 12px; color: #8FBDE9}





    Se userete questa skin dovrete assolutamente inserire i seguenti codici html nelle giuste posizioni evidenziate.
    E' vietato rimuovere i seguenti codici, dato che sono i credits:

    Inserire in: Amministrazione -> Grafica -> Codice HTML -> Codice HTML che sara' mostrato in FONDO al forum

    HTML
    <div style="width:100%; height:50px; line-height:50px; background-color:#242424; border-top:1px solid #ddd; font-size:13px"> <div style="width:680px"> mback by <a href="http://yugiohforum.forumcommunity.net/?act=Profile&MID=8473927">SilverDiamond</a> Designed & Coded by <a href="http://yugiohforum.forumcommunity.net/">TheBujinPlayer</a> - Vietata la copia</div></div>





    Bene, chi volesse usare la mia skin sa come fare, mentre chi volesse usare la demo per provare, si rechi qui:

     
    .
  2. TheBujinPlayer
     
    .

    User deleted


    Up dai, commentate su!
     
    .
  3.  
    .
    Avatar

    "Da un semplice Uomo sono diventato un Possente Dio"


    Group
    Founder
    Posts
    2,264

    Status
    Offline
    - mi fa cagare in generale xD
    - ci sono troppi script inutili che rallentano solo il caricamento
    - all'inizio del codice da mettere in cima al forum ti sei dimenticato una <
     
    .
  4. TheBujinPlayer
     
    .

    User deleted


    Apparte ch e gli script non sono inseriti nel forum di prova.....
     
    .
3 replies since 18/7/2014, 17:45   63 views
  Share  
.
Top