Tags

  1. Anime & Manga (5)
  2. Arancione (123)
  3. Bianco (108)
  4. Blog (2)
  5. Blu (126)
  6. Calcio (1)
  7. Celeste (275)
  8. Crema (40)
  9. Dark (259)
  10. Giallo (48)
  11. Grigio (430)
  12. Halloween (5)
  13. Light (498)
  14. Marrone (55)
  15. Natale (11)
  16. Nero (69)
  17. Oro (51)
  18. Quirks Layout (723)
  19. Rosa (200)
  20. Rosso (77)
  21. San Valentino (2)
  22. Standard Layout (37)
  23. Telefilm (1)
  24. Verde (310)
  25. Videogiochi (6)
  26. Viola (95)

  1. ● After Dark

    Tags
    Dark
    Grigio
    Quirks Layout
    By . F r e e . il 26 April 2009
     
    +1   -1    1 Comments   1,018 Views
    .

    PreviewBig



    Info


    Name: After Dark
    Preview: Click / Forum di Prova
    Author: . F r e e .
    Notes: Credits obbligatori / No manipolazioni del Css


    Codes


    Skin:

    - Andate in "Modifica Skin" e impostate la "iCGstation";
    - Andate in "Modifica colori e stili" e inserite il seguente code:

    CODICE
    /*Credits - Non Cancellare*/

    /*Codici Barra Utente by Extariu - http://forumfree.net/?act=Profile&MID=269449 */
    /* Codice container by Mesmeric of Skin Factory - http://skinfactory.forumfree.net
    /?act=Profile&MID=653861 */
    /* Si ringrazia Katyna dello Skin Factory per il css code e il suo tutorial */
    /* Si ringrazia juunanagou dello Skin Factory per il suo tutorial -
    http://skinfactory.forumfree.net/?act=Profile&MID=852257*/


    body {background-position: center; background-color: #9B9A9A; font-family: arial; font-size: 9pt; color: #6A6969}
    table {font-family: arial; font-size: 10px; color: #616161}
    div {font-family: arial; font-size: 10px; color: #595858}
    a:link, a:visited {text-decoration: none; color: #555555; font-family: arial}
    a:hover {color: #8B8A8A; text-decoration: none}

    /* SCRITTE ESTERNE */
    .menu input, .menu select {display: none}
    .menu_right {display: none}
    .nav {font-weight: bold; font-size: 8pt}
    .nav a:link, .nav a:visited {color: #4C4B4B}
    .nav a:hover {color: #929191}

    /* CONTAINER */
    #container {background-color: #A3A2A2; margin-left: auto; margin-right: auto; width: 84%}
    #contentleft {background: url(http://digilander.libero.it/McFree/After%20Dark/ContainerLeft.gif) left repeat-y}
    #contentright {background: url(http://digilander.libero.it/McFree/After%20Dark/ContainerRIght.gif) right repeat-y}

    /* DIMENSIONI FORUM */
    .header_width, .skin_tbl_width, .skin_tbl {width: 74%}
    .stats .border {width: 71%}

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #FF7171; font-weight: bold}
    .moderatore {color: #008BC2; font-weight: bold}
    .utente {}
    .daconvalidare {color: #008000}
    .gruppo1 {color: #B980FF; font-weight: bold}
    .gruppo2 {color: #80A9FF; font-weight: bold}
    .gruppo3 {color: #95DDFF; font-weight: bold}
    .gruppo4 {color: #9FEF50; font-weight: bold}
    .gruppo5 {color: #FFF000; font-weight: bold}
    .gruppo6 {color: #FFB56A; font-weight: bold}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {text-align: right; word-spacing: 3px; font-weight: bold; font-size: 15px; color: #525252; font-family: arial; padding-bottom: 5pt; padding-right: 3px}

    .mback {height: 30px}
    .mback_center {background-image: url(http://digilander.libero.it/McFree/After%20Dark/Center3.gif); background-repeat: repeat-x}

    .mback_left {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Center3.gif); background-repeat: no-repeat}
    .mleft_top {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/LeftTop.gif); background-position: top right; background-repeat: no-repeat}
    .mleft, .sep_left {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/LeftCenter2.gif); background-position: right; background-repeat: repeat-y}
    .mleft_bottom {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/LeftBottom2.gif); background-position: top right; background-repeat: no-repeat}

    .mback_right {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Center3.gif); background-position: left bottom; background-repeat: no-repeat}
    .mright_top {width: 47px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/RightTop4b.gif); background-position: top left; background-repeat: no-repeat}
    .mright, .sep_right {width: 47px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/RightCenter4b.gif); background-position: left top; background-repeat: repeat-y}
    .mright_bottom {width: 47px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/RightBottom2.gif); background-position: top left; background-repeat: no-repeat}

    .msub {height: 5px}
    .msub_left {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Subcenter2.gif); background-position: top; background-repeat: no-repeat}
    .msub_center {background-image: url(http://digilander.libero.it/McFree/After%20Dark/Subcenter2.gif); background-position: top; background-repeat: repeat-x}
    .msub_right {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Subcenter2.gif); background-position: top; background-repeat: no-repeat}


    .tag .mtitle {text-align: left; word-spacing: 3px; font-weight: bold; font-size: 15px; color: #525252; font-family: arial; padding-bottom: 5pt; padding-left: 5px}

    .tag .msub_left {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/SubCenter.gif); background-position: top; background-repeat: no-repeat}
    .tag .msub_center {background-image: url(http://digilander.libero.it/McFree/After%20Dark/SubCenter.gif); background-position: top; background-repeat: repeat-x}
    .tag .msub_right {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/SubCenter.gif); background-position: top; background-repeat: no-repeat}

    .tag .mleft_bottom {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/LeftBottom.gif); background-position: top right; background-repeat: no-repeat}

    .tag .mright_top {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/TopicRightTop.gif); background-position: top right; background-repeat: no-repeat}
    .tag .mright, .sep_right {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/TopicRightCenter.gif); background-position: top right; background-repeat: repeat-y}
    .tag .mright_bottom {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/TopicRightBottom.gif); background-position: top right; background-repeat: no-repeat}

    /* BARRA UTENTE */
    .header {background-color: #EAEAEA; border: 0 solid #B2B9C5; border-bottom: 0}
    .menu {height: 28px; background-image: url(none); background-position: left; background-color: #A3A2A2; background-repeat: no-repeat; text-align: left; padding-left: 6px; font-size: 7.5pt; padding-top: 1px}
    .menu a:link, .menu a:visited {color: #4C4B4B; font-family: arial}
    .menu a:hover {color: #929191; font-family: arial}

    .menu .highlight {font-weight: bold; color: #7AA2F1}

    /* SEZI0NI F0RUM */
    .board .mainbg {background-color: #7F7E7E; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Title.png); background-position: top; background-repeat: repeat-x}
    .tag .mainbg {background-color: #7F7E7E}
    .forum .mainbg {background-color: #7F7E7E; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Title.png); background-position: top; background-repeat: repeat-x}
    .mainbg {background-color: #7F7E7E}

    .title {height: 21px; background-color: #7F7E7E; color: #626262; font-family: arial; font-weight: bold; font-size: 7pt; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Title.png)}
    .foot {background-color: #7F7E7E; border: 1px solid #7F7E7E; background-image: none; border-bottom: 0; color: #626262; font-family: arial}
    .board .foot {display: none}
    .title a:link, .title a:visited, .foot a:link, .foot a:visited {font-weight: bold; color: #565656; font-family: arial}
    .title a:hover, .foot a:hover {font-weight: bold; color: #929191; font-family: arial}
    .aa, .bb, .cc, .xx, .yy, .zz, .ww {background-color: #7F7E7E}

    .tag .ww font {color: #5A5A5A; font-size: 10px}

    .board .web {font-size: 12px; line-height: 111%; font-family: arial; letter-spacing: 0}
    .web a:link, .web a:visited {color: #4C4B4B; text-decoration: none; background: url(none) repeat-x left bottom; font-family: arial; font-weight: bold; padding-bottom: 0}
    .web a:hover {color: #929191; text-decoration: none; background: url(none) repeat-x left bottom; font-family: arial; font-style: italic; font-weight: bold}
    .web {font-size: 11px; line-height: 110%; font-family: arial}
    .desc {font-size: 10px; color: #5A5A5A; font-family: arial}


    /* STATISTICHE */
    .skin_tbl_border {background-color: #7F7E7E}
    .stats .border {border: 3px solid #999898; background-color: #A3A2A2}
    .stats .sunbar {height: 21px; background-color: #7F7E7E; color: #626262; font-family: arial; font-weight: bold; font-size: 7pt; padding-bottom: 0; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Title.png)}
    .stats .title2 {height: 30px; background-image: url(none); background-repeat: repeat-x; background-color: #7F7E7E; text-align: left; word-spacing: 3px; font-weight: bold; font-size: 14px; color: #525252; font-family: arial; padding-bottom: 4pt; padding-left: 6px}
    .stats .aa {background-color: #7F7E7E}
    .stats .ww {background-color: #7F7E7E}
    .highlight {color: #626262; font-weight: bold}
    .sunbar {height: 10px; background-color: #7F7E7E; color: #626262; font-family: arial; font-weight: bold; font-size: 7.5pt; padding-bottom: 0; background-image: url(none)}

    /* LINK MOD */
    .highlight a:link, .highlight a:visited {color: #4C4B4B}
    .highlight a:hover {text-decoration: line-through}

    /* DISCUSSI0NE */
    .topic .mleft_bottom {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/LeftBottom.gif); background-position: top right; background-repeat: no-repeat}

    .topic .mright_top {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/TopicRightTop.gif); background-position: top right; background-repeat: no-repeat}
    .topic .mright, .sep_right {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/TopicRightCenter.gif); background-position: top right; background-repeat: repeat-y}
    .topic .mright_bottom {width: 12px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/TopicRightBottom.gif); background-position: top right; background-repeat: no-repeat}

    .topic .msub_left {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/SubCenter.gif); background-position: top; background-repeat: no-repeat}
    .topic .msub_center {background-image: url(http://digilander.libero.it/McFree/After%20Dark/SubCenter.gif); background-position: top; background-repeat: repeat-x}
    .topic .msub_right {width: 1px; background-image: url(http://digilander.libero.it/McFree/After%20Dark/SubCenter.gif); background-position: top; background-repeat: no-repeat}

    .left_top, .right_top {background-color: #7F7E7E}
    .left_bottom, .right_bottom {background-color: #7F7E7E}
    .left_top .td, .right_top .td, .right_top * a:link, .right_top * a:visited, .left_bottom .td, .right_bottom .td, .right_bottom * a:link, .right_bottom * a:visited {color: #565656}

    .nick {font-size: 14px}
    .nick a:link, .nick a:visited {font-size: 14px; font-weight: bold; color: #4C4B4B; text-decoration: none; repeat-x left bottom; font-family: arial; font-weight: bold}
    .nick a:hover {font-size: 14px; font-weight: bold; color: #929191; text-decoration: none; repeat-x left bottom; font-family: arial; font-weight: bold}

    .sep {height: 7px; background-color: #7F7E7E}

    .left, .right {color: #565656; background-color: #7F7E7E; border-top: 1px solid #7F7E7E}
    #quote {background-color: #7F7E7E; border-right: 2px solid #4C4B4B; border-top: 2px solid #4C4B4B; color: #595858; font-size: 8pt; font-family: arial; padding-left: 10px; padding-right: 5px}
    #code {background-color: #7F7E7E; border-left: 2px dashed #4C4B4B; border-bottom: 2px dashed #4C4B4B; color: #595858; font-size: 8pt; font-family: arial; padding-left: 10px; padding-right: 5px}
    .color {font-size: 9.5pt; line-height: 130%; color: #595858}
    .color a:link, .color a:visited {font-weight: bold; color: #4C4B4B; font-family: arial}
    .color a:hover {font-weight: bold; color: #929191; font-family: arial}
    hr {color: #595858}

    .bar_left {background-image: url(http://digilander.libero.it/McFree/After%20Dark/BarLeft.gif); background-repeat: repeat-x}
    .bar {background-image: url(http://digilander.libero.it/McFree/After%20Dark/BarCenter.gif); background-repeat: repeat-x}
    .bar_right {background-image: url(http://digilander.libero.it/McFree/After%20Dark/BarRight.gif); background-repeat: no-repeat}

    .fancyborder {background-color: #595858; border: 1px dashed #4C4B4B}
    .edit {color: #626262; font-size: 9px}
    .bottomborder {border-bottom: 1px dashed #595858}
    .signature {font-size: 7.5pt; color: #595858; line-height: 120%}

    /* MESSENGER */
    .msg_txt a:hover {text-decoration: underline}
    .msg_main, .row1 {background-color: #7F7E7E; border: 0 solid #FFF; border-bottom: 0}
    .row3 {background-color: #7F7E7E; border: 1px solid #7F7E7E}
    .title3, .darkbar {height: 23px; background-color: #7F7E7E; border: 0 solid #FFF; border-bottom: 0; font-weight: bold; color: #929191}
    .msg .details p {color: #626262; font-size: 10px; line-height: 150%}
    .msg .details {font-size: 7pt}
    .info {padding: 3px; background-color: #7F7E7E; color: #595858; border: 0 solid #AACAFF}
    .alert {padding: 3px; background-color: #7F7E7E; color: #595858; border: 0 solid #FFAAAA}

    /* PROFILO UTENTI */
    .pagetitle {text-align: left; word-spacing: 3px; font-weight: bold; font-size: 16px; color: #4C4B4B; font-family: arial; padding-left: 9px; font-variant: small-caps; line-height: 120%}
    .profile .title2 {border: 0; border-bottom: 0 solid #FFF}
    .profile .row1 {border: 0; background-color: #7F7E7E}
    .title2 {height: 21px; background-color: #7F7E7E; color: #626262; font-family: arial; font-weight: bold; font-size: 7pt; padding-bottom: 0; background-image: url(http://digilander.libero.it/McFree/After%20Dark/Title.png)}

    /* INPUT */
    .textinput, .codebuttons, .input, .forminput {background-color: #858484; border: 1px solid #797878; color: #595858; font-size: 8pt; font-family: arial}
    .darkline {background-image: url(http://digilander.libero.it/McFree/After%20Dark/Darkline.gif); background-repeat: repeat-x}



    Container & Credits:

    - Andate in "Gestione codice HTML" e inserite i seguenti codes:

    In cima al sito
    CODICE
    <div id="container">
    <div id="contentleft">
    <div id="contentright">


    In fondo al sito
    CODICE
    <br><div style="width: 350px; background-color:#9b9a9a; border: 0px solid #afd376; font: 8pt"><table id="skincopyright" width="300" align="center"><tr align="center"><td> <b>After Dark</b> by <a href="http://skinfactory.forumfree.net/?act=Profile&MID=1035421"><b>. F r e e .</b></a> of <a href="http://skinfactory.forumfree.net"><b>Skin Factory</b></a>
    </td></table></div>
    <br>
    </div></div></div>



    Immagini:

    - Andate in "Modifica immagini" e inserite i seguenti codes nella finestra "Modifica rapida" (ricordo che bisogna spuntare la casellina "Aggiorna tramite la modifica rapida") :

    CODICE
    A_STAR:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt=''>
    A_REPLY:<img src='http://digilander.libero.it/McFree/After%20Dark/Replyb.png' width='75' height='38' alt='A_REPLY'>
    A_POST:<img src='http://digilander.libero.it/McFree/After%20Dark/Topicb.GIF' width='58' height='38' alt='A_POST'>
    A_POLL:<img src='http://digilander.libero.it/McFree/After%20Dark/Pollb.PNG' width='67' height='38' alt='A_POLL'>
    A_POLLONLY_B:<img src='http://digilander.libero.it/McFree/After%20Dark/Closedb.png' width='75' height='38' alt='A_POLLONLY_B'>
    A_LOCKED_B:<img src='http://digilander.libero.it/McFree/After%20Dark/Closedb.png' width='75' height='38' alt='A_LOCKED_B'>
    M_REPLY:<img src='http://i602.photobucket.com/albums/tt105/Free_f/After%20Dark/ReplyMsg.gif' width='41' height='22' alt='M_REPLY'>
    M_ADDMEM:<img src='http://i602.photobucket.com/albums/tt105/Free_f/After%20Dark/AggAmico.gif' width='50' height='22' alt='M_ADDMEM'>
    M_DELETE:<img src='http://i602.photobucket.com/albums/tt105/Free_f/After%20Dark/Delete.gif' width='41' height='22' alt='M_DELETE'>
    M_UNREAD:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt='M_UNREAD'>
    M_READ:<img src='http://i602.photobucket.com/albums/tt105/Free_f/After%20Dark/StarOff.gif' width='9' height='9' alt='M_READ'>
    C_ON:<img src='http://digilander.libero.it/McFree/After%20Dark/On3.png' width='32' height='32' alt='C_ON'>
    C_OFF:<img src='http://digilander.libero.it/McFree/After%20Dark/Off3.png' width='32' height='32' alt='C_OFF'>
    C_ON_RES:<img src='http://digilander.libero.it/McFree/After%20Dark/On3.png' width='32' height='32' alt='C_ON_RES'>
    C_OFF_RES:<img src='http://digilander.libero.it/McFree/After%20Dark/Off3.png' width='32' height='32' alt='C_OFF_RES'>
    C_LOCKED:<img src='http://digilander.libero.it/McFree/After%20Dark/Off3.png' width='32' height='32' alt='C_LOCKED'>
    F_ACTIVE:<img src='http://digilander.libero.it/McFree/After%20Dark/On3.png' width='32' height='32' alt='F_ACTIVE'>
    F_STATS:<img src='http://digilander.libero.it/McFree/After%20Dark/On3.png' width='32' height='32' alt='F_STATS'>
    B_NEW:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt='B_NEW'>
    B_NORM:<img src='http://digilander.libero.it/McFree/After%20Dark/StarOff.gif' width='9' height='9' alt='B_NORM'>
    B_HOT:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt='B_HOT'>
    B_HOT_NN:<img src='http://digilander.libero.it/McFree/After%20Dark/StarOff.gif' width='9' height='9' alt='B_HOT_NN'>
    B_POLL:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt='B_POLL'>
    B_POLL_NN:<img src='http://digilander.libero.it/McFree/After%20Dark/StarOff.gif' width='9' height='9' alt='B_POLL_NN'>
    B_MOVED:<img src='http://digilander.libero.it/McFree/After%20Dark/StarOff.gif' width='9' height='9' alt='B_MOVED'>
    B_LOCKED:<img src='http://digilander.libero.it/McFree/After%20Dark/StarOff.gif' width='9' height='9' alt='B_LOCKED'>
    NEW_POST:<img src='http://digilander.libero.it/McFree/After%20Dark/NewReply.gif' width='7' height='7' alt='NEW_POST'>
    B_PIN:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt='B_PIN'>
    B_ANNUNCIO:<img src='http://digilander.libero.it/McFree/After%20Dark/Star.gif' width='9' height='9' alt='B_ANNUNCIO'>
    P_DELETE:<img src='http://digilander.libero.it/McFree/After%20Dark/Delete.gif' width='41' height='22' alt='P_DELETE'>
    P_EDIT:<img src='http://digilander.libero.it/McFree/After%20Dark/Edit.gif' width='37' height='22' alt='P_EDIT'>
    P_QUOTE:<img src='http://digilander.libero.it/McFree/After%20Dark/Quote.gif' width='51' height='22' alt='P_QUOTE'>
    P_MSG:<img src='http://digilander.libero.it/McFree/After%20Dark/Mp.gif' width='24' height='20' alt='P_MSG'>
    P_EMAIL:<img src='http://digilander.libero.it/McFree/After%20Dark/Email.gif' width='35' height='20' alt='P_EMAIL'>
    P_WEBSITE:<img src='http://digilander.libero.it/McFree/After%20Dark/Www.gif' width='33' height='20' alt='P_WEBSITE'>
    P_MSN:<img src='http://digilander.libero.it/McFree/After%20Dark/Msn.gif' width='29' height='20' alt='P_MSN'>
    P_YIM:<img src='http://digilander.libero.it/McFree/After%20Dark/Yim.gif' width='27' height='20' alt='P_YIM'>
    P_ICQ:<img src='http://digilander.libero.it/McFree/After%20Dark/Icq.gif' width='27' height='20' alt='P_ICQ'>
    P_UP:http://digilander.libero.it/McFree/After%20Dark/Up.gif
    F_NAV:::
    ICON_SEARCH:http://digilander.libero.it/McFree/After%20Dark/StarOff.gif
    ICON_MEMBERS:http://digilander.libero.it/McFree/After%20Dark/StarOff.gif
    ICON_HELP:http://digilander.libero.it/McFree/After%20Dark/StarOff.gif
    CAT_IMG:<img src='http://i602.photobucket.com/albums/tt105/Free_f/After%20Dark/NewReply.gif' width='7' height='7' alt='CAT_IMG'>


    Edited by .Arya - 1/9/2011, 20:45
      Share  
     
    .

Comments
  1. ~ s i l v e r
    view post
    26/4/2009, 15:29     +1   -1
     
    .

    User deleted

    User deleted

    • Aspetto Grafico: :fullstar: :fullstar: :fullstar: :fullstar: :voidstar: (4.0 punti)
      Skin molto particolare e ben curata, semplice e piacevole alla vista. Solo il pattern a righe, visti i colori decisamente più forti rispetto al resto della skin, risulta un po' pesante.

    • Foglio di Stile: :fullstar: :fullstar: :fullstar: :voidstar: :voidstar: (3.0 punti)
      elaborazione css:L'elaborazione del css è pulita e senza errori; l'unico difetto riscontrabile è dato dall'eccessiva lunghezza del codice e dalla ripetizione di selettori diversi con proprietà identiche, che dà dispersività al codice.
      errori css: Gli unici errori riscontrabili sono quelli dati dalla scrollbar, compatibile solo con il browser Internet Explorer.

    • Valutazione Finale:

      • :fullstar: :fullstar: :fullstar: :fullstar: :fullstar: :fullstar: :fullstar: :voidstar: :voidstar: :voidstar: (7.0 punti)
     
    Top
    .

Skin Pronte
 
Create your forum and your blog! · Top Forum · Categories · Help · Status · Contacts · Powered by ForumFree