Index du forum Index du forum » Communauté » Aide en informatique » [Resolu]a l'attention de MR Styphax , graphiste fsb :)
Nouveau sujet Répondre Imprimer Syndication RSS 2.0

[Resolu]a l'attention de MR Styphax , graphiste fsb :)

désolé d'avoir utilisé ton pseudo mais j'ai cru comprendre que t'étais graphiste et j'avais donc l'espoir que ça accelere les choses
Hors ligne obi
Flammeche
Avatar de obi
  • Age : 28 ans
  • Messages : 56
  • Inscrit : 27 Novembre 2006
Message édité 2 fois, dernière édition par obi, 04 Janvier 2008, 13:32     Lien vers ce message 03 Janvier 2008, 18:57
Je salu tout d'abord la communauté , la remercie pour leur travail consequent et magnifique .

j'ai une requete concernant le header de mon forum !! voila j'ai une images de 900 X 140 a integrer comme cela http://img72.imageshack.us/img72/406/screenshot035ts2.png
dans le header , ceci dit j'ai de grosses lacunes là et le peu que je modifie , dans header.html bien transforme toute la mise en forme du header .

j'ai ceci dit modifié mon main.css comme ceci :

Code (Sélectionner le code)
body
{
    width: 1000px;
    margin: auto;
    background-image: url("../../images/bz.png");
    background-attachment: fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}


voila quelqu'un ou Styphax aurait une idée a mon challenge ???

Admin d'un FSB 13000 membres... bis
 
Hors ligne DDril
Brasier
Avatar de DDril
  • Messages : 727
  • Inscrit : 03 Janvier 2005
  Lien vers ce message 03 Janvier 2008, 21:51
Y a déjà un sujet traitant de la même chose à un détail prêt.

Aide modification theme

Webmaster de l'Organisation Très Secrète
 
Hors ligne obi
Flammeche
Avatar de obi
  • Age : 28 ans
  • Messages : 56
  • Inscrit : 27 Novembre 2006
Message édité 1 fois, dernière édition par obi, 03 Janvier 2008, 22:00     Lien vers ce message 03 Janvier 2008, 21:59
j'ai adoré ergo proxy !! Merci pour le tuyau DDril !!

Admin d'un FSB 13000 membres... bis
 
Hors ligne StyphaX Masculin
Etoile
Avatar de StyphaX
  • Age : 20 ans
  • Messages : 2636
  • Inscrit : 09 Octobre 2004
  Lien vers ce message 03 Janvier 2008, 22:11
Citation (DDril, 03 Janvier 2008, 21:51)
Y a déjà un sujet traitant de la même chose à un détail prêt.

Aide modification theme


Plus rapide que l'éclair^^

Citation (obi, 03 Janvier 2008, 21:59)
j'ai adoré ergo proxy !! Merci pour le tuyau DDril !!

Bon bin... la prochaine mdr!!

http://www.distribs-linux.info/
http://www.fire-soft-board.com/~wiki/lib/tpl/default/images/link_icon.gifArticles WIKI FSB: Créer/Configurer/Utiliser votre 1er forum || Guide de la bidouille
 
Hors ligne obi
Flammeche
Avatar de obi
  • Age : 28 ans
  • Messages : 56
  • Inscrit : 27 Novembre 2006
Message édité 3 fois, dernière édition par obi, 03 Janvier 2008, 22:51     Lien vers ce message 03 Janvier 2008, 22:50
tout compte fait ca ne va pas !!! Mon image en question fait 900 x 140 px et je voudrais la caller parfaitement dans le cadre du header !! j'aimerai aussi savoir si il etait possible d'y laisser devant le quick search ....


styphax nan reviens !!! :fsb2_ice:

Admin d'un FSB 13000 membres... bis
 
Hors ligne Shekral Masculin
Equipe de support
Avatar de Shekral
  • Age : 23 ans
  • Messages : 949
  • Inscrit : 25 Février 2006
  Lien vers ce message 03 Janvier 2008, 23:11
Essaie avec ça.
Dans main.css, cherche :
CSS (Sélectionner le code)
/* Boite contenant le header */
#header
{
	background-image: url(img/layout/top_background.png);
	height: 140px;
}

et remplace par (en modifiant l'adresse coresspondant à ton image pour l'url du background):
CSS (Sélectionner le code)
/* Boite contenant le header */
#header
{
	background-image: url(img/layout/NomDeTonImage);
	height: 140px;
	width: 900px;
	margin: auto;
}


Ensuite supprime ces trois morceaux de code dans header.html
HTML (Sélectionner le code)
	<div class="left"></div>
	<div class="right"></div>

HTML (Sélectionner le code)
	<a href="{U_INDEX}" id="header_left"><img src="{IMG_LOGO}" alt="{SITE_NAME}" title="{SITE_NAME}" /></a>

HTML (Sélectionner le code)
	<h1>{SITE_NAME}</h1>
	<h2>{SITE_DESCRIPTION}</h2>

WikiFSB
 
Hors ligne obi
Flammeche
Avatar de obi
  • Age : 28 ans
  • Messages : 56
  • Inscrit : 27 Novembre 2006
Message édité 3 fois, dernière édition par obi, 03 Janvier 2008, 23:43     Lien vers ce message 03 Janvier 2008, 23:19
je test de suite merci :)

ca pourrait etre presque ca mais !!! Le quick search essaies de partir vers la droite !! http://img86.imageshack.us/img86/2020/cssxh6.png

j'aimerai garder un cadre autour de l'image avec a l'interieur mon logo comme sur l'illustration en haut du topic !!

edit 15 minute plus tard :
ca va un peu mieu mais c'est pas ca !! http://img512.imageshack.us/img512/3458/csspj1.png
j'ai laissé un semblant de
Code (Sélectionner le code)
<div class="left"></div>
	<div class="right"></div>
pour avoir les cotés !! mais il me manque tjs le top_background pour le haut et le bas du header

Admin d'un FSB 13000 membres... bis
 
En ligne Spark Masculin
Volcan
Avatar de Spark
  • Messages : 1989
  • Inscrit : 24 Juin 2006
  Lien vers ce message 04 Janvier 2008, 1:20
Salut,

Si j'ai bien compris ce que tu a dis tu n'as pas besoin d'un "top_background pour le haut et le bas du header" ça doit être directement dans ton image.

Mon site de jeux en réseau Hamachi :
http://www.jeux-reseau.fr
Le forum : http://forum.jeux-reseau.fr
http://img100.imageshack.us/img100/4097/voegelpc3jk2jx2kw4xg6.gif
 
Hors ligne obi
Flammeche
Avatar de obi
  • Age : 28 ans
  • Messages : 56
  • Inscrit : 27 Novembre 2006
Message édité 1 fois, dernière édition par obi, 04 Janvier 2008, 12:30     Lien vers ce message 04 Janvier 2008, 12:30
non justement !! :) j'aimerai inplanter mon images dans le header tel qu'il est a l'origine comme sur cette image http://img72.imageshack.us/img72/406/screenshot035ts2.png

Admin d'un FSB 13000 membres... bis
 
Hors ligne StyphaX Masculin
Etoile
Avatar de StyphaX
  • Age : 20 ans
  • Messages : 2636
  • Inscrit : 09 Octobre 2004
  Lien vers ce message 04 Janvier 2008, 12:44
Euh.. mais tu sais que le background actuel est une image donc si tu veux que ton header rentre dedant faut agrandir l'image...pas par CSS mais avec photoshop lol :D
Ton header est plus haut que le background actuel donc forcément....

http://www.distribs-linux.info/
http://www.fire-soft-board.com/~wiki/lib/tpl/default/images/link_icon.gifArticles WIKI FSB: Créer/Configurer/Utiliser votre 1er forum || Guide de la bidouille
 
Hors ligne Shekral Masculin
Equipe de support
Avatar de Shekral
  • Age : 23 ans
  • Messages : 949
  • Inscrit : 25 Février 2006
Message édité 1 fois, dernière édition par Shekral, 04 Janvier 2008, 13:19     Lien vers ce message 04 Janvier 2008, 13:18
Bon alors si tu veux conserver les bords, ya moyen de le faire en modifiant le code html/css mais de toute façon ton image fait 140px de haut tout comme l'image de fond du header donc y'en à forcément une des 2 que tu devras modifié (même 3 d'un coup pour le header).
Je te conseille plutôt de récuperer les images qui servent pour le fond du header, et de les intégrer directement à ta propre image. Ainsi, tu peux conserver le code que je t'avais donné, et tu n'aura qu'une seule image qui se chargera plutôt que 4.

WikiFSB
 
Hors ligne obi
Flammeche
Avatar de obi
  • Age : 28 ans
  • Messages : 56
  • Inscrit : 27 Novembre 2006
  Lien vers ce message 04 Janvier 2008, 13:30
j'ai exactement fait ce que tu viens de dire !!! j'ai du juste rajouter dans la css un
Code (Sélectionner le code)
margin-left: 15px; et un margin-right: 15px;
dans #header .top #welcome_msg et #header_right puis #header .top #right_menu afin que ce ci soit toujours placé a l'interieur de l'image !!

Merci a vous tous , sujet resolu :)

Admin d'un FSB 13000 membres... bis
 
Répondre


Index du forum Index du forum » Communauté » Aide en informatique » [Resolu]a l'attention de MR Styphax , graphiste fsb :)
.