Skinning for Dummies [lezione 2]

Sezioni Forum e Barra utente

« Older   Newer »
 
  Share  
.
  1. Conan;
        +1   -1
     
    .

    User deleted


    devi mettere .zz a {color: #colore} per cambiare il colore ai links di .zz (quindi gli ultimi messaggi) per l'autore non ricordo quale sia onestamente °°" credo .xx a {color: #colore}
     
    Top
    .
  2.     +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,368
    Likes
    0
    Location
    Catanzaro

    Status
    Offline
    scusatemi tanto ma io non riesco a modificare l' .header!cioè per mettere al posto della scritta Forumfree e forumcommunity un'altra immagine cosa devo modificare?Grazie in anticipo!
     
    Top
    .
  3.     +1   -1
     
    .
    Avatar


    Group
    Old Glories
    Posts
    4,252
    Likes
    0

    Status
    Anonymous
    Devi andare su Amministrazione >> Modifica logo image >> e nella schermata inserisci il link dell'immagine che vuoi usare come logo =)
     
    Top
    .
  4.     +1   -1
     
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,368
    Likes
    0
    Location
    Catanzaro

    Status
    Offline
    Grazie mille sopratutto per la rapidità!XD!!!cmq mi sorge un'altro problemino...ora l'immagine viene un pò tagliata sotto,ed è attaccata al menù.C'è un modo per creare un pò di spazio tra i 2 elementi?Grazie di nuovo!
     
    Top
    .
  5. blueyes-
        +1   -1
     
    .

    User deleted


    CITAZIONE (Conan; @ 26/7/2009, 00:03)
    devi mettere .zz a {color: #colore} per cambiare il colore ai links di .zz (quindi gli ultimi messaggi) per l'autore non ricordo quale sia onestamente °°" credo .xx a {color: #colore}

    ho fatto come hai detto tu ma non mi viene ^^'
    http://beautifuldirtyrichskin.forumfree.net/?f=7615326

    il codice:
    SPOILER (click to view)
    CODICE
    body {background-color: #D19CD5; font-family: verdana, tahoma, georgia; font-size: 12pt; color: #333332}
    table, div {font-size: 10px; color: #333332; font-family: verdana; letter-spacing: -1px; line-spacing: 0}
    a:link, a:visited, a:active {color: #333332; text-decoration: none}
    a:hover {color: #333332; font-variant: small-caps}

    /* SCRITTE ESTERNE */
    .nav {font-family: georgia; font-style: italic; font-weight: bold; font-size: 11pt; font-color: #333332; line-height: 150%}
    .nav a:link, .nav a:visited {color: #333332}
    .nav a:hover {color: #F7F584; font-variant: small-caps}

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

    /* COLORI LISTA UTENTI ATTIVI */
    .amministratore {color: #3600FF; font-weight: bold}
    .moderatore {color: #24FF00; font-weight: bold}
    .utente {color: #00FCFF}
    .daconvalidare {color: #000}
    .gruppo1 {color: #FF00FC; font-weight: bold}
    .gruppo2 {color: #FF7800; font-weight: bold}
    .gruppo3 {color: #00FFC0; font-weight: bold}
    .gruppo4 {color: #FF0000; font-weight: bold}
    .gruppo5 {color: #4800FF; font-weight: bold}
    .gruppo6 {color: #FFB56A; font-weight: bold}

    /* BARRA ATTORNO AL FORUM */
    .mtitle {font-family: verdana; padding-top: 4px; text-align: right; font-size: 10pt; letter-spacing: 2px; color: #2B2B2B; font-variant: small-caps}
    .mback {display: none}
    .mback_center {display: none}
    .mback_left: {display: none}
    .mleft_top {display: none}
    .mleft_bottom {display: none}
    .mleft, .sep_left {display: none}
    .mback_right: {display: none}
    .mright_top {display: none}
    .mright, .sep_right {display: none}
    .mright_bottom {display: none}
    .msub {display: none}
    .msub_center: {display: none}
    .minus, .plus {display: none}

    /* BARRA UTENTE */
    .header_width {width: 80%}
    .header {background-color: #E2E2E2; border: 0; border-bottom: 0}
    .menu {height: 30px; background-image: url(http://i31.tinypic.com/j5fqfb.jpg); background-color: none; color: #424242;
    background-position: top center; background-repeat: no-repeat; color: #424242; font-weight: bold;
    height: 35px; margin-left: auto; margin-right: auto; position: relative; text-align: center; width: 425px;
    border:none}
    .menu a:link, .menu a:visited {color: #424242; font-weight:bold}
    .menu form {display: none}

    /* SEZIONI FORUM */
    .topic .mainbg, .msg .mainbg, #board .mainbg {background-color: #E2E2E2}
    .mainbg, .post .mainbg {background-color: #E2E2E2}
    .title {font-family: verdana; padding-top: 4px; text-align: right; font-size: 10pt; letter-spacing: -1px; color: #515150; background-color: #F8F7A7}
    .main1 .title a:link, .main1 .title a:visited, .foot a:link, .foot a:visited {color: #FFF; text-decoration: underline}
    .main1 .title a:hover, .foot a:hover {color: #CAE4FF}
    .ww, .xx, .yy, .zz {background-color: #F8F7A7; color: #333332; text-decoration: none}
    .ww a:link, .ww a:visited, .xx a:link, .xx a:visited, .yy a:link, .yy a:visited, .zz a:link, .zz a:visited {color: #333332}
    .ww a:hover, .xx a:hover, .yy a:hover, .zz a:hover {color: #333332; font-variant: small-caps}
    .aa, .bb, .cc {background-color: #F8F7A7}
    .xx a:link, .xx a:visited, .forum .zz a:link, .forum .zz a:visited {color: #1C73B6}
    .web {font-family: georgia; font-style: italic; font-weight: bold; font-size: 9.5pt; font-color: #333332; line-height: 150%}
    .web a:link {color: #333332}
    .web a:visited {color: #333332}
    .web a:hover {color: #D19CD4; font-variant: small-caps}
    .desc {font-size: 7pt; font-family: verdana; color: #5C5C5A}
    .foot {display: none}
    .darkbar {height: 23px; padding-top: 0; font-weight: bold; color: #FFF}

    /* STATISTICHE */
    .stats .title2 {height: 30px; border-bottom: 1px solid #F1F1F1; background-image: url(http://i29.tinypic.com/wspcf7.jpg); background-repeat: repeat-x; background-position: bottom; background-color: #hex; letter-spacing: -2px; font-family: georgia; font-weight: bold; font-style: italic; font-size: 12pt; color: #333332}
    .sunbar {height: 25px; font-family: georgia; font-weight: bold; font-style: italic; font-size: 9.5pt; color: #515150; background-color: #F1F1F1; text-align: center; border: 1px solid #F1F1F1; border-bottom: 0}
    .stats .ww {background-color: #F1F1F1; text-align: center}
    .stats .aa {background-color: #F1F1F1}
    .highlight {color: #333332}

    /* LINK MOD */
    .highlight a:link, .highlight a:visited, .highlight a:active {display: block; padding: 5px; font-size: 8pt; text-align: center; background-color: #D4E2BF; border: 1px solid #9EC55E; color: #3C3C3C; text-decoration: none}
    .highlight a:hover {background-color: #F0F5FA; border: 1px solid #C2CFDF}

    /* DISCUSSIONE */
    .left_top, .right_top {height: 30px; color: #3333332; background-color: #E2E2E2; border: 1px solid #E2E2E2; border-bottom: 1 px solid #F7F584}
    .nick {font-size: 11px; font-weight: bold; color: #900}
    .nick a:link, .nick a:visited, .nick a:active {font-size: 12px; text-decoration: underline}
    .left, .right {background-color: #E2E2E2}
    .left_bottom, .right_bottom {height: 30px; color: #3333332; background-color: #E2E2E2e; border: 1px solid #E2E2E2; border-bottom: 1 px solid #F7F584}
    .color {font-size: 12px; line-height: 160%; background-color: #E2E2E2; color: #3333332; font-family: verdana; letter-spacing: -1px}
    .color a:link, .color a:visited, .color a:active {text-decoration: underline}

    #quote {background-image: url(http://img.forumfree.net/style_images/37/quote.gif); background-position: right top; background-repeat: no-repeat; background-color: #FAFCFE; border: 1px dotted #8CBA41; border-left: 4px solid #8CBA41; border-top: 0; margin: 0 auto 8px auto; padding: 4px; padding-top: 14px; font-size: 8pt; color: #5B7E4C}
    #code {background-image: url(http://img.forumfree.net/style_images/37/code.gif); background-position: right top; background-repeat: no-repeat; background-color: #FAFCFE; border: 1px dotted #986265; border-top: 0; margin: 0 auto 0 auto; width: 98%; padding: 4px; padding-top: 14px; font-size: 8pt; font-family: courier, courier new, verdana, arial; color: #986265}

    hr {color: #9CA4AE}
    .fancyborder {background-color: #F7F7F7; border: #DDD 1px solid}
    .edit {font-size: 9px; color: #9DBD6C}
    .bottomborder {border-bottom: #666 dashed 1px}
    .signature {color: #304459; font-size: 10px; line-height: 150%}
    .right_bottom table {color: #3A4F6C}
    .right_bottom * a:link, .right_bottom * a:visited, .right_bottom * a:active {text-decoration: none}
    .sep {height: 5px; background-color: #F7F584; border-left: none; border-right: none}
    #end .title {border-bottom: 0; background-image: url(http://img.forumfree.net/style_images/37/postsub.gif); background-color: #E3E3E3}
    #end .title a:link, #end .title a:visited, #end .title a:active {color: #507318; text-decoration: none}
    #end .title a:hover {color: #4D6A8A}

    /* MESSENGER */
    .msg_main {background-color: #F5F5F5; line-height: 150%}
    .msg .darkbar {height: 26px; background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #DFE2E4; border-bottom: 1px solid #9CA4AE; color: #3A566C; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    .darkbar, .row2 {background-image: url(http://img.forumfree.net/style_images/37/titlefoot.gif); background-repeat: repeat-x; background-color: #FFF; border-bottom: 4px solid #8CBA41; font-weight: bold; color: #3C3C3C; letter-spacing: 1px; margin: 0; padding: 7px}
    .row1 {background-color: #DFE8CE}
    .row3 {border: 1px solid #9EC55E; background-color: #F5F9F0}
    .title3 {background-color: #D1E0BA; border-bottom: 1px solid #9CA4AE; font-weight: bold; letter-spacing: 1px; margin: 0; padding: 5px}
    #end .title3 {border: 0; border-top: 1px solid #9CA4AE}

    .msg .nick a:link, .msg .nick a:visited, .msg .nick a:active {text-decoration: none}
    .msg .details p {color: #9CA4AE; line-height: 150%}
    .alert {background-color: #F4E7EA; border: 1px solid #986265; color: #986265; padding-left: 1px; padding-right: 1px}
    .info {background-color: #F0F5FA; border: 1px solid #C2CFDF; color: #3C3C3C; padding-left: 1px; padding-right: 1px}
    .pagetitle, .pagetitle a:hover {font-weight: bold; font-size: 18px; color: #9CA4AE; line-height: 120%; letter-spacing: -1px}

    /* PROFILO UTENTI */
    .profile .row1 {background-color: #D8E3C4}
    .profile .title2 {border-top: 1px solid #9CA4AE}
    .title2 {height: 28px; background-image: url(http://img.forumfree.net/style_images/37/cat_title.gif); background-repeat: repeat-x; background-color: #7AA82F; border-bottom: 1px solid #9CA4AE; color: #000; font-size: 12px; font-weight: bold}
    .title2 a:hover {color: #3C3C3C; text-decoration: none}
    .profile .bottomborder {border-bottom: 1px solid #FFF}

    /* INPUT */
    .textinput {border: 1px solid #707070; background-color: #EBEBEB; font-size: 11px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .menu .textinput {background-color: #F2F2F2}
    .forminput {border: 1px solid #323232; background-image: url(http://img.forumfree.net/style_images/37/button.gif); background-repeat: repeat-x; background-color: #FEFEFE; color: #000; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .input {border: 1px solid #707070; background-color: #D1E0BA; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .codebuttons {border: 1px solid #3A587C; background-image: url(http://img.forumfree.net/style_images/37/button2.gif); background-repeat: repeat-x; background-color: #D1E0BA; font-size: 10px; color: #000; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
     
    Top
    .
  6. Conan;
        +1   -1
     
    .

    User deleted


    CODICE
    .xx a:link, .xx a:visited, .forum .zz a:link, .forum .zz a:visited {color: #1C73B6}

    Sostituiscilo con:
    CODICE
    .xx a:link, .xx a:visited, .zz a:link, .zz a:visited {color: #1C73B6}
     
    Top
    .
  7. ~Claire~
        +1   -1
     
    .

    User deleted


    spiagato tutto a meraviglia!
    credo di esserci riuscita (;
     
    Top
    .
  8.     +1   -1
     
    .
    Avatar

    -Elia-

    Group
    Member
    Posts
    2,699
    Likes
    0
    Location
    Venezia

    Status
    Anonymous
    Io non riesco a farla venire come voglio, questo è il forum: http://provaskinmy.forumcommunity.net/

    Lasciate stare la bare mback, la voglio così, in realtà è trasparente. ^_-
    Detto questo guardate appunto sotto alla barra, m.title è riuscito come volevo ma da giù in poi per quanto abbia provato il risultato è questo.

    Un'altra cosa, ma i colori da dv vanno presi se non li trovo tutti quelli che voglio?
     
    Top
    .
  9.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    i colori li puoi prendere direttamente da ps, psp gimp ecc, quando vai a cambiarli dalla palette dei colori. altrimenti guarda qui:

    http://users.libero.it/luclep/itaint.htm

    clicca sui bottoni per vedere gli esempi di colore. altrimenti qui:

    http://riemann.unica.it/studenti/guida/colori.html
    http://www.italysoft.com/utility/converter...ori-sicuri.php#

    nell'ultimo se clicchi sul colore ti da un alert che ti da il colore rgb ed esadecimale, prendi l'ultimo.

    Per cambiare il verde(suppongo sia quello che non ti torna) leva il codice di .ww,.aa ecc e mettici questo:

    CODICE
    cut


    non avevi messo il ; dopo il codice di sfondo e lo avevi messo dopo la parentesi. Tra l'altro chiedi il permesso a ransie di usare il suo sfondo di una sua skin nella tua.

    rimetterò il codice quando ransie ti avrà dato il permesso.
     
    Top
    .
  10. Conan;
        +1   -1
     
    .

    User deleted


    Non riesco a vedere il forum di prova. Hai cambiato dominio?
     
    Top
    .
  11. star1488
        +1   -1
     
    .

    User deleted


    Ho provato a mettere il menù utente centrato ma quando ho inserito l'immagine si è spostato a sinistra...come mai? x
     
    Top
    .
  12.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    io la vedo centrata...usi IE? probabilmente questo spiega perchè io dietro la barra vedo un colore diverso dal container °°"
     
    Top
    .
  13. star1488
        +1   -1
     
    .

    User deleted


    si io uso explorer ora ho provato a visualizzare la skin con firefox ed è completamente diversa, anche nei colori...O.o come si fà?
     
    Top
    .
  14.     +1   -1
     
    .
    Avatar

    Vivo la mia vita inseguendo
    un impossibile
    ma bellissimo sogno...

    Group
    Team
    Posts
    35,340
    Likes
    +106
    Location
    Livorno ma vivo a Parabiago

    Status
    Anonymous
    purtroppo IE e firefox visualizzano i colori in modo diverso spesso e volentieri. L'unica cosa da fare è salvare le immagini in gif o png. Però con gif verrà male perchè a occhio ci sono troppi colori e si rovinerà un pò, vedi un pò quando salvi come ti viene. Ovviamente leva lo sfondo rosso lasciando solo la forma =D
     
    Top
    .
  15. star1488
        +1   -1
     
    .

    User deleted


    Si l'ho salvato in png e rihostato...ma se un utente ha ie come me vede la skin in un modo mentre chi ha firefox la vede in un'altro.

     
    Top
    .
187 replies since 17/6/2009, 14:18   15504 views
  Share  
.