18073 sujets

Questions générales et questions de débutants

Besoin d'un pro>Blog galère

Salut

Bon, jai besoin de glisser une entre mon background et mon texte un second fond...

celui la

http://photos1.blogger.com/blogger/7921/2048/1600/Fond%20B.jpg

petit aperçu de ce que je voudrai (en gros)

upload/4896-blogfond.jpg

voila le joli code de mon blog :




<LINK REL="SHORTCUT ICON" href="http://img233.imageshack.us/img233/8887/iconebarredadresse4ee.jpg">

<!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><$BlogPageTitle$></title>

  <$BlogMetaData$>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:       www.stopdesign.com
 
Date:     26 Feb 2004
----------------------------------------------- */


body {
  background:#000;

background-image: url(http://photos1.blogger.com/blogger/7921/2048/1600/fond.1.jpg);


margin: 0px;

margin-top: 0px;


  margin:0;
  padding:40px 20px;
  font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  text-align:center;
  color:#ccc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#9ad;
  text-decoration:none;
  }
a:visited {
  color:#a7a;
  text-decoration:none;
  }
a:hover {
  color:#ad9;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
.archives {color: #FF6600;}



/* Header
----------------------------------------------- */
#header {
  width:660px;
  margin:0 auto 10px;
  border:1px solid #333;
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#ad9;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Content
----------------------------------------------- */
#content {
  width:660px;
  margin:0 auto;
  padding:0;
  text-align:left;
  }
#main {
  width:410px;
  float:left;
  }
#sidebar {
  width:220px;
  float:right;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#ad9;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#999;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  </style>

</head>

<body>

<!-- Begin wraps -->
<div id="wrap"><div id="wrap2">


<div id= <table cellpadding='20' cellspacing='0' align='center'>
<tr><td class='title' colspan='2'><img src="http://img238.imageshack.us/img238/1402/bannerbinocontestanime2es.gif"></td></tr>
<tr>
<td width='600' class='leftside' valign='top' NOWRAP>
</div>

<!-- Begin #content -->
<div id="content">


<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>

    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

  
     
  <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>
         <BlogItemTitle>
    <h3 class="post-title">
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
	 <$BlogItemTitle$>
	 <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

	         <div class="post-body">
	<div>
      <$BlogItemBody$>
    </div>
    </div>
    
    <p class="post-footer">
      <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>

         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage>  <$BlogItemControl$>
    </p>
  
  </div>
  <!-- End .post -->
  
  
  
  <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">

	<BlogItemCommentsEnabled><a name="comments"></a>
        <h4><$BlogItemCommentCount$> Comments:</h4>
        <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">

        <p><$BlogCommentBody$></p>
      </dd>
      <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
	  <$BlogCommentDeleteIcon$>
	  </dd>
      </BlogItemComments>
    </dl>
		<p class="comment-timestamp">

    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>	    
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>


		<p class="comment-timestamp">
	<a href="<$BlogURL$>">&lt;&lt; Home</a>
    </p>
    </div>

</ItemPage>

  <!-- End #comments -->

</Blogger>
</div></div>
<!-- End #main -->







<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
  
  
  <!-- Begin #profile-container -->

   <$BlogMemberProfile$>
   
  <!-- End #profile -->
    
        <MainOrArchivePage>

<p>All content © 2006 Bino</p>

  <h2 class="archives">Check the Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>

  </ul>
  </MainOrArchivePage>

<h2 class="sidebar-title">Binoland</h2>
<ul>
    	<li><a href="http://binoland.blogspot.com/">Homepage</a></li>
    	<li><a href="http://binoland.blogspot.com/2006/03/first-binoland-contest.html">*Contest:Rules*Concours:Règlement</a></li>
    </ul>
  
<h2 class="sidebar-title">BLOG</h2>
    <ul>
    	<li><a href="http://dankrall.blogspot.com//">Dan Krall</a></li>    	
        <li><a href="http://cartoonmodern.blogsome.com/">Cartoon Modern</a></li>
    	<li><a href="http://www.cartoonbrew.com/">Cartoon Brew</a></li>
    	<li><a href="http://characterdesign.blogspot.com/">Character Design</a></li>
        <li><a href="http://louromano.blogspot.com/">Lou Romano/</a></li>  
    	<li><a href="http://peteoswald.blogspot.com/">Pete Oswald</a></li>  
    </ul>

<h2 class="sidebar-title">WEBSITE</h2>
    <ul>
    	<li><a href="http://www.raycaesar.com/">Ray Caesar</a></li>
    	<li><a href="http://www.artdorks.com/gallery/index.php?cat=1/">Artdorks</a></li>  
        <li><a href="http://www.markryden.com/">Mark Ryden</a></li>
    	<li><a href="http://www.helnwein.com/">Helnwein</a></li>
    	<li><a href="http://www.characterdesigns.com/">Character Designs</a></li>
    </ul>

<h2 class="sidebar-title">Forum</h2>
    <ul>
    	<li><a href="http://graphicksoap.free.fr/phpBB2/index.php">Graphic Soap</a></li>
    	<li><a href="http://www.characterdesigns.com/forum/">Character Designs</a></li>
    </ul>
  
 <h2 class="sidebar-title">Animation</h2>
    <ul>
    	<li><a href="http://www.aardman.com/">Aardman</a></li>
    	<li><a href="http://www.angryalien.com/">Angry Alien</a></li>  
    	<li><a href="http://www.engr.colostate.edu/~dga/high_speed_video/">Video Stuff</a></li>
    	<li><a href="http://www.strutyourreel.com/forum/">Strut your reel</a></li>
        <li><a href="http://www.animationmagazine.net//">Animation Magazine</a></li>  
    	<li><a href="http://www.animationarena.com/2d-animation-articles.html">Animation Arena</a></li>  
    </ul>
  </MainOrArchivePage>

  
  <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>

<h2 class="archives">Consulter les Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>

  </ul>
  </MainOrArchivePage>

      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
  
  <!--
  <p>This is a paragraph of text that could go in the sidebar.</p>
  -->
  


</div></div>
<!-- End #sidebar -->


</div>
<!-- End #content -->


<!-- Begin #footer -->
<div id="footer"><hr />
  <p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. -->&nbsp;</p>







<!-- Begin #footer -->

<div id="footer"><div><div><hr />



  <p>THANKS FOR VISITING! COME BACK OFTEN, regulary updated, check the archives for more stuff !</p>



</div></div></div>


<!-- End #footer -->



</div>

<!-- End #footer -->

<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=6/47/6099/3/1&ID=44116"></script>



Mais bon, pour l'instant ça ne marche pas, jarrive a ne mettre que le background qui est deja present sur mon site....Je galère grave..


mon blog c'est par la :

http://binoland.blogspot.com/

Jespere que c'est clair
Modifié par bino (26 Apr 2006 - 19:02)
Bonjour bino,

essaies de changer ton : 

/* Content

----------------------------------------------- */

#content {

  width:660px;

  margin:0 auto;

  padding:0;

  text-align:left;

  }


par celui là : 

/* Content

----------------------------------------------- */

#content {
width:660px;
margin:0 auto;
padding:0;
text-align:left;
background:#000;
  }


Voir si ça suffit. Smiley cligne

++
Aymeric
merci d'avoir repondu si rapidement donc jai fais l'essai

mais rien ne se passe vu ke mon background est deja defini...et qu'en fée je veux juste pouvoir glisser un fond entre le background et le contenu de mon site! (voir image jointe plus haut...)

j'ai deja ça dans le code

body {
  background:#000;

background-image: url(http://photos1.blogger.com/blogger/7921/2048/1600/fond.1.jpg);




merciiii mais la ça bloque encore...
Modifié par bino (26 Apr 2006 - 19:20)
Oui mais ça c'est le background de ta page.

L'autre est le background du "div" qui contient les éléments de la page.

Un conseil : ajoute ce backrground (background : #00000;) aux difféntes parties de ton css que l'on retrouve en contenu de la page.

Pour t'y retrouver, fais un petit tour sur les differents turotiels d'alsacreations, ça te permettera de mieux comprendre comment fonctionne le couple css/html.

Bon courage à toi.
Aymeric
merci de ton aide on est sur la bonne voie

jai pas validé les changements parce que c'est pas tout a fait ce que je veux mais on s'en rapproche!

un aperçu



le code modifié

<LINK REL="SHORTCUT ICON" href="http://img233.imageshack.us/img233/8887/iconebarredadresse4ee.jpg">

<!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><$BlogPageTitle$></title>

  <$BlogMetaData$>

  <style type="text/css">
/*
-----------------------------------------------
Blogger Template Style
Name:     Minima Black
Designer: Douglas Bowman
URL:       www.stopdesign.com
 
Date:     26 Feb 2004
----------------------------------------------- */


body {
  background: #00000;

background-image: url(http://photos1.blogger.com/blogger/7921/2048/1600/fond.1.jpg);


margin: 0px;

margin-top: 0px;


  margin:0;
  padding:40px 20px;
  font:x-small "Trebuchet MS",Trebuchet,Verdana,Sans-Serif;
  text-align:center;
  color:#ccc;
  font-size/* */:/**/small;
  font-size: /**/small;
  }
a:link {
  color:#9ad;
  text-decoration:none;
  }
a:visited {
  color:#a7a;
  text-decoration:none;
  }
a:hover {
  color:#ad9;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
.archives {color: #FF6600;}



/* Header
----------------------------------------------- */
#header {
  width:660px;
  margin:0 auto 10px;
  border:1px solid #333;
  }
#blog-title {
  margin:5px 5px 0;
  padding:20px 20px .25em;
  border:1px solid #222;
  border-width:1px 1px 0;
  font-size:200%;
  line-height:1.2em;
  color:#ccc;
  text-transform:uppercase;
  letter-spacing:.2em;
  }
#blog-title a {
  color:#ccc;
  text-decoration:none;
  }
#blog-title a:hover {
  color:#ad9;
  }
#description {
  margin:0 5px 5px;
  padding:0 20px 20px;
  border:1px solid #222;
  border-width:0 1px 1px;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Content
----------------------------------------------- */
#content {
  width:660px;
  margin:0 auto;
  padding:0;
  text-align:left;
  background-image: url(http://photos1.blogger.com/blogger/7921/2048/1600/Fond%20B.jpg);}
#main {
  width:410px;
  float:left;
  background-image: url(http://photos1.blogger.com/blogger/7921/2048/1600/Fond%20B.jpg);}
#sidebar {
  width:220px;
  float:right;
  }


/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:bold 78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#777;
  }


/* Posts
----------------------------------------------- */
.date-header {
  margin:1.5em 0 .5em;
  }
.post {
  margin:.5em 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.post-title {
  margin:.25em 0 0;
  padding:0 0 4px;
  font-size:140%;
  line-height:1.4em;
  color:#ad9;
  }
.post-title a {
  text-decoration:none;
  color:#ad9;
  }
.post-title a:hover {
  color:#fff;
  }
.post div {
  margin:0 0 .75em;
  line-height:1.6em;
  }
p.post-footer {
  margin:-.25em 0 0;
  color:#333;
  }
.post-footer em, .comment-link {
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.post-footer em {
  font-style:normal;
  color:#777;
  margin-right:.6em;
  }
.comment-link {
  margin-left:.6em;
  }
.post img {
  padding:4px;
  border:1px solid #222;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }


/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#999;
  }
#comments h4 strong {
  font-size:130%;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block dt {
  margin:.5em 0;
  }
#comments-block dd {
  margin:.25em 0 0;
  }
#comments-block dd.comment-timestamp {
  margin:-.25em 0 2em;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block dd p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }


/* Sidebar Content
----------------------------------------------- */
#sidebar ul {
  margin:0 0 1.5em;
  padding:0 0 1.5em;
  border-bottom:1px dotted #444;
  list-style:none;
  }
#sidebar li {
  margin:0;
  padding:0 0 .25em 15px;
  text-indent:-15px;
  line-height:1.5em;
  }
#sidebar p {
  color:#999;
  line-height:1.5em;
  }


/* Profile
----------------------------------------------- */
#profile-container {
  margin:0 0 1.5em;
  border-bottom:1px dotted #444;
  padding-bottom:1.5em;
  }
.profile-datablock {
  margin:.5em 0 .5em;
  }
.profile-img {
  display:inline;
  }
.profile-img img {
  float:left;
  padding:4px;
  border:1px solid #222;
  margin:0 8px 3px 0;
  }
.profile-data {
  margin:0;
  font:bold 78%/1.6em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
.profile-data strong {
  display:none;
  }
.profile-textblock {
  margin:0 0 .5em;
  }
.profile-link {
  margin:0;
  font:78%/1.4em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }


/* Footer
----------------------------------------------- */
#footer {
  width:660px;
  clear:both;
  margin:0 auto;
  }
#footer hr {
  display:none;
  }
#footer p {
  margin:0;
  padding-top:15px;
  font:78%/1.6em "Trebuchet MS",Trebuchet,Verdana,Sans-serif;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
  </style>

</head>

<body>

<!-- Begin wraps -->
<div id="wrap"><div id="wrap2">


<div id= <table cellpadding='20' cellspacing='0' align='center'>
<tr><td class='title' colspan='2'><img src="http://img238.imageshack.us/img238/1402/bannerbinocontestanime2es.gif"></td></tr>
<tr>
<td width='600' class='leftside' valign='top' NOWRAP>
</div>

<!-- Begin #content -->
<div id="content">


<!-- Begin #main -->
<div id="main"><div id="main2">

<Blogger>

    <BlogDateHeader>
  <h2 class="date-header"><$BlogDateHeaderDate$></h2>
  </BlogDateHeader>

  
     
  <!-- Begin .post -->
  <div class="post"><a name="<$BlogItemNumber$>"></a>
         <BlogItemTitle>
    <h3 class="post-title">
	 <BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
	 <$BlogItemTitle$>
	 <BlogItemUrl></a></BlogItemUrl>
    </h3>
    </BlogItemTitle>

	         <div class="post-body">
	<div>
      <$BlogItemBody$>
    </div>
    </div>
    
    <p class="post-footer">
      <em>posted by <$BlogItemAuthorNickname$> at <a href="<$BlogItemPermalinkUrl$>" title="permanent link"><$BlogItemDateTime$></a></em>
      <MainOrArchivePage><BlogItemCommentsEnabled>

         <a class="comment-link" href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnclick$>><$BlogItemCommentCount$> comments</a>
      </BlogItemCommentsEnabled><BlogItemBacklinksEnabled>
<a class="comment-link" href="<$BlogItemPermalinkUrl$>#links">links to this post</a>
</BlogItemBacklinksEnabled>
</MainOrArchivePage>  <$BlogItemControl$>
    </p>
  
  </div>
  <!-- End .post -->
  
  
  
  <!-- Begin #comments -->
 <ItemPage>
  <div id="comments">

	<BlogItemCommentsEnabled><a name="comments"></a>
        <h4><$BlogItemCommentCount$> Comments:</h4>
        <dl id="comments-block">
      <BlogItemComments>
      <dt class="comment-poster" id="c<$BlogCommentNumber$>"><a name="c<$BlogCommentNumber$>"></a>
        <$BlogCommentAuthor$> said...
      </dt>
      <dd class="comment-body">

        <p><$BlogCommentBody$></p>
      </dd>
      <dd class="comment-timestamp"><a href="#<$BlogCommentNumber$>" title="comment permalink"><$BlogCommentDateTime$></a>
	  <$BlogCommentDeleteIcon$>
	  </dd>
      </BlogItemComments>
    </dl>
		<p class="comment-timestamp">

    <$BlogItemCreate$>
    </p>
    </BlogItemCommentsEnabled>	    
    <BlogItemBacklinksEnabled>
    <a name="links"></a><h4>Links to this post:</h4>
    <dl id="comments-block">
    <BlogItemBacklinks>
        <dt class="comment-title">
        <$BlogBacklinkControl$>
        <a href="<$BlogBacklinkURL$>" rel="nofollow"><$BlogBacklinkTitle$></a> <$BlogBacklinkDeleteIcon$>
        </dt>
        <dd class="comment-body"><$BlogBacklinkSnippet$>
        <br />
        <span class="comment-poster">
        <em>posted by <$BlogBacklinkAuthor$> @ <$BlogBacklinkDateTime$></em>
        </span>
        </dd>
    </BlogItemBacklinks>
    </dl>
    <p class="comment-timestamp"><$BlogItemBacklinkCreate$></p>
    </BlogItemBacklinksEnabled>


		<p class="comment-timestamp">
	<a href="<$BlogURL$>"><< Home</a>
    </p>
    </div>

</ItemPage>

  <!-- End #comments -->

</Blogger>
</div></div>
<!-- End #main -->







<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
  
  
  <!-- Begin #profile-container -->

   <$BlogMemberProfile$>
   
  <!-- End #profile -->
    
        <MainOrArchivePage>

<p>All content © 2006 Bino</p>

  <h2 class="archives">Check the Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>

  </ul>
  </MainOrArchivePage>

<h2 class="sidebar-title">Binoland</h2>
<ul>
    	<li><a href="http://binoland.blogspot.com/">Homepage</a></li>
    	<li><a href="http://binoland.blogspot.com/2006/03/first-binoland-contest.html">*Contest:Rules*Concours:Règlement</a></li>
    </ul>
  
<h2 class="sidebar-title">BLOG</h2>
    <ul>
    	<li><a href="http://dankrall.blogspot.com//">Dan Krall</a></li>    	
        <li><a href="http://cartoonmodern.blogsome.com/">Cartoon Modern</a></li>
    	<li><a href="http://www.cartoonbrew.com/">Cartoon Brew</a></li>
    	<li><a href="http://characterdesign.blogspot.com/">Character Design</a></li>
        <li><a href="http://louromano.blogspot.com/">Lou Romano/</a></li>  
    	<li><a href="http://peteoswald.blogspot.com/">Pete Oswald</a></li>  
    </ul>

<h2 class="sidebar-title">WEBSITE</h2>
    <ul>
    	<li><a href="http://www.raycaesar.com/">Ray Caesar</a></li>
    	<li><a href="http://www.artdorks.com/gallery/index.php?cat=1/">Artdorks</a></li>  
        <li><a href="http://www.markryden.com/">Mark Ryden</a></li>
    	<li><a href="http://www.helnwein.com/">Helnwein</a></li>
    	<li><a href="http://www.characterdesigns.com/">Character Designs</a></li>
    </ul>

<h2 class="sidebar-title">Forum</h2>
    <ul>
    	<li><a href="http://graphicksoap.free.fr/phpBB2/index.php">Graphic Soap</a></li>
    	<li><a href="http://www.characterdesigns.com/forum/">Character Designs</a></li>
    </ul>
  
 <h2 class="sidebar-title">Animation</h2>
    <ul>
    	<li><a href="http://www.aardman.com/">Aardman</a></li>
    	<li><a href="http://www.angryalien.com/">Angry Alien</a></li>  
    	<li><a href="http://www.engr.colostate.edu/~dga/high_speed_video/">Video Stuff</a></li>
    	<li><a href="http://www.strutyourreel.com/forum/">Strut your reel</a></li>
        <li><a href="http://www.animationmagazine.net//">Animation Magazine</a></li>  
    	<li><a href="http://www.animationarena.com/2d-animation-articles.html">Animation Arena</a></li>  
    </ul>
  </MainOrArchivePage>

  
  <h2 class="sidebar-title">Previous Posts</h2>
    <ul id="recently">
    <BloggerPreviousItems>
        <li><a href="<$BlogItemPermalinkURL$>"><$BlogPreviousItemTitle$></a></li>
     </BloggerPreviousItems>
  </ul>
    <MainOrArchivePage>

<h2 class="archives">Consulter les Archives</h2>
    <ul class="archive-list">
   	  <BloggerArchives>
    	<li><a href="<$BlogArchiveURL$>"><$BlogArchiveName$></a></li>
	  </BloggerArchives>

  </ul>
  </MainOrArchivePage>

      <p id="powered-by"><a href="http://www.blogger.com"><img src="http://buttons.blogger.com/bloggerbutton1.gif" alt="Powered by Blogger" /></a></p>
  
  <!--
  <p>This is a paragraph of text that could go in the sidebar.</p>
  -->
  


</div></div>
<!-- End #sidebar -->


</div>
<!-- End #content -->


<!-- Begin #footer -->
<div id="footer"><hr />
  <p><!--This is an optional footer. If you want text here, place it inside these tags, and remove this comment. --> </p>







<!-- Begin #footer -->

<div id="footer"><div><div><hr />



  <p>THANKS FOR VISITING! COME BACK OFTEN, regulary updated, check the archives for more stuff !</p>



</div></div></div>


<!-- End #footer -->



</div>

<!-- End #footer -->

<script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=6/47/6099/3/1&ID=44116"></script>
Re bino,

C'est pas de ta faute mais le code de blogger, quel foutoir. Smiley cligne

Alors ce que j'ai reussit à voir comme ça vite fait, il y'a 2 conteneurs généraux : 
<!-- Begin wraps -->
<div id="wrap"><div id="wrap2">


J'ai l'impression que ce sont eux qui contiennent l'ensemble des autres conteneurs du site, on va donc essayer de partir avec ceux là.

J'ai vu que dans ton css tu as retiré tout ce qui s'y rapporte par rapport à la version d'origine en ligne, on va reclarifier ces petites choses :

le premier étant le "<div id="wrap">",

On va lui atribuer ceci en css 
 

*/ ___Gros Conteneur _________________/*
#wrap {
  width:770px; */ On lui donne une largeur/*
  margin:0 auto ; */ On le centre dans la page/*
background-image: transparent url(http://photos1.blogger.com/blogger/7921/2048/1600/Fond%20B.jpg) left top repeat-y; */ On lui signifie l'image de fond callée en haut à gauche et qui se repette dans la hauteur, si tu ne veux pas qu'elle se repete, a la place de repeat-Y tu mets no-repeat/*
  }

[EDIT] Au passage, essaies 'éviter les espaces dans tes noms de fichiers. Smiley cligne
A ajouter dans tes données css en dessous de :
.archives {color: #FF6600;}




Si ce n'est pas lui, essaies de faire la même chose pour "wrap2"

Bon courage,
Aymeric
Modifié par AymericJ (27 Apr 2006 - 10:03)
Sujet clos
Aller à