Visualizzazione dei risultati da 1 a 6 su 6
  1. #1

    Inserire immagine nel header

    sto provando ad inserire un immagine nell'header senza successo ciò che sono riuscito ad ottenere è una schifezza: www.webnewhosting.com
    Sto usando un tema di wordpress (CW Red 1.2 di CreateWebsites.pl)
    ed il codice con le modifiche che ho apportato io all'header è questo:

    * {margin:0 auto;padding:0;font-family:verdana;font-size:12px;line-height:16px;}
    body {background-color:#609fdf;color:#4d4c4c;padding:40px 0px}
    #main {width:1085px;}
    #main_container {background:url(img/background.png) repeat-y;}
    #content {background:url(img/content.gif) repeat-x #c9cbcc;min-height:470px;margin:0px 34px;padding:20px;}
    #content_top {background:url(img/background_top.png);height:47px;}
    #content_bottom {background:url(img/background_bottom.png);height:40px}

    .right {float:right}
    .left {float:left}
    .center {text-align:center}
    .clear {clear:both}
    .mar-t {margin-top:10px}
    .mar-b {margin-bottom:10px}

    #header {margin-left:35px;margin-bottom:350px;background:url(img/logo-alba.png ) 0 0 no-repeat;}
    #header form {
    margin: 0 0 0 65px;
    height: 347px;
    text-align: center;
    }
    #header_menu {width:1015px;text-align:center;float:right;position:relative;right:3 2px;top:-27px;margin-right:2px}
    #header_menu a {color:#fff;font-size:14px;line-height:40px;}

    #header_menu ul {float:right;}
    #header_menu ul ul {display:none;}

    #header_menu li {float:left;background:url(img/navbarLeft.png) left top no-repeat;margin-left:5px;}
    #header_menu li a {display:block;padding:0px 15px 7px 4px;background:url(img/navbarRight.png) right top no-repeat;margin-left:10px;}
    #header_menu li.current_page_item {background:url(img/navbarLeft.png) no-repeat 0px -47px}
    #header_menu li.current_page_item a {background:url(img/navbarRight.png) no-repeat right -47px}
    #header_menu li:hover ul { display:block; }
    #header_menu li:hover ul ul{ display:none; }

    #header_menu li:hover {position:relative;}
    #header_menu ul ul {display:none;border-left:1px solid #940e0f;width:200px;border:1px solid #940e0f;position:absolute;}
    #header_menu li li{margin:0px;float:none;background:#fff;text-align:left;padding:5px 5px 0px 0px;border-bottom:1px solid #940e0f;position:relative;}
    #header_menu li li:last-child {border-bottom:none}
    #header_menu li li a {background:none;color:#000;font-size:11px;line-height:11px;}
    #header_menu li li a:hover {color:#940e0f;}
    #header_menu li li:hover ul { display:block; }
    #header_menu li li.current_page_item {background:#fff;}
    #header_menu li li.current_page_item a,#header_menu li.current_page_item li a {background:none;}
    #header_menu li li.current_page_item a {color:#940e0f}


    #header_menu ul ul ul {position:absolute;left:200px;top:-1px;border-top:1px solid #940e0f}
    #header_menu li li.current_page_item li a {color:#000}

    #headerImg {
    margin: 7px 9px 0;
    height: 192px;
    width: 740px;
    }
    ul {margin:15px 0px;list-style-type:none;}
    ul li {line-height:25px;background:url(img/point.gif) no-repeat 0px 9px;}
    #content ul li {padding-left:20px}
    ul ul{margin:0px}
    ol {margin:15px 0px}
    ol li {line-height:20px;margin-left:20px;}
    ol ol {margin:0px}
    ol ol li {margin-left:40px;}

    a {color:#940e0f;text-decoration:none;}
    a:hover {text-decoration:underline}
    a img {border:none;}
    #left a {color:#a8897b}
    #left a:hover {color:#940e0f;text-decoration:none}
    #header_menu a:hover {text-decoration:none;color:#ddd;}

    h1,h2,h3,h4,h5,h6,h1 a {clear:both;font-family:times new roman;font-style:italic;text-decoration:none;color:#000;margin:15px 0px}
    h1 {font-size:30px}
    #left h2, h1.title,h1.title a {font-weight:100;line-height:33px;font-size:20px;padding-left:10px;}
    h1.title, h1.title a {margin-bottom:20px;color:#fff;}
    h1.title a:hover {color:#ddd;text-decoration:none}
    h1.title {background:url(img/big_line.gif) repeat-y;}
    #header h1 a {font-size:35px;color:#940e0f;font-weight:100;}
    #left h2 {background:url(img/small_line.gif) no-repeat;color:#dcdcdc;}
    h2 {font-size:24px;}
    h3 {font-size:18px;}
    h4 {font-size:14px;}
    h5 {font-size:12px;}
    h6 {font-size:10px;}

    #left {float:left;width:260px;margin-right:25px;color:#f9f6a6;background:#000;padding:1 0px;}

    #right {float:left;width:670px;}
    table {width:100%;margin:15px 0px;}
    table td {padding:5px}
    #right table {border:1px solid #888;border-collapse: collapse;}
    #right th {padding:5px;text-align:left;color:#000;background:#fff;font-weight:100;font-size:14px;border-bottom:1px solid #888;}

    #wp-calendar caption {background:#494747;padding:2px 0px;color:#fff;margin-bottom:10px;}
    #wp-calendar td {text-align:center;padding:3px}
    #wp-calendar td.with-posts { background: #494747; }
    #wp-calendar td.with-posts a { color: #fff; }
    #wp-calendar td.with-posts a:hover {text-decoration:underline;}
    #wp-calendar #prev,#wp-calendar #next {background:none;}

    #footer {position:relative;top:-23px;margin-right:40px;color:#fff}

    p {margin:15px 0px}
    small {font-size:11px}
    sub,sup,small {font-size:11px}
    acronym,abbr {cursor:help}
    code, pre { font-family: Courier;background:#fff;}
    code *, pre * {font-family: Courier;}
    pre {padding:10px;}
    blockquote {font-style:italic;padding-left:15px;padding-top:1px;background:url(img/quote.png) no-repeat 0px 5px;text-indent: 2em;}
    q {font-style:italic;}
    dt {font-weight:700}
    dd {margin-bottom:15px;}
    big {font-size:14px}
    kbd {font-family:courier}
    tt {font-family:monospace;}

    .Nav {text-align:center;}
    .on {background:#fff;padding:3px}

    #comment {width:520px;height:130px;margin:10px 0px;border:1px solid #940e0f}
    #commentform input {display:block;width:300px;}

    .comment {background:#eee;border:1px solid #940e0f;margin:10px 0px;padding:20px 20px 5px 20px}
    .comment-author img {float:left;margin-right:10px;}
    .bypostauthor {border:1px solid #f00}
    .pingback {background:#eee;margin:10px 0px;padding:20px 20px 5px 20px}
    .trackback {background:#eee;margin:10px 0px;padding:20px 20px 5px 20px}

    input,textarea,select {display:block;padding:5px;border:1px solid #940e0f;margin:5px 0px;}
    input[type=submit] {background:#940e0f;color:#fff}
    input[type=submit]:hover {cursorointer;}
    label {color:#000;}
    #left label {color:#f9f6a6;}

    #searchform #s {width:100px;}

    #right img {
    max-width: 99%;
    }

    .icon {display:inline;padding:5px 0px 5px 22px;line-height:25px;font-size:11px;margin-right:3px;}
    .icon a {font-size:11px}
    .author {background:url(img/author.png) no-repeat}
    .comments {background:url(img/comments.png) no-repeat}
    .time {background:url(img/time.png) no-repeat}
    .categories {background:url(img/category.png) no-repeat}
    .edit {background:url(img/edit.png) no-repeat}
    .tag {background:url(img/tag.png) no-repeat}
    .postContent,.pageContent {clear:both}

    #footer_menu {width:100%;text-align:center;clear:both;position:relative;top:25px }
    #content #footer_menu li {display:inline;background:none;margin-top:0px}
    #content #footer_menu ul ul {display:none;}

    .wp-caption {background:#fff;padding:10px;text-align:center;}
    .aligncenter {display:block;clear:both;margin:auto;}
    .alignnone {margin-left:0px;}
    .alignleft {float:left;margin:5px 10px 5px 0px}
    .alignright {float:right;margin:5px 0px 5px 10px}
    .wp-caption-text {margin:5px 0px;}
    .attachment-post-thumbnail {float:left;margin:0px 15px 10px 0px}

    #content .gallery a:hover img {border:2px solid #940e0f;}
    #content .gallery {background:#fff;}
    .gallery-caption {}

    .sticky {}

    #right .format-aside h1 {background:none;margin:0px;padding:0px;position:r elative;top:10px;}
    #right .format-aside h1 a {font-size:11px;font-style:normal;font-family:verdana;color:#940e0f;margin:0px;padding:0p x;}


    Aiuto.

  2. #2
    Prova a ridimensionare l'immagine in larghezza, per il resto che cosa vuoi ottenere?

  3. #3
    Ho risolto mettendo semplicemente la proprietò height con n px.
    Ho un'altro problema con un tema di wordpress WP-Creativix 2.4
    Non riesco a inserire un'immagine nella testata eppure già di suo wp.cretivix lo prevede di default mi potresti aiutare?

  4. #4
    Hai il sito online? Posta il link, così gli do un occhiata

  5. #5
    si il sito è lidoraffaella.it

  6. #6
    Su wordpress, se non ricordo male, dovresti accedere ai css del tema e da quel pannello fare le opportune modifiche sull' id #header.

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.