Bienvenu(e)! Identification Créer un nouveau profil

Recherche avancée

Fond blanc a remplacer

Envoyé par Soubotaill 
Fond blanc a remplacer
mardi 10 octobre 2006 09:35:37
Bonjour a tous,je suis débutant en html et j'ai ouvert un blog mais j'ai quelque difficulté avec le langage html,j'aurai voulu remplacer le fond blanc central par une image de fond personnalisé,si quelqu'un peut m'aider sa serrai sympa.Merci a tous et bravo pour votre site.Voici ma page html:
[snt33.hautetfort.com]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[www.w3.org];
<html xmlns="[www.w3.org]; xml:lang="{$blog.language}" lang="{$blog.language}">
    <head>
        <link rel="icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
        <link rel="shortcut icon" href="{$platform.url}graphics/favicon.ico" type="image/x-icon" />
        <title>{$blog.title}</title>
        <meta name="description" content="{$blog.description|htmlspecialchars}" />
        <meta name="keywords" content="{$blog.keywords|htmlspecialchars}" />
        <meta name="abstract" content="{$blog.description|htmlspecialchars}" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="publisher" content="[www.blogspirit.com]; />
        <meta name="generator" content="[www.blogspirit.com]; />
        {if $blog.private}<meta name="robots" content="noindex,nofollow" />{else}<meta name="robots" content="index,follow" />{/if}
        <link rel="stylesheet" href="{$blog.url}style.css" type="text/css" />
        <link rel="alternate" type="application/atom+xml" title="Atom" href="{$blog.url}atom.xml" />
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{$blog.url}index.rss" />
    	<link rel="EditURI" type="application/rsd+xml" title="RSD" href="{$platform.url}rsd/{$blog.blog_id}" />
    </head>
    <body>
        <div id="container">
            <div class="container-decorator1">
                <div class="container-decorator2">
                    <div id="banner-img">
                        <div class="banner-img-decorator1">
                            <div class="banner-img-decorator2">
                                <div class="img-link">
                                    <a href="{$blog.url}"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div id="banner">
                        <div class="banner-decorator1">
                            <div class="banner-decorator2">
                                <h1><a href="{$blog.url}">{$blog.title}</a></h1>
                                <h2>{$blog.description|default:"&nbsp;"}</h2>
                            </div>
                        </div>
                    </div>
                    <div id="left">
                        <div class="left-decorator1">
                            <div class="left-decorator2">
                                {sidebar file="sidebar1.htm"}
                            </div>
                        </div>
                    </div>
                    <div id="right">
                        <div class="right-decorator1">
                            <div class="right-decorator2">
                                {sidebar file="sidebar2.htm"}
                            </div>
                        </div>
                    </div>
                    <div id="center">
                        <div class="center-decorator1">
                            <div class="center-decorator2">
                                <div class="content">
                                    {posts assign="post" items_on_index="`$blog.items_on_index`" sort_posts="`$blog.sort_posts`" show_on_index="`$blog.show_on_index`" commentcount="commentcount" trackbackcount="trackbackcount" categories="categories"}
                                        {date_header date="`$post.pubdate`"}
                                            <h2 class="date"><span>{$post.pubdate|date_format:"`$blog.date_format`"}</span></h2>
                                        {/date_header}
                                        <a id="a{$post.id}"></a>
                                        <h3><span>{$post.title}</span></h3>
                                        <div class="posttext">
                                            <div class="posttext-decorator1">
                                                <div class="posttext-decorator2">
                                                    {$post.source|trimlonglines:60}
                                                </div>
                                            </div>
                                        </div>
                                       {if $post.extended}<p class="readmore"><a href="{$post.permalink}#more">{t}Read more ...{/t}</a></p>{/if}
                                        <div class="postbottom">
                                            <div class="postbottom-decorator1">
                                                <div class="postbottom-decorator2">
                                                    <p class="posted">
                                                        {post_footer}
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    {/posts}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="clear: both;">&#160;</div>
                </div>
            </div>
        </div>
        <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div>
        <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div>
    </body>
</html>[[http]




Débutant en html
luc
Re: Fond blanc a remplacer
vendredi 13 octobre 2006 16:42:12
Salut
je pense que ce serait mieux si tu nous montrerait tas page de CSS #rire#



Message édité (13-10-2006 16:42)

[www.etmapping.sup.fr]
Re: Fond blanc a remplacer
vendredi 13 octobre 2006 17:29:00
salut,

à priori, le container qui contient le contenu central est le div <div class="content">
Pour le vérifier dans ton css, tu codes :

.content {background-color:red;}

si c'est bien ça qui devient rouge, c'est gagné.
Tu codes alors :

.content {background-image:url(chemin de ton image);}
width:largeur de ton image en px;
height:hauteur de ton image en px;

si ce n'est pas le bon container qui devient rouge, tu répetes l'opération pour le trouver..

A++
Seuls les utilisateurs enregistrés peuvent poster des messages dans ce forum.

Cliquez ici pour vous connecter