bonsoir,bonsoir
Mes ami(e)s, je fais un site pour vous faire découvrir mes photos souvent plus de sport automobiles mais ce n'est pas le sujet.
J'utilise donc WordPress et le thème Object de Woothèmes.
http://upload.stabland.fr/images/img10/ ... 124914.jpg
Je voudrais que cette image fasse le fond et le header
Pour ça faudra :
[*]Etre malin et trouver la taile
[*] Faire descendre le contenu
[*]Ou soit corriger ma bannière

M'enfin je vous laisse les fichiers que j'ai :

Dark.css c'est lui gère le fond :

Code: Tout sélectionner

[b]body {background: #282828 url(dark/bg.jpg) repeat-x; }[/b]
a, .nav a:hover, #photo-meta a:hover, .photo-thumb h2 a:hover, #sidebar a:hover, #footer ul.footer-nav a:hover, .more_entries a:hover,.more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on,.more_entries .wp-pagenavi a:hover {color: #000000;}
#comments #respond #form-right #submit, #searchform .submit { background:#749736; border-color:#5b7a26; }
a:hover {color:#252525;}
[b]#wrap {background:url(dark/bg-gradient.jpg) no-repeat top center;}[/b]
#footer-out{background:#858585 url(dark/bg-footer-out.png) repeat-x;}
#comments.box, #sidebar.box { background:#858585; }
#header #tagline, #header #twitter_update_list {background:#000000 }
#footer p.credits, #footer ul.footer-nav a { color:#ccc; }

.box-bg, #bg-top-nav, .bg-photo-thumb, .bg-photo, .more_entries .bg{ background:#000000; }
.nav li ul, #footer-widgets .block ul, #footer-widgets .block .textwidget , #footer-widgets .block .wrap,#footer-widgets .block #calendar_wrap, .more_entries a,.more_entries .wp-pagenavi a,.more_entries .wp-pagenavi a:link,.more_entries .wp-pagenavi a:visited, .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on,.more_entries .wp-pagenavi span.pages {border-color: #707070;}


Par contre pour faire descendre le contenu aucun idée   car si on modifie l'index PHP
ça ne jouera pas sur les autres pages ?

Je vous laisse admirez http://photolemans.comeze.com/

Salut,

Trouve

Code: Tout sélectionner

#wrap {background:url(dark/bg-gradient.jpg) no-repeat top center;}

et remplace par

Code: Tout sélectionner

#wrap {
background:url(dark/bg-gradient.jpg)
no-repeat top center;
margin-top: 450 px;
}

Mais à mon avis ton image de fond est bien trop lourde pour une navigation optimal, du moins pour ceux qui ont un petit débit

j'avais déjà essayer mais c'était trop facile, le résultat c'est ce qu'il ne se passe rien

merci steph

Edit -- Sam 24 Juil 2010 22:24 --

On est sacrément des boulets, j'ai fais la même erreur que toi pour le contenu soit descendu
L'espace entre le chiffre et le px, ça ne prend pas compte

Je travaille dessus, normal qu'il y a des bugs

Sinon l'image est certe trop grosse mais je vais l'optimer c'est clair car meme avec mes 10 mega j'ai du mal

Edit -- Sam 24 Juil 2010 22:34 --

Par contre, tu t'es tromper
Tu as mis une marge extérieur (margin) et en faite c'était une marge intérieur (padding )
Merci en tous cas, je met pas le sujet en résolu tant que mon fond n'est pas en place après pas de soucis...

Valbuena72 a écrit:Par contre, tu t'es tromper
Tu as mis une marge extérieur (margin) et en faite c'était une marge intérieur (padding )

Oui et non car cela dépend bien entendu de comment est codé le reste du css et perso je trouve que la majorité des styles sur wordpress sont mal fait car peu lisible.

Dans le peu que j'ai pu voir le margin aurais pu suffire, car je pensai déplacer le bloc entier, mais bon mes connaissances en CSS ne sont pas à la perfection non plus.

Le résultat est la donc c'est l'essentiel

Valbuena72 a écrit:Merci en tous cas, je met pas le sujet en résolu tant que mon fond n'est pas en place après pas de soucis...

Que manque t-il ?

beh  faut laisser place au graphisme maintenant car ça se trouve, quand j'aurais fini le fond n'ira toujours pas

Exact, les thèmes sont codés à l'arrache, m'enfin bon tu pouvais pas savoir

merci steph  

Edit -- Dim 25 Juil 2010 18:46 --

Voila merci a toi Steph, très sympa je valide ce topic merci