[Réglé] Problème de CSS

[BlueShadowZ]

Salut !

Alors j'ai un problème avec mon nouveau forum c'est que ma bannière est à gauche alors que mon header donne :

Code :

background: #202020 url(images/1/logo.gif) no-repeat;
        background-position: center;
    border-bottom: 1px solid #000;
        width: 654px;
        height: 212px;

Et en plus (lien du site : http://www.gamplay.comule.com/forum/ ) si vous avez remarquer le menu est peut-être un peu trop long. Ensuite ma bannière est une image gif qui a un fond transparent : http://www.gameplay.comule.com/forum/images/1/logo.gif
Vous pouvez voir que sur l'index.php de mon site : http://www.gameplay.comule.com/ la transparence est marquée mais là non.

Comment régler tout ça ?

Merci !

[spyto]

Lien invalide : site vide ?

[BlueShadowZ]

http://www.gameplay.comule.com/forum/
Oui désolé j'ai oublié le "e" entre gam et play

[BlueShadowZ]

UP ! :s

[spyto]

Extrait de ton code source :

Code PHP :

        <div id="header">
            <div id="logo">

                <div class="wrapper">
                    <a href="http://www.gameplay.comule.com/forum/index.php"><img src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
                </div>
            </div>
            <div id="panel">
                <div class="upper"><!-- This div(class="upper") is closed in the header_welcomeblock_member and header_welcomeblock_guest templates -->
                    <div class="wrapper">
etc.. 


Tu as deux div class="wrapper", pourquoi ?
De plus ton logo est dans ce "wrapper" ! Comment veux-tu qu'il puisse être centré ???

Enlève le premier div "wrapper", comme ça :

Code PHP :

        <div id="header">
            <div id="logo">
                    <a href="http://www.gameplay.comule.com/forum/index.php"><img src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
            </div>
            <div id="panel">
etc.. 


[BlueShadowZ]

Voilà pourquoi j'ai deux warper : sinon sa centre le forum entier, sauf le logo :
   

[BlueShadowZ]

UP ! :s

[spyto]

Dans le sélecteur .logo, essaie de remplacer :
background-position: center;
par :
text-align: center;

[BlueShadowZ]

Vous voyez encore le cadre noir autour du logo, ou c'est safari qui change tout ?

Si le cadre n'apparaît pas, j'ai une dernière question :
Comment on peut reprendre les templates du forum (comme header et footer) + la feuille gobal.css pour que mon index : http://www.gameplay.comule.com/ devienne comme le forum ?

Ne vous occupez pas de l'erreur

Citation :Warning: MagpieRSS: Failed to parse RSS file. (junk after document element at line 32, column 0) in /home/a5430701/public_html/magpierss/rss_fetch.inc on line 238

C'est juste un problème avec MagpieRSS. Je posterai une question concernant l'erreur dans un prochain topic !

[spyto]

Non !!!
Pas :

Code PHP :

background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center; 


mais :

Code PHP :

background: #202020 url(../../../images/1/logo.gif) no-repeat;
text-align: center; 


sur une autre ligne ! text-align n'est pas un paramètre de "background" !

Je vois la bordure noire de l'image, pas un cadre rectangulaire (Firefox)
Si tu parles du rectangle arrondi noir qui entoure l'image, il fait partie de l'image elle-même !

Citation :Comment on peut reprendre les templates du forum (comme header et footer) + la feuille gobal.css pour que mon index...

C'est une page totalement indépendante du forum...
Donc impossible d'utiliser les templates, c'est tout un travail de codage des CSS ! Il n'y a pas de réponse simple et immédiate ! Au boulot !

[BlueShadowZ]

1) Il vaut mieux de laisser comme j'avais mis car sinon ça créé 2 bannière, une avec le cadre noir, une sans cadre noir.

2) Si je copie les templates header et footer puis la feuille global.css et que je les mets sur la racine FTP, puis je fait un lien avec mon index.php pour que les feuilles et templates soient "assemblés" et que les <div id="...">...</div> je les renome par les balises du css et que les variables des templates tel que "{$mybb->settings['bburl']}" je les renomes aussi, normalement ça marche ?

Euh si il y a des templates ou des feuilles qui manques (ou même des étapes) merci de me le dire.

[spyto]

1. Evidemment que tu as deux, bannières !
L'une définie par le sélecteur id="logo" et l'autre par la balise img dans le code !!!
C'est l'un ou l'autre, pas les deux !

Je te suggère de supprimer le sélecteur logo et dans le template header, de remplacer :

Code PHP :

<div id="logo">
 <div class="wrapper">
    <a href="http://www.gameplay.comule.com/forum/index.php"><img src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
   </div>
</div> 


par :

Code PHP :

<div class="wrapper">
    <a href="http://www.gameplay.comule.com/forum/index.php"><img style="border: none" src="images/1/logo.gif" alt="GamePlay - Forums" title="GamePlay - Forums" /></a>
</div> 


Le logo devrait être centré puisque le sélecteur "wapper" contient : margin: auto auto;

S'il ne l'est pas, rajoute text-align: center; dans le balise image ci-dessus :
<img style="text-align: center; border: none" src="images/1/logo.gif".. etc.

2. Pour attacher les feuilles de style du forum à ta page "index" comme tu l'appelles, il faut insérer dans la balise <head> du code HTML :

Code PHP :

<link type="text/css" rel="stylesheet" href="http://www.gameplay.comule.com/forum/cache/themes/theme3/css3.css" />
<link type="text/css" rel="stylesheet" href="http://www.gameplay.comule.com/forum/cache/themes/theme3/global.css" /> 


et utiliser les noms des id et class correspondants, tout simplement.

Mais là, on s'écarte sérieusement du support MyBB ! Ça devient une assistance CSS/HTML, ce qui est loin d'être la vocation du forum...

[BlueShadowZ]

1. En fait je préfère laisser comme c'est
2. Sinon j'ai attacher les feuilles css, mais je ne me souviens plus comment on attache des templates :s
Résultat pour l'instant : http://www.gameplay.comule.com/

P.S. Si ça devient assistance CSS/HTML où est-ce que je poste ça ?

[spyto]

1. tu fais comme tu veux, mais :
background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center;
n'a aucun sens !!!
text-align: center; doit être sur une autre ligne.

2. Tu ne peux pas "attacher des templates" : ta page n'est pas liée à MyBB !
Nomme tes class et id comme il faut c'est tout !

Citation :P.S. Si ça devient assistance CSS/HTML où est-ce que je poste ça ?

Je te conseille d'aller faire un tour sur les sites dédiés à ça comme le site du zéro : http://www.siteduzero.com/

[BlueShadowZ]

ok, mais je peux ne pas modifier "background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center;" même si ça n'a aucun sens ?

Alors comment je fait pour que ma page soie comme mon forum si je ne peux pas lier les templates à ma page ?
J'aimerai quand même afficher au moins ça :
   

[spyto]

(26-10-2011, 14:41)BlueShadowZ a écrit :  ok, mais je peux ne pas modifier "background: #202020 url(../../../images/1/logo.gif) no-repeat text-align: center;" même si ça n'a aucun sens ?

Ok garde un code CSS invalide si tu veux et qui ne t'apporte rien.
Tu demandes de centrer ton logo, je te propose une solution, et tu n'essaies même pas !?
A quoi ça sert que Ducros se décarcasse ???

BlueShadowZ a écrit :Alors comment je fait pour que ma page soie comme mon forum si je ne peux pas lier les templates à ma page ?

Là aussi je t'ai déjà expliqué plus haut !!!
Tu attaches les feuilles de style de MyBB et tu codes ta page avec les mêmes 'id' et 'class' pour obtenir le même résultat que sur le forum.

[BlueShadowZ]

ok

bah désolé du dérangement :l

[spyto]

[Réglé] ?
rien n'est réglé !...
Tout est comme avant, tu abandonnes ?

[BlueShadowZ]

Non j'améliore avec ce que j'ai appris il y a fort longtemps (1 an ^^') en CSS !

Après ce que j'ai réussi à faire au moins grâce à ce topic c'est enlever le cadre noir autour de la bannière du forum, ce qui est déjà pas mal !