una skin in CSS
  • In diretta da GamesVillage.it
    • News
    • -
    • In Evidenza
    • -
    • Recensioni
    • -
    • RetroGaming
    • -
    • Anteprime
    • -
    • Video
    • -
    • Cinema

Visualizzazione risultati da 1 a 2 di 2

Discussione: una skin in CSS

Cambio titolo
  1. #1
    Follettotia
    Ospite

    una skin in CSS

    Sto cercando di fare una skin in CSS.
    Ma vengo subito al dunque...
    Dato che il tipo che voleva farla, si è un po bloccato, io mi sono rotto di aspettare, così ho deciso di provare, magari con il vostro aiuto, di fare il tutto...

    La skin è presa dal phpbb .-. e poi riportata per un altro forum...

    Ecco il CSS per il forum, fino ad ora:

    Codice:
     body {background-attachment: fixed; margin: 0; padding: 0} img {border: 0} .header_width, .skin_tbl_width, .skin_tbl, .stats .border {width: 95%; border: 0} .header {background-image: url(http://img.forumfree.net/style_images/31/header_tile.gif)} .mback {background-image: url(http://skin.forumfree.net/softblue/tile_back.gif)} .title {background-image: url(http://img.forumfree.net/style_images/31/tile_sub.gif)} .bar_left {background-image: url(http://img.forumfree.net/style_images/31/bar_left.gif); background-repeat: no-repeat; background-position: center; width: 4px; height: 11px} .bar {background-image: url(http://img.forumfree.net/style_images/31/bar.gif); background-repeat: repeat-x; background-position: center; height: 11px} .bar_right {background-image: url(http://img.forumfree.net/style_images/31/bar_right.gif); background-repeat: no-repeat; background-position: center; width: 4px; height: 11px} .darkline {background-image: url(http://img.forumfree.net/style_images/31/dark_line.gif); background-position: center; width: 155px; height: 1px; margin: 3px 0 3px 0} .menu_right a:link, .menu_right a:visited {text-decoration: none} .board .mback, .tag .mback {cursor: pointer} .title, .small, .right_top, .right_bottom td {white-space: nowrap} .forum .web {font-weight: normal} .nav, .mtitle, .bb, .zz {text-align: left} .board table, .forum table, .left td {text-align: center} .lt {float: left} .rt {text-align: right} .left_top {width: 166px !important; width: auto} .left {padding: 0} .post .details {padding: 4px; margin-bottom: -4px} .avatarn_bottom img {width: 162px; height: 0} .plus, .minus {background-position: center; background-repeat: no-repeat; font-size: 1px}
    
    
    body {background-color: #98B9D9; font-family: verdana, tahoma, arial; font-size: 11px; color: #222}
    table, div {font-size: 10px; color: #222}
    a:link, a:visited {color: #FFF; text-decoration: underline}
    a:hover {color: #666; text-decoration:none}
    
    /* SCRITTE ESTERNE */
    .nav {font-size: 12px; font-weight: bold; color: #006699}
    .nav a:link, .nav a:visited {text-decoration:none; color: #006699}
    .nav a:hover {text-decoration:underline; color: #006699}
    
    /* DIMENSIONI FORUM */
    .skin_tbl_width, .skin_tbl, .header_width {width: 96%}
    .stats .border {width: 97%}
    
    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #FFA34F; font-weight: bold}
    .moderatore {color: #006600; font-weight: boldl}
    .utente {}
    .daconvalidare {color: #008000}
    
    /* BARRA ATTORNO AL FORUM */
    .mback {height: 28px; background-repeat: repeat-x; background-color: #A6C5EB; border: 1px solid #585889}
    .mtitle {background-image: url(http://img.forumfree.net/style_images/31/nav_m.gif); background-repeat: no-repeat; background-position: left center; padding-left: 12px; color: #000; font-size: 12px; font-weight: bold}
    .mtitle a:link, .mtitle a:visited {color: #000}
    .mtitle a:hover {color: #FFF; text-decoration:overline}
    .mtitle img {margin-bottom: -6px}
    .mleft, .sep_left, .mleft_top, .mright, .sep_right, .mright_top {width: 0px; background-color: #002C68}
    .mback_left {width: 10px; background-image: url(http://img.forumfree.net/style_images/31/maintitle.gif); background-repeat: repeat-y}
    .mback_right {width: 10px; background-image: url(http://img.forumfree.net/style_images/31/maintitle.gif); background-position: right; background-repeat: repeat-y}
    .msub {display:none}
    .minus, .plus {width: 10px; height: 10px; padding-left: 10px}
    .plus {background-image: url(http://img.forumfree.net/style_images/31/plus.gif)}
    .minus {background-image: url(http://img.forumfree.net/style_images/31/minus.gif)}
    
    /* BARRA UTENTE */
    .header_width {border: 1px solid #002C68}
    .header {background-color: #608ECE; border: 1px solid #FFF}
    .menu {background-color: #92B6D8; background-image:url(http://skin.forumfree.net/softblue/forum2.jpg); background-position:left; background-repeat:repeat-y; border: 1px solid #FFF; border-top: 0; color: #FFF; font-weight: bold; letter-spacing: 1px; margin: 0px; padding: 5px}
    .menu a:link, .menu a:visited {color: #FFF}
    .menu a:hover {color: #666}
    
    /* SEZIONI FORUM */
    .mainbg {background-color: #585889}
    .title {height: 26px; background-image: none; background-color: #92B6D8; color: #3A4F6C; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    .title a:link, .title a:visited {color: #3A4F6C}
    .title a:hover {color: #4A668A}
    .board .zz, .ww, .xx, .yy, .zz {background-color: #BDD1E8; color: #434951}
    .board .yy, .board .xx {background-color: #ABC5E2}
    .aa, .bb, .cc {background-color: #ABC5E2}
    .board .bb {background-color: #92B6D8; background-image:url(http://skin.forumfree.net/softblue/forum2.jpg); background-position:left; background-repeat:repeat-y}
    .board .aa {background-color: #ABC5E2; background-image:none}
    .board .zz a:link, .board .zz a:visited {color: #000}
    .board .zz a:hover {text-decoration:none; color: #000}
    .web {font-size: 11px}
    .web a:link, .web a:visited {font-size: 12px; color: #FFF; text-decoration:none; background-image:url(http://www.phpbb.com/styles/forum/templates/SoftBlue/images/icon_mini_faq.gif); background-position:left; background-repeat:no-repeat; padding-left: 12px}
    .web a:hover {color: #666; text-decoration:underline}
    .desc {color: #000}
    .board .foot {height: 6px; background-color: #ABC5E2}
    .foot {height: 24px; background-color: #A6C5EB; font-weight: bold; color: #3A4F6C; letter-spacing: 1px; margin: 0; padding: 5px; background-image:url(http://skin.forumfree.net/softblue/titlefoot.gif)}
    
    /* STATISTICHE */
    .skin_tbl_border {background-color: #585889}
    .stats .title2 {height: 32px; background-image:url(http://skin.forumfree.net/softblue/tile_back.gif); background-color: #A6C5EB; color: #000; font-size: 12px; font-weight: bold; padding: 2px 6px 2px 6px}
    .border .title2 {padding-left: 21px}
    .sunbar {background-color: #D1DCEB; background-image:none; background-color: #ABC5E2; color: #000; font-weight: bold; margin-top: 1px; padding: 7px}
    .stats .ww {width: 0%; padding: 6px auto 6px auto; background-color: #ABC5E2}
    .stats .aa {width: 100%; background-color: #92B6D8; background-image:url(http://skin.forumfree.net/softblue/forum2.jpg); background-position:left; background-repeat:repeat-y}
    .highlight {color: #986265}
    
    /* LINK MOD */
    .highlight a:link, .highlight a:visited {display: block; padding: 5px; font-size: 8pt; text-align: center; background-color: #F0F5FA; border: 1px solid #C2CFDF; color: #222}
    .highlight a:hover {background-color: #F4E7EA; border: 1px solid #986265}
    
    /* DISCUSSIONE */
    .left_top, .right_top {background-color: #A6C5EB; background-image:url(http://skin.forumfree.net/softblue/tile_back.gif)}
    .nick a:link, .nick a:visited {font-size: 12px; font-weight: bold}
    .nick a:link, .nick a:visited {text-decoration: underline}
    .nick {font-size: 11px; font-weight: bold; color: #900}
    .left, .right {background-color: #92B6D8; background-image:url(http://skin.forumfree.net/softblue/forum2.jpg); background-position:left; background-repeat:repeat-y}
    
    #quote {background-color: #AFAFAF; border: 1px solid #D1D7DC; margin: 0 auto 8px auto; padding: 3px; font-size: 8pt; color: #444}
    #code {background-color: #AFAFAF; border: 1px solid #D1D7DC; margin: 0 auto 8px auto; padding: 3px; font-size: 8pt; color: #444F; font-family: courier, courier new, verdana, arial}
    
    hr {color: #5176B5}
    .fancyborder {background-color: #F5F9FD; border: #C2CFDF 1px solid}
    .edit {font-size: 9px}
    .bottomborder {border-bottom: #666 dashed 1px}
    .signature {color: #339; line-height: 150%}
    .left_bottom, .right_bottom {background-color: #A6C5EB; color: #3A4F6C; background-image:url(http://skin.forumfree.net/softblue/tile_back.gif)}
    .right_bottom table {color: #3A4F6C}
    .sep {height: 5px}
    #end .title {height: 26px; background-image: none; background-color: #ABC5E2; color: #3A4F6C; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    #end .title a:link, #end .title a:visited {color: #3A4F6C}
    #end .title a:hover {color: #4A668A}
    
    /* MESSENGER */
    .msg_main {background-color: #97B9DA; line-height: 150%}
    .row1 {background-color: #BDD1E8}
    .row2 {background-color: #ABC5E2; color: #000; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    .row3 {background-color: #ABC5E2; border: 1px solid #585889}
    .title3 {background-color: #A6C5EB; background-image:url(http://skin.forumfree.net/softblue/tile_back.gif); border-bottom: 1px solid #585889; color: #000; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 0px; height: 25px}
    .darkbar {height: 24px; background-color: #A6C5EB; background-image:url(http://skin.forumfree.net/softblue/tile_back.gif); color: #000; font-weight: bold; border: 1px solid #585889}
    .msg .nick a:link, .msg .nick a:visited {text-decoration: none}
    .msg .details p {color: #5176B5; line-height: 150%}
    .color {font-size: 12px; line-height: 160%}
    .color a:link, .color a:visited {text-decoration: underline}
    .alert {background-color: #F4E7EA; border: 1px solid #986265; color: #986265; padding-left: 1px; padding-right: 1px}
    .alert .textinput, .alert .forminput {border: 1px solid #986265}
    .info {background-color: #F0F5FA; border: 1px solid #C2CFDF; color: #222; padding-left: 1px; padding-right: 1px}
    .pagetitle, .pagetitle a:hover {font-weight: bold; font-size: 18px; line-height: 120%; letter-spacing: -1px}
    
    /* PROFILO UTENTI */
    .profile .row1 {background-color: #ABC5E2}
    .profile .title2 {border-top: 1px solid #585889}
    .title2 {height: 28px; background-image: url(http://skin.forumfree.net/softblue/tile_back.gif); background-repeat: repeat-x; background-color: #608ECE; border-bottom: 1px solid #585889; color: #000; font-size: 12px; font-weight: bold}
    .title2 a:link, .title2 a:visited {color: #FFF}
    .title2 a:hover {color: #666}
    
    /* INPUT */
    .textinput, .forminput, .input, .codebuttons {color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .textinput {border: 1px solid #4C77B6; background-color: #FFF; color: #000; font-size: 11px}
    .forminput {border: 1px solid #4C77B6; background-color: #FFF; color: #000; font-size: 10px}
    .foot .forminput, #end .title .forminput, .input {border: 1px solid #4C77B6; background-color: #DFE6EF; font-size: 10px}
    .codebuttons {border: 1px solid #4C77B6; background-color: #DFE6EF; font-size: 10px}
    .row1 .codebuttons {border: 1px solid #4C77B6; background-color: #FFF; font-size: 10px}
    
    
    /* This is the border line & background colour round the entire page */
    .bodyline	{}
    
    /* This is the outline surrounding the main blocks */
    .forumlinemain {background-color: #97B9DA; border: 1px #585889 solid; padding: 4px; width: 100%; margin-bottom: 2px}
    
    /* This is the outline round the main forum tables */
    .forumline	{background-color: #585889}
    
    .mback, .msub, table.mainbg, .skin_tbl_border {width: 100%} .menu img, .nav img, .board img, .forum img, .tag .img, .mtitle img, .icon, .row1 img, input {vertical-align: middle} .visibile {} .nascosta {display: none} .mback_left div, img.mleft, img.mright, img.sep_left, img.sep_right {visibility: hidden; height: 0} #quote_top, .quote_top, #quote, #code_top, .code_top, #code {width: auto !important; width: 95%; margin: 2pt 14pt 2pt 14pt !important; margin: 3px} #quote, #code {margin: 0} form {display: inline}
    .spoiler {display: none}
    Penso che sia giusto fin qua.. ma vorrei altri consigli da esperti.
    Il forum in questione ( l'esempio della skin è qui )

  2. #2
    Alons-y! L'avatar di Pappe
    Registrato il
    07-05
    Località
    Parma GialloBlu
    Messaggi
    1.454
    se vuoi ne possiamo parlare su msn...

    così su due piedi nn saprei....

Regole di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •