Nie działa background

  • kubbaszew

    (@kubbaszew)


    11 years, 11 months temu

    Witam
    Potrzebuję pomocy z szablonem, mianowicie wygląda tak. Dodałem Widget i wszystko się pozmieniało. Chciałbym, aby container.png wyświetlało się w tle w całości. Prawdopodobnie gdzieś popełniłem błąd, diabeł tkwi w szczegółach. Siedzę nad tym 5 h i dalej nie mogę sobie poradzić. Proszę o pomoc. Prawdopodobnie muszę coś zrobić z widgetem, tylko nie bardzo wiem co.

    style.css

    /* Theme Name: IThunters */

body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; background: white;  }

.clear { clear: both; }

#page { width: 1000px; margin: auto; }

#header { position: relative; background-color: #F4F4F4; height:170px; }
#logo { display: block; width: 500px; height:170px; background: url(img/logo.png) no-repeat; background-position: 10px 10px; }
#proc { display:block; width: 500px; height:170px; background: url(img/proc.png) no-repeat; background-position: 100px -24px; }

#rss { display: block; width: 34px; height: 35px; background: url(img/rss.png) no-repeat; position: absolute; top: 3px; right: 10px; }
#navbar { height: 60px; background: url(img/navbar.png) no-repeat ; background-size:contain; margin-top:1px; position: relative; }
#fb {display: block; width: 34px; height: 35px; background: url(img/fb.png) no-repeat; position: absolute; top: 3px; right: 48px; }
#tw {display: block; width: 34px; height: 35px; background: url(img/twitter.png) no-repeat; position: absolute; top: 3px; right: 90px; }

#navbar div#mainnav ul { position: absolute; top: 10px; left: 18px; }
#navbar div#mainnav li { float: left; font-size: 18px; margin-right: 20px; }
#navbar div#mainnav li a { color: black; text-decoration: none; }
#navbar div#mainnav a:hover { color: #004070; }

#container { background: url(img/content.png) ;background-size:auto; padding-top: 48px; background-size:cover; }
#content { width: 700px; float: left; padding-left: 13px; margin-right: 20px;  }

form{width:500px; margin:0 0 0 650px; }
.search { width:110px;  height:18px; padding:10px 10px; margin:2px 0 0 0 ;background: url(img/search.png) no-repeat ; background-size:cover;
    border-radius:10px;	-moz-border-radius:10px;-webkit-border-radius:10px;}

.lighter input[type=text]{	border:1px solid #d0d0d0;background-color:#fcfcfc;}

#search-button {position:absolute; left:772px; background:url(img/btnSearch.png) no-repeat ; height:28px; width:65px; background-size:cover;
                 font-size: 14px;color: #F4F4F4 ;cursor: pointer; top:7px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; }

#sidebar { width: 260px; height:500px; float: left; }

.entry { margin-bottom: 60px; }
.entry h1 { font-size: 18px; font-weight: normal; margin-bottom: 4px; }

.entry h1 a { color: black; text-decoration: none; }
.entry p.entry-date { font-size: 12px; margin-bottom: 8px; }

.entry img.entry-thumb { float: left; margin-right: 10px; }
.entry p { line-height: 19px; margin-top: 5px; }

.entry a.more-link { color: #D40900; text-decoration: none; }
.entry a { color: #D40900; text-decoration: none; }

.widget { margin-bottom: 40px; }
.widget h2 { font-size: 18px; font-weight: normal; margin-bottom: 10px; }

.widget p { line-height: 19px; margin-top: 5px; }
.widget a { color: #D40900; text-decoration: none; }

#footer { margin-top: 60px; height:47px  ; background: url(img/footer.png); background-size:contain; }
#footer p { font-size: 12px; text-align:center; font-weight:bold; }
#header ul, ul li {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

#header ul li {
	float: left;
	width:500px;
}

#header ul a:link, ul a:visited {
	text-decoration: none;
	display: block;
	text-align: center;
	color: #777;  

}

    #header ul a:hover { color: #000; }

    indnex.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="pl">

<head>

<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/reset.css" type="text/css" />
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" />

<?php wp_head(); ?>
</head>

<body>

<div id="page">
<div id="header">
<ul>
<li><a id="logo" href="<?php bloginfo( 'home' ); ?>"></a> </li><!-- end logo -->
    <li><a id="proc" href=""></a></li>
</ul>

</div> <!-- end header -->

<div id="navbar">
<div id="mainnav">

<?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'depth' => 1)); ?>

</div>

<a id="rss" href="<?php bloginfo_rss( 'rss_url' ) ?>"></a>
<a id="fb" href=""></a>
<a id="tw" href=""></a>

    <div class="lighter">
<form><span><input type="text" id="s" class="search"><button id='search-button' type='submit'><span>Szukaj</span></button></form>

</div>

</div> <!-- end navbar -->
<div id="container">
<div id="content">
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>

<div class="entry">

<h1><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h1>

<p class="entry-date"><?php the_time('d-m-Y'); ?></p>

<a href="<?php the_permalink(); ?>">

<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'single-post', array('class' => 'entry-thumb') ); } ?>

</a>

<?php the_content('czytaj dalej'); ?>

<div class="clear"></div>

</div> <!-- end entry -->

<?php endwhile; else: ?>

<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>

<?php endif; ?>

</div> <!-- end content -->

<div id="sidebar">

<?php   /* Widgetized sidebar, if you have the plugin installed. */

if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar() ) : ?>

<div class="widget">

<h2>Domyślny widget</h2>

<p>Ten widget będzie się pokazywał gdy żaden inny widget nie zostanie dodany do paska.</p>

</div> <!-- end widget -->

<?php endif; ?>

</div> <!-- end sidebar -->

</div> <!-- end container -->

<div class="clear"></div>

</div> <!-- end page -->

<?php wp_footer() ?>
</body>

</html>

    function.php

    <?php

function register_my_menus() {

register_nav_menus(

array( 'header-menu' => __( 'Header Menu' ))

);

}

add_action( 'init', 'register_my_menus' );
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name'=>'Sidebar-right',
'before_widget' => '<div>',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
register_sidebar(array(
'name'=>'Footer Left',
'before_widget' => '<div>',
'after_widget' => '</div>',
'before_title' => '<h4>',
'after_title' => '</h4>',
));
register_sidebar(array(
'name'=>'Head',
'before_widget' => '<div>',
'after_widget'
));
}
?>

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • Temat ‘Nie działa background’ jest zamknięty na nowe odpowiedzi.