Problema barre laterali skin

Risolto

« Older   Newer »
 
  Share  
.
  1. La Twix
     
    .

    User deleted


    http://skinmondoemerso.blogfree.net/

    Sto facendo questa skin per il mio forum. è la prima volta e quindi sono inesperta, scusate.
    Mi pare chiaro quale sia il problema xD
    Ecco il codice:

    CODICE
    body {background-color: #DEC776;
    background-image: url(http://i51.tinypic.com/sd1fd2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
    font-family: verdana, tahoma, arial; font-size: 8.5pt; color: #000}
    table, div {font-size: 7.5pt; color: #000}
    a:link, a:visited {text-decoration: underline; color: #000}
    a:hover {color: #B14E18}

    /* SCRITTE ESTERNE */
    .nav {color: #111; font-weight: bold; font-size: 8.5pt}
    .nav a:link, .nav a:visited {color: #C16563}
    .nav a:hover {color: #111}

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

    /* 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: center; letter-spacing: 1px; word-spacing: 1px; padding-top: 3px; font-weight: bold; font-size: 8.5pt; color: #C2DA76}

    .mback_left {width: 215px; height: 57px; background-image: url(http://farm5.static.flickr.com/4104/4986636136_8ef9dafbe8_m.jpg); background-repeat: no-repeat; background-position: bottom}
    .mback_center {background-image: url(http://farm5.static.flickr.com/4107/4986035799_78e30b30e9_s.jpg); background-repeat: repeat-x; background-position: bottom}
    .mback_right {width: 221px; height: 57px; background-image: url(http://farm5.static.flickr.com/4125/4986035903_307071ac04_m.jpg); background-repeat: no-repeat; background-position: bottom}
    .mback {height: 57px; border-bottom: 0; background-image: none}

    .msub {height: 56px; background-image: none}
    .msub_center {background-image: url(http://farm5.static.flickr.com/4110/4986636436_6d9b556f60_m.jpg); background-repeat: repeat-x}

    .mleft_top {width: 50px; height: 57px; background-image: url(http://farm5.static.flickr.com/4132/4986636344_47d4f12176_s.jpg); background-repeat: no-repeat}
    .mleft, .sep_left {width: 50px; background-image: url(http://farm5.static.flickr.com/4089/4986636506_cdd4099907_s.jpg); background-repeat: repeat-y}
    .mleft_bottom {width: 50px; height: 56px; background-image: url(http://farm5.static.flickr.com/4144/4986636458_d6050912d7_s.jpg); background-repeat: no-repeat}

    .mright_top {width: 50px; background-image: url(http://farm5.static.flickr.com/4128/4986636582_5380633d09_s.jpg); background-repeat: no-repeat}
    .mright, .sep_right {width: 50px; background-image: url(http://farm5.static.flickr.com/4106/4986636094_bffddd64db_m.jpg); background-repeat: repeat-y; background-position: bottom}
    .mright_bottom {width: 50px; background-image: url(http://farm5.static.flickr.com/4092/4986636390_076f699e58_s.jpg); background-repeat: no-repeat; background-position: bottom}

    /* BARRA UTENTE */
    .header {background-color: #FFF; border: 1px solid #B2B9C5; border-bottom: 0}
    .menu {height: 25px; background-image: url(http://img.forumfree.net/style_images/15/menu.gif); background-repeat: repeat-x; background-color: #E7ECF4; border-left: 1px solid #B2B9C5; border-right: 1px solid #ADBAC6}
    .menu .highlight {font-weight: bold; color: #7AA2F1}

    /* SEZIONI FORUM */
    .skin_tbl_border, .mainbg {background-color: #DE9376}
    .title, .title2, .foot, .row2 {height: 25px; font-weight: bold; color: #444; background-color: #DE9376; border: 0 solid #FFF; border-bottom: 0}
    .ww, .xx, .yy, .zz, .aa, .bb, .cc {background-color: #DE9376; border: 0; border-bottom: 0}
    .web {font-size: 8.5pt; line-height: 150%}
    .desc {font-size: 10px; color: #DE9376}
    .board .foot {display: none}

    /* STATISTICHE */
    .stats .title2 {height: 23px; border-bottom: 0; background-image: none; background-repeat: repeat-x; background-color: #DE9376; letter-spacing: 1px; font-size: 8pt; color: #445588}
    .sunbar {height: 25px; font-weight: bold; color: #444; background-color: #EAEAEA; border: 1px solid #FFF; border-bottom: 0}
    .stats .ww, .stats .aa {background-color: #F7F7F7}
    .stats .ww {text-align: center}
    .highlight {color: #778F9F}

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

    /* DISCUSSIONE */
    .left_top, .right_top, .left_bottom, .right_bottom {height: 25px; color: #444; background-color: #EAEAEA; border: 1px solid #FFF; border-bottom: 0}
    .nick {font-size: 12px; color: #FF5555; padding-bottom: 2px}
    .nick a:link, .nick a:visited {font-weight: bold}
    .left, .right {background-color: #FAFAFA; border: 1px solid #FFF; border-bottom: 0}
    #quote {border: 1px solid #A9B8C2; background-color: #DCE1E5; font-size: 8pt; padding: 2px}
    #code {border: 1px solid #778F9F; background-color: #A9B8C2; color: #FFF; font-size: 8pt; padding: 2px}
    .color {font-size: 9.5pt; line-height: 150%}
    .color a:hover {text-decoration: underline}
    hr {color: #ADBAC6}
    .fancyborder {background-color: #FFF; border: 1px dashed #ADBAC6}

    .edit {font-size: 9px; font-style: italic; color: #778F9F}
    .bottomborder {border-bottom: 1px dashed #ADBAC6}
    .signature {color: #778F9F; line-height: 150%}
    .sep {height: 7px}

    /* MESSENGER */
    .msg_txt a:hover {text-decoration: underline}
    .msg_main, .row1 {background-color: #F7F7F7; border: 1px solid #FFF; border-bottom: 0}
    .row3 {background-color: #FAFAFA; border: 1px solid #ADBAC6}
    .title3, .darkbar {height: 23px; background-color: #DCE1E5; border: 1px solid #FFF; border-bottom: 0; font-weight: bold; color: #586D7C}
    .title3 {border: 0}
    .msg .details p {color: #008000; font-size: 10px; line-height: 150%}
    .msg .details {font-size: 7.5pt}
    .info {padding: 3px; background-color: #EAF2FF; color: #448AFF; border: 1px solid #AACAFF}
    .alert {padding: 3px; background-color: #FFEAEA; color: #FF4444; border: 1px solid #FFAAAA}

    /* PROFILO UTENTI */
    .pagetitle {font-size: 18px; font-weight: bold; letter-spacing: -1px; line-height: 120%}
    .profile .title2 {border: 0; border-bottom: 1px solid #FFF}
    .profile .row1 {border: 0; background-color: #FAFAFA}

    /* INPUT */
    .textinput, .forminput, .input, .codebuttons {border: 1px solid #ADBAC6; background-color: #EAEAEA; color: #586D7C; font-size: 7.5pt; font-family: verdana, helvetica, sans-serif; vertical-align: middle}
    .forminput {font-size: 11px}
    .menu .textinput, .menu .forminput {background-color: #F4F6FC; border-left: 1px solid #B2B9C5}
    .msg .textinput {background-color: #FAFAFA; color: #444; font-size: 8.5pt}
    .msg .input, .msg .forminput {background-color: #F7F7F7}


    Grazie mille!
     
    Top
    .
  2. Tear'
     
    .

    User deleted


    Allora o hai tagliato male la skin oppure hai sbagliato a scrivere altezza e larghezza nell' mback, mright ecc =)
     
    Top
    .
  3.  
    .
    Avatar


    Group
    Addict
    Posts
    5,120
    Location
    Vicenza

    Status
    Anonymous
    o le immagini sono ostate male, oppure hai sbagliato le dimensioni dell'immagine... in ogni caso non è un problema del codice
     
    Top
    .
  4. La Twix
     
    .

    User deleted


    I pezzi della skin hanno quella misura e mi pare di averla tagliata bene, anche perché la barra superiore e quella inferiore sono unite senza alcuno sbaglio... :(
    Comunque riproverò!
     
    Top
    .
  5.  
    .
    Avatar


    Group
    Addict
    Posts
    5,120
    Location
    Vicenza

    Status
    Anonymous
    imageimage
    non combaciano le due immagini
     
    Top
    .
  6. La Twix
     
    .

    User deleted


    Sì l'ho notato xD ma le immagini in realtà sono:
    imageimage


    Non so perché la deformi così...
     
    Top
    .
  7.  
    .
    Avatar


    Group
    Addict
    Posts
    5,120
    Location
    Vicenza

    Status
    Anonymous
    prova a ricaricare le immagini che vedi deformate...
     
    Top
    .
  8. SilverDragonfly
     
    .

    User deleted


    scusa, io vedo che le immagini che hai inserito per .mleft_top,.mback_center e .mleft_top sono alti 75px (anche se tu nel codice hai settato height: 57px,) mentre le immagini per mback left e .mback_right sono 57 px, normale ti sfasi tutto....

    imageimage imageimageimage
     
    Top
    .
  9. La Twix
     
    .

    User deleted


    Quindi cosa dovrei mettere?
    è strano perché le misure che ho messo erano giuste! Cioè 50x57...
     
    Top
    .
  10. Shalentir
     
    .

    User deleted


    Si, le dimensioni che avevi messo erano giuste, ma proprio le immagini in sé sono alte e larghe 75 px.
     
    Top
    .
  11. La Twix
     
    .

    User deleted


    Le ho ri-hostate, ora è perfetta!
    Grazie a tutti, scusate se vi ho fatto perdere tempo ^^
     
    Top
    .
10 replies since 13/9/2010, 20:13   132 views
  Share  
.