aide pour thème v3 ( header ) / question concernant thème extensible

aide pour thème v3 ( header ) / question concernant thème extensible [Réglé]

ReidLos Membre non connecté

Le 06/04/2009 à 15h37

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Bonjour

Tout dabord desolé de polluer le forum de mes nombreux message d'aide, je sens aussi que parfois je vous embete un peu...

J'ai convertie un thème fixe en extensible, mais le problème est mon header, donc j'ai modifier quelque truc, j'ai ajouter une classe qui se nomme header_l etc

Code TPL :

# ENDIF #
 
<div id="global">
<!-- Début des modifications  -->
<div class="header_top_l"></div>
<div class="header_top_r"></div>
     <div class="header_top"></div>
<!-- Fin des modifications  -->
<div id="header_container">
 
<div id="header">
<h1 style="display:none;font-size:9px;">{SITE_NAME}</h1>
<!-- Début des modifications  -->
# IF C_MENUS_HEADER_CONTENT #
<div class="header_l"></div>
<div class="header_r"></div>
     <div class="headerl"></div>
<!-- Fin des modifications  -->
{MENUS_HEADER_CONTENT}
# ENDIF #
</div><div id="sub_header">
 
# IF C_MENUS_SUB_HEADER_CONTENT #
{MENUS_SUB_HEADER_CONTENT}
# ENDIF #
<div class="spacer"></div>
<div id="sub_header_left"></div>
<div id="sub_header_right"></div>
</div>
</div>

Ajout dans design.css

Code CSS :

.header_l{
margin-right:0px !important;
margin-right:-3px;
height:112px;
width:138px;
background:#91BAD8 url(images/header_l.png) no-repeat left;
float:left;
}
 
.header_r{
margin-left:0px !important;
margin-left:-3px;
height:112px;
width:120px;
background:#91BAD8 url(images/header_r.png) no-repeat right;
float:right;
}
 
.headerl {
height:112px;
background:#FFFFFF url(images/headerl.png) repeat-x; 
}

Maintenant petite question pourquoi mon header est caché en dessous de cette nouvelle classe ? mon but et de la mettre au dessus ...

Édité par ReidLos Le 08/04/2009 à 14h27

Forensic Membre non connecté

Booster Mortier

Le 06/04/2009 à 15h39

#53407

Booster Mortier
Voir le profil du membre Forensic
Inscrit le : 18/12/2006

Bonjour,

Tu peux ajouter une capture et/ou un lien pour que nous puissions visualiser? merci.

Forensic

Chercher sur le forum - /Consulter la Documentation - Consulter la Foire aux Questions (FAQ)
Dire bonjour et merci, c'est toujours apprécié et pensez à mettre vos messages en Réglé!

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 06/04/2009 à 15h47

#53410

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Voila :

le header est cacher derrière

Forensic Membre non connecté

Booster Mortier

Le 06/04/2009 à 15h57

#53411

Booster Mortier
Voir le profil du membre Forensic
Inscrit le : 18/12/2006

Hello,

Sauf le fait que la barre de connexion et barre bleu qui semble dépasser la colonne de blocs droite, je ne vois pas trop le problème. Je pense que c'est normal que ça dépasse car le contenu ne doit pas être extensible. Donc ma question, qu'est-ce que tu dis qui est caché car je ne vois pas trop ce que tu veux dire par "le header est caché".

Forensic

Chercher sur le forum - /Consulter la Documentation - Consulter la Foire aux Questions (FAQ)
Dire bonjour et merci, c'est toujours apprécié et pensez à mettre vos messages en Réglé!

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 06/04/2009 à 16h01

#53413

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

ça est caché :

Code CSS :

div#header_container,div#header_admin_container {
background:url(images/header.png) no-repeat;
    background-position: center 0px;
    -moz-border-radius:12px;
    -khtml-border-radius:12px;
    -webkit-border-radius:12px;
    border-radius:12px;
}

Sinon on va faire plus simple, j'aimerai afficher une image au-dessus du header ( bar bleu )

PS : pour la barre bleu etc c'est parceque j'ai couper l'image trop près ( je suis en double ecran )

Édité par ReidLos Le 06/04/2009 à 17h12

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 08/04/2009 à 12h22

#53719

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Personne ne peut m'aider .?

KONA Membre non connecté

Booster Fusée

Le 08/04/2009 à 13h01

#53728

Booster Fusée
Voir le profil du membre KONA
Inscrit le : 21/05/2006
Email
Site internet

Ajoute un autre <div>ton contenu</div> mais il faudra modifier dans design.css la propirété Height de header_container .

Recherche moto cross volée L'est de la france

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 08/04/2009 à 13h32

#53732

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

j'avais déja essayer mais cela n'avais pas marcher... merci a toi maintenant c'est bon...

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 08/04/2009 à 14h17

#53737

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

petite question, quand on fait un thème extensible il s'adapte tout le temps a la taille de la fenêtre mais y'a t'il pas moyen qu'il ne s'adapte pas quand on réduit la fenêtre de l'utilisateur ?

car ça donne des trucs comme ça :

Édité par ReidLos Le 08/04/2009 à 14h18

Shadow Membre non connecté

Booster Fusée

Le 08/04/2009 à 14h50

#53744

Booster Fusée
Voir le profil du membre Shadow
Inscrit le : 30/12/2007
Site internet

Le principe du thème extensible est justement qu'il s'adapte à la fenêtre, qu'elle diminue ou qu'elle augmente. J'aurais même tendance à dire que c'est plus intéressant qu'il s'adapte aux plus petites fenêtres, le but étant qu'il s'adapte aux basses résolutions.
Cela dit, il y a aura forcément un moment où le contenu ne sera plus "compressible" et où la taille de la fenêtre sera vraiment trop petite pour qu'il ne dépasse, ça dépend du contenu.

Il faudrait voir avec l'attribut min-width des CSS mais je ne suis pas familiarisée avec cet attribut. Tu peux peut-être l'appliquer à la zone centrale, donc à la classe main ou main_content, je ne sais pas.

Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 08/04/2009 à 15h14

#53749

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Citation :

Il faudrait voir avec l'attribut min-width des CSS mais je ne suis pas familiarisée avec cet attribut. Tu peux peut-être l'appliquer à la zone centrale, donc à la classe main ou main_content, je ne sais pas.

J'avais vu ça justement, mais bon comme j'ai mis des images differentes pour le header c'est le même problème... il n'y a pas d'autre moyen ?

Édité par ReidLos Le 08/04/2009 à 15h14

Shadow Membre non connecté

Booster Fusée

Le 08/04/2009 à 16h00

#53752

Booster Fusée
Voir le profil du membre Shadow
Inscrit le : 30/12/2007
Site internet

Aucune idée, si Kona passe par là, peut-être saura-t-il.

Shadow
"Quand tu ranges chez toi, ça fout le bordel chez ton voisin". - Règle d'entropie générale adaptée aux usages domestiques.

KONA Membre non connecté

Booster Fusée

Le 08/04/2009 à 18h28

#53773

Booster Fusée
Voir le profil du membre KONA
Inscrit le : 21/05/2006
Email
Site internet

Si j'ai bien compris tu veux qu'une barre horizontal sur le navigateur s'affiche à partir d'une petite résolution .

Je me suis jamais vraiment penché sur la question .

J'ai plus de serveur local donc plus un seul pbt qui tourne , je regarderai quand tout sera rentré dans l'ordre pour ma par , mais je vois pas vraiment comment .

Recherche moto cross volée L'est de la france

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 08/04/2009 à 18h40

#53776

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Oui voila

Pas grave prend ton temps c'est pas urgent...

Créations de Thèmes

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie