• Witam,
    Używam szablonu simplex i mój problem polega na tym że header lekko „spadł”. ZDJĘCIE . W kodzie tym nie mogę się naprawdę połapać, więc może wy znacie odpowiedź.
    style.css

    *{margin:0;padding:0;}
    body{background:#fbf6e5 url(images/bg.png) repeat-x top;color:#654c0c;font-family:Arial;font-size:62.5%;text-align:center;}
    a,a:link,a:visited{color:#a18e5c;text-decoration:none;}
    a:hover,a:active{color:#a18e5c;text-decoration:underline;}
    h1{font-family:Bookman, serif;font-size:2.3em;}
    h2{font-family:Bookman, serif;font-size:2em;}
    h3{font-family:Bookman, serif;font-size:1.8em;}
    h4{font-size:1.6em;}
    h5{font-size:1.4em;}
    h6{font-size:1.2em;}
    ul{padding-left:3.5em;}
    ol{padding-left:3.8em;}
    p{font-size:12px;line-height:150%;}
    img{border:none;}
    p img{border:none;float:left;margin:3px;padding:5px;}
    blockquote{background:#fbf6e5;border:dotted #fff 1px;display:block;margin:10px;padding:15px;}
    blockquote blockquote{padding:0 0 0 1em;}
    .bold{font-weight:700;}
    #container{margin:0 auto;text-align:left;width:940px;}
    #header{background:url(images/header.png);color:#333;height:234px;width:940px;}
    #wrapper{float:left;position:relative;width:690px;}
    #sidebar{display:inline;float:right;height:auto;padding:0 0 10px;width:250px;}
    #sidebar_left{display:inline;float:left;height:auto;padding:0 0 10px;width:250px;}
    #content{float:left;height:auto;width:650px;}
    #footer{clear:both;color:#644903;height:68px;margin-top:20px;padding-top:10px;text-align:center;width:940px;}
    #header .logo{border:none;display:inline;float:left;font-family:Bookman, serif;height:40px;margin:10px 30px 0 0;width:380px;}
    #header .logo h1{font-family:Bookman, serif;}
    #header .logo p{color:#b69747;font-family:Arial;}
    #header .intro{border:none;display:inline;float:left;height:135px;margin:25px 0 0 -200px;width:490px;}
    #header .intro h3{color:#81600c;font-weight:400;margin:10px 0 0 45px;}
    #header .intro h4{color:#81600c;font-weight:400;font-size:14;margin:10px 0 0 10px;font-style:italic;}
    #header .intro p{color:#8e7433;font-weight:400;margin:5px 0 5px 15px;}
    #header .intro a{font-size:1.2em;font-weight:400;margin:0 0 0 50px;}
    .widget{display:inline;float:left;margin:0;overflow:hidden;width:250px;}
    .widget h2{background:url(images/widget-heading-bg.png) no-repeat left;color:#6f5719;font-family:Bookman, serif;font-size:1.4em;font-weight:700;height:37px;line-height:37px;margin:0 0 0 30px;padding:0 0 0 20px;text-align:left;text-transform:uppercase;width:220px;}
    .widget a:link,.widget a:visited{border-bottom:1px solid #fbf6e5;color:#92835c;line-height:19px;padding-bottom:1px;text-decoration:none;}
    .widget a:hover,.widget a:active{border-bottom:1px solid #c9a961;color:#92835c;padding-bottom:1px;text-decoration:none;}
    .widget ul{color:#2e1901;font-size:12px;list-style-type:none;margin:0 0 10px 10px;text-align:left;}
    * html .widget ul{margin:0 0 10px 60px;}
    .widget ul ul{margin-left:15px;padding-bottom:10px;}
    .widget ul ul li{color:#2e1901;list-style-type:none;}
    .ads{background-color:#F1F1F1;float:left;height:220px;text-align:center;width:220px;}
    .post-date{background-color:red;float:left;height:60px;margin:0 10px 0 0;padding-top:2px;text-align:center;width:62px;}
    .month{font-size:1.8em;}
    .day{font-size:2.8em;}
    h2.permalink{font-size:22px;font-weight:700;height:auto;padding:0.6em 0 0 0.6em;width:95%;}
    h2.permalink a,h2.permalink a:hover,h2.permalink a:active{color:#6f530a;font-size:22px;text-decoration:none;}
    .post-entry{background:#f1e8ca;border:#fff solid 1px;display:block;font-size:1em;line-height:12px;margin:15px 0;padding:15px;width:640px;}
    .post-meta{color:#605018;font-size:11px;padding:5px 0 0 5px;}
    .post-meta a{text-decoration:none;}
    .post-meta a:hover,.post-meta a:active{background:transparent !important;text-decoration:underline;}
    .post-meta .comment{background:transparent url(images/comments-bg.png) no-repeat scroll 0;float:left;margin-left:0;padding:6px 0 6px 26px;}
    .post-meta .post-comment{background:transparent url(images/postcomment-bg.png) no-repeat scroll 0;float:left;margin-left:12px;padding:6px 0 6px 26px;}
    .navigation{font-size:1.2em;padding:1em 3.6em;}
    #footer p{color:#605018;font-family:Arial;font-size:1.2em;padding:25px 0 0 10px;text-align:center;}
    .entry form{text-align:center;}
    select{width:130px;}
    #comment{display:inline;float:left;margin:0 0 0 70px;}
    #commentform{margin:0;width:390px;}
    #commentform input{margin:5px 5px 1px 10px;padding:2px;width:120px;}
    #commentform textarea{float:left;margin:0 0 0 10px;padding:2px;width:100%;}
    #commentform #submit{float:right;margin:0 0 20px;}
    .avatar{display:inline;float:left;margin:0 5px 0 0;}
    .alt{margin:0;padding:10px;}
    img#comments{margin:0;padding:0;}
    .commentlist{padding:0;text-align:justify;}
    .commentlist li{list-style:none;margin:15px 0 3px;padding:5px 10px 3px;}
    #commentform p{margin:5px 0;}
    .nocomments{margin:0;padding:0;text-align:center;}
    .commentmetadata{margin:0;padding:0 0 0 30px;}
    #searchform{display:inline;float:right;margin:20px 225px 0 0;}
    #searchfield{background:none;border:none;float:left;font-size:14px;height:19px;margin:0 10px 0 0;}
    #searchsubmit{background:none;border:0 none;color:#FFF;cursor:pointer;float:left;height:24px;width:24px;}
    .clear:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
    .clear{display:block;min-width:0;}
    * html .clear{height:1%;}
    h3#comments,h3#respond,.commentlist p{margin:10px 0;}

    header.php

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
            <title>
                <?php bloginfo('name'); ?>
                <?php wp_title(); ?>
            </title>
            <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
            <meta name="robots" content="all" />
            <!-- leave this for stats please -->
            <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
            <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
            <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
            <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
            <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
            <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
            <?php wp_head(); ?>
            <link rel="stylesheet" href="<?php echo get_bloginfo('template_directory'); ?>/style.css" type="text/css" media="screen" />
        </head>
        <body>
    
            <div id="header">
                <div class="logo">
                   <h1><a href="<?php echo get_settings('home'); ?>"><?php bloginfo('name'); ?></a></h1>
          <p><?php bloginfo('description'); ?></p>
                </div>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
                <div class="intro">
                        <h3></h3>
    <center><h4></h4></center>
                <p>
    </p>
    
                </div>
            </div>

Zobacz 1 odpowiedź (z 1 wszystkich)
  • Trochę „harpagańska metoda, ale szybka i może przynieść efekt.
    To:
    body{background:#fbf6e5 url(images/bg.png) repeat-x top;color:#654c0c;font-family:Arial;font-size:62.5%;text-align:center;}
    Można zmienić na:
    body{background:#fbf6e5 url(images/bg.png) repeat-x 0 10px;color:#654c0c;font-family:Arial;font-size:62.5%;text-align:center;}
    Tło z tyłu przesunie się w dół o 10px (na oko tyle chyba wystarczy), ale jak ma być inna wartość to ją edytuj aż trafisz żeby było równo 🙂

Zobacz 1 odpowiedź (z 1 wszystkich)

Temat ‘header’ jest zamknięty na nowe odpowiedzi.