Diverses questions liés au graphisme de mon site

Diverses questions liés au graphisme de mon site [Réglé]

merci d'avance de votre aide ;-) Créations de Thèmes

El Crackor Membre non connecté

Booster Minigun

Le 01/10/2008 à 18h53

Bonjour,

J'ai installé mon site depuis un certain temps grâce à l'aide précieuse de grand nombre d'entres-vous (Kona, etc .....).

J'ai tenté de le personnaliser au maximum de ce que je suis capable de faire et surtout en m'appuyant sur votre FAQ, le wiki et aussi des posts sur le forum.

Pourtant au niveau graphique du site j'ai quelques soucis et c'est pourquoi je viens vous voir aujourd'hui

Tout d'abord j'ai fait le graphisme de mon site en adaptant ce dernier sur le template "main" en changeant bon nombres d'images et en les mettant au couleur que je souhaitais.
D'ailleurs j'espère que j'ai fait tout comme il faut

En tout cas pour ce qui est ci-dessous je crois que je suis arrivé à un point de non retour et à la limite de mes capacités techniques sur le HTML et le PHP

C'est pourquoi je vous expose mes petits problèmes :

1/ Tout d'abord j'aurais voulu centrer ma bannière, elle est estampillé du nom de mon club de foot "FCFE Abanilla" mais elle est trop à gauche, j'aurais voulu qu'elle soit au centre. J'ai tenté d'enlever la partie header.gif mais je me suis retrouvé avec n'importe quoi, j'avais des trous etc .....
2/ Je voudrais aussi centrer ma speed-bar, idem que pour ma bannière j'ai essayé beaucoup de choses mais ça n'a pas marché. J'avais des trous, les menus n'importe où etc .....
3/ Ensuite pour les modules que j'ai gardé (calendrier, galerie, forum, Livre d'or, liens web, contact et membres) je n'arrive pas à mettre une autre couleur que celle d'origine et pourtant j'ai tenté moultes choses et essayé de modifié de nombreux fichiers !
4/ idem pour le panel d'aministration, de modération, mon profil, la messagerie privé je n'arrive pas à changer la couleur.

Ce que je vais faire de suite, je vais enlever le site du mode "maintenance" pour que vous puissiez m'aiguiller dans mes "petites" galères, en principe le lien de mon site doit se trouver sur un des icônes de ce post (si j'ai tout bien fait

).

Merci d'avance de votre aide

Et si je dois vous donnez plus d'info, je le ferais car j'ai peur de ne pas être assez explicite dans mes questions

Thierry

Lehan Membre non connecté

Booster Fuzil

Le 01/10/2008 à 20h08

#38423

design.css (ligne 63)

Code CSS :

 
div#sub_header_right {
float:left;
height:38px;
left:250px;
padding-top:2px;
position:relative;
}

Ca se rapproche le plus possible de ce que tu souhaites

design.css (ligne 48)

Code CSS :

 
div#header {
background:#FEFFED url(images/header.gif) repeat-x scroll 0 0;
text-align:center;
}

dans le fichier suivant place la couleur que tu veux dans les modules (cf. la ligne du background)

le jaune surement

content.css (ligne 389)

Code CSS :

 
.module_contents {
background:#AFD2E8 url(images/border.gif) repeat-y scroll right center;
clear:both;
height:auto !important;
margin-left:2px;
overflow:hidden !important;
padding:10px;
}

Les 3 prochains codes, c'est pour les boutons bleus de la galerie par ex (ligne du background)

le premier en "normal", le deuxième quand la souris est dessus ; place la couleur que tu veux

global.css (ligne 106)

Code CSS :

 
 
#dynamic_menu h5 {
background:#1C618C none repeat scroll 0 0;
border:1px solid #122B40;
color:#EDFFF0;
cursor:pointer;
font-size:12px;
font-weight:bold;
padding:4px 0;
text-align:center;
}

global.css (ligne 125)

Code CSS :

 
#dynamic_menu h5:hover {
background:#6090B8 none repeat scroll 0 0;
}

voici le 3eme background à modifier pour ces boutons bleus, c'est la couleur de gauche du menu déroulant ; tu m'étonnes que tu es galéré

global.css (ligne 170)

Code CSS :

 
#dynamic_menu li {
background:#6D9AC0 url(images/bgmenu.gif) repeat-y scroll 0 0;
border-left:1px solid #122B40;
border-right:1px solid #122B40;
color:#000000;
display:block;
text-align:left;
text-decoration:none;
width:167px;
}

Il te reste encore des finitions derrière comme les champs de formulaire :

content.css (ligne 42)

Code CSS :

 
input:hover, textarea:hover {
background-color:#EFF9FF;
border:1px solid #213D4F;
}

content.css (ligne 30)

Code CSS :

 
input, textarea, optgroup, select, .xmlhttprequest_preview {
background-color:#DEF2FF;
border-color:#6993AE #2C5169 #2C5169 #6993AE;
border-style:solid;
border-width:1px;
color:#2E3B5F;
font-family:Verdana,Helvetica,Arial,sans-serif;
font-size:11px;
padding:1px 2px;
vertical-align:middle;
}

Il doit en rester.

la propriété background-color, pour faire simple, une composante de background.

Background peut contenir pas mal d'info.

tiens un bon lien : http://fr.selfhtml.org/css/proprietes/index.htm

Édité par Lehan Le 01/10/2008 à 20h11

Config XXAMP :
APACHE 2.2.6
PHP 5.2.5
MySQL 5.0.51

sous Vista et oui

Lehan Membre non connecté

Booster Fuzil

Le 02/10/2008 à 17h59

#38444

El Crackor :

Concernant ma bannière et ma speed-bar, ne penses-tu pas qu'il faudrait recentrer un peu tout ça ? Peux-tu encore m'aider ?

Alors pour centrer ta speed-bar, c'est un peu plus compliqué. Dans le répertoire de ton template, modifie le code qui doit ressmbler à ça et qui est dans header.tpl :

Code TPL :

 
<div id="sub_header">                        
        <div id="sub_header_left">
            <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
        </div>
        <div id="sub_header_right">    
            <a href="../news/news.php" title="Accueil du site" class="button">Accueil</a><a href="../forum/index.php" title="Forum" class="button">Forum</a><a href="../articles/articles.php" title="Articles" class="button">Events</a><a href="http://www.zanarkand.power-heberg.com/pages/pages.php?title=tutoriaux" title="Page_tutos" class="button">Tutoriaux</a>
        </div>
    </div>

renomme sub_header_right en sub_header_center et re-créé sub_header_right, comme suit :

Code TPL :

 
<div id="sub_header">                        
        <div id="sub_header_left">
            <h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
        </div>
        <div id="sub_header_center">    
            <a href="../news/news.php" title="Accueil du site" class="button">Accueil</a><a href="../forum/index.php" title="Forum" class="button">Forum</a><a href="../articles/articles.php" title="Articles" class="button">Events</a><a href="http://www.zanarkand.power-heberg.com/pages/pages.php?title=tutoriaux" title="Page_tutos" class="button">Tutoriaux</a>
        </div>
        <div id="sub_header_right"></div>
    </div>

Ensuite il faut modifier aussi le code css de design.css (ligne 64)

Renomme div#sub_header_right en div#sub_header_center comme suit :

Code CSS :

 
div#sub_header_center {
margin: 0 auto;
height:38px;
padding-top:2px;
position:relative;
}

Et il te faut donc créer ça dans le même fichier:

Code CSS :

 
div#sub_header_right {
float:right;
height:38px;
padding-top:2px;
position:relative;
}

El Crackor :

A un moment tu parles des formulaires, reprends moi si je dis des bétises mais ça concerne la rubrique contact et/ou livre d'or, car je ne sais pas ce que j'ai fait mais c'est toujours sur fond bleu.