Temat: Jedno tło dla szerokiej i wąskiej szpalty

Mam grafikę która składa się z trzech plików. Chciałbym ją wstawić jako tło dla szerokiej i wąskiej szpalty naraz. Wszystkie mają po 960 pikseli w poziomie.

Te trzy pliki to: tło które powinno być na górze, tło które ma być powielone w centrum i trzecie to tło dla dolnej części.

Czy za tło dla tego o czym mówię odpowiada w css kod:

#content {

width: 960px;

margin: 0px auto;

}

Jak to muszę zmodyfikować żeby działało? Próbowałem czegoś takiego ale nie zadziałało:

#content {

width: 960px;

margin: 0px auto;

}

#content-top {

background: url(images/content-top.png) no-repeat;

}

#content-center {

background: url(images/content-center.png) repeat-y;

}

#content-bottom {

background: url(images/content-bottom.png) no-repeat;

}

Temat: Jedno tło dla szerokiej i wąskiej szpalty

Adam R.:
Mam grafikę która składa się z trzech plików. Chciałbym ją wstawić jako tło dla szerokiej i wąskiej szpalty naraz. Wszystkie mają po 960 pikseli w poziomie.

Te trzy pliki to: tło które powinno być na górze, tło które ma być powielone w centrum i trzecie to tło dla dolnej części.

Czy za tło dla tego o czym mówię odpowiada w css kod:

#content {

width: 960px;

margin: 0px auto;

}

Jak to muszę zmodyfikować żeby działało? Próbowałem czegoś takiego ale nie zadziałało:

#content {

width: 960px;

margin: 0px auto;

}

#content-top {

background: url(images/content-top.png) no-repeat;

}

#content-center {

background: url(images/content-center.png) repeat-y;

}

#content-bottom {

background: url(images/content-bottom.png) no-repeat;

}

pokaż może kod ?

poza tym, w kodzie strony masz #content-top etc. ?

Temat: Jedno tło dla szerokiej i wąskiej szpalty

ścieżki do plików graficznych powinny być względem pliku css. Nie znam twojego układu plików ale zweryfikuj czy ścieżka jest poprawna.

Temat: Jedno tło dla szerokiej i wąskiej szpalty

Łukasz Piwowar:

pokaż może kod ?

poza tym, w kodzie strony masz #content-top etc. ?

W index.php tego nie mam, w css też nie. Sam to dodałem do css.

Kod css:
http://testowowp.cba.pl/wp-content/themes/side-blog/st...

A to index.php:

<?php get_header(); ?>



<div id="blog">

	<div id="main">

		<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

			<div id="post-<?php the_ID(); ?>" class="post-item">

			<a class="comments-link" href="<?php the_permalink() ?>#comments" title="Comments"><?php comments_number('0','1','%'); ?></a>

				<h2 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>

			<p class="post-meta">Posted on <?php the_time('F j, Y'); ?> by <?php the_author(); ?></p>

					<div <?php post_class('') ?>>

				<a href="<?php $src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), array( 1000,1000 ), false, '' ); echo $src[0]; ?>" class="fancy" title="<?php the_title_attribute(); ?>"><?php the_post_thumbnail(); ?></a>

				<?php the_content('... Continue Reading'); ?>

			</div>

		</div> <!-- post -->

			<?php endwhile; else : ?>

			<div id="nothing-here">					<h2>Whoops!!! Nothing Here by That Name</h2>

					<div class="page">

				<p>Very sorry, but what you are looking for isn't here. Maybe you should try one of the links below.</p>

							<h4 class="not-here">Find Posts by Title:</h4>

				<ul>

				<?php query_posts('&showposts=1000&orderby=title&order=asc'); if (have_posts()) : while (have_posts()) : the_post(); ?>

					<li><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></li>												<?php endwhile; endif; ?> 

				</ul>

							<h4 class="not-here">Find Posts by Month:</h4>

				<ul>

					<?php wp_get_archives('type=monthly'); ?>

				</ul>

							<h4 class="not-here">Find Posts by Category:</h4>

				<ul>

					<?php wp_list_categories('title_li='); ?>

				</ul>

							<h4 class="not-here">Maybe a Page:</h4>

				<ul>

					<?php wp_list_pages('title_li='); ?>

				</ul>

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

		</div> <!-- nothing-here -->

			<?php endif; ?>

			<?php if(function_exists('sf_pagenavi')) { sf_pagenavi('', '', '', '', 20, false);} ?>

	</div> <!-- main -->

	<?php wp_reset_query(); ?>

	<?php get_sidebar(); ?>

</div> <!-- blog -->



<?php get_footer(); ?>

Michał, ścieżki są raczej dobre. Obrazki wrzuciłem do folderu gdzie są pozostałe obrazki tego styluAdam R. edytował(a) ten post dnia 24.06.11 o godzinie 17:22

Temat: Jedno tło dla szerokiej i wąskiej szpalty

Adam R.:

Łukasz Piwowar:

pokaż może kod ?

poza tym, w kodzie strony masz #content-top etc. ?

W index.php tego nie mam, w css też nie. Sam to dodałem do css.

Ekhm. To ja bym proponował zainteresować się podstawami html+css :)

Temat: Jedno tło dla szerokiej i wąskiej szpalty

Michał Żuk:

Ekhm. To ja bym proponował zainteresować się podstawami html+css :)

jestem w szoku, że tak długo trwało dojście do tej konkluzji. po pierwszym poście można było poznać, że dysonans w skillach Waszych i ichnim jest zatrważający ;)

Temat: Jedno tło dla szerokiej i wąskiej szpalty

Okej, zrobiłem, dodałem do kodu. Jest tylko jeden problem z którym nie mogę sobie poradzić (można zobaczyć na testowowp.cba.pl). Chodzi o to że centralne tło wyszło aż poza stopkę. Próbowałem zmieniać marginesy w różne strony ale nic z tego.

Oto kod z css:

#blog-wrapper {

    background: url(images/content-center.png) repeat-y scroll left top transparent;

    float: left;

    margin: 8px 0;

    width: 960px;

}

#blog {

    background: url(images/content-top.png) no-repeat scroll left top transparent;

    float: left;

    margin: -8px 0 0;

    width: 960px;

}

#blog-footer {

    background: url(images/content-bottom.png) no-repeat scroll left bottom transparent;

    float: left;

    margin: 0 0 -8px;

    width: 960px;

}