[RESOLU] Mettre les liens de pieds de page en colonnes, thème Pure White

[L.L.]

Bonjour,

J'utilise le thème Pure White sous Prestabox. Je souhaiterais créer, comme sur le modèle (voir image) des colonnes avec des titres pour les liens de pied de page. Comment créer ces colonnes?

Merci d'avance!

[Guest Roger-C]

Bonjour,

malheureusement, faudra aller dans le code du fichier footer.tpl pour faire les modifs et appliquer des propriétés CSS. Je ne crois pas qu'il y ait d'autres solutions.

1. Ouvre le fichier footer.tpl;
2 Crée une liste avec une classe du genre :

Boutique

• 
  
• Ton lien 1
  
• Ton lien 2
  
• Ton lien 3
  

Et puis le reste se passe dans les CSS.


Bonne journée.

[L.L.]

Super, merci ça marche! Par contre, comment créer une 3ème et une 4ème colonne?

Merci beaucoup!!

[Guest Roger-C]

Tout dépend de la largeur du footer. Supposons qu'il fait 1000px de large. Et bien dans ce cas, vous pouvez définir un "width" de 230px pour chaque bloc et un margin-left de 10px achaque fois. Tu peux ainsi avoir 4 blocs pour les 1000px. A toi d'ajouter une liste dans chaque bloc comme indiqué dans la précédente réponse.

Exemple :

#footer {
texte-align:center;
}

#footer div.class_div {
width:230px;
float:left;
margin:0px 0px 0px 10px;
}

Concernant les listes, je suppose qu'il y déjà une liste en place. Dans ce cas pas besoin que je fasse les propriétés CSS.

Cordialement

[L.L.]

Merci! En fait ça ne marchait toujours pas, mais j'ai réussi en créant des id colonnes dans le css.

#colonne1 {float:left; width:148px; margin-right:10px; margin-bottom:1em}
#colonne2 {float:left; width:148px; margin-right:10px; margin-bottom:1em}
#colonne3 {float:left; width:148px; margin-right:10px; margin-bottom:1em}
#colonne4 {float:left; width:148px; margin-right:10px; margin-bottom:1em}
#colonne5 {float:left; width:148px; margin-right:10px; margin-bottom:1em}

Enfin maintenant ça marche!

Merci encore,
Bonne journée!

[L.L.]

Bonjour,

malheureusement, faudra aller dans le code du fichier footer.tpl pour faire les modifs et appliquer des propriétés CSS. Je ne crois pas qu'il y ait d'autres solutions.

1. Ouvre le fichier footer.tpl;
2 Crée une liste avec une classe du genre :

Boutique

• 
  
• Ton lien 1
  
• Ton lien 2
  
• Ton lien 3
  

Et puis le reste se passe dans les CSS.


Bonne journée.

Juste une question, du coup j'ai l'impression que la traduction n'est pas prise en compte. Sur mon FO, quand je met en anglais, ces titres restent en français.... Il y a t il une solution?

Merci

[Guest Roger-C]

Sache que ce que tu mets dans les fichiers .tpl qui n'est lié à aucune fonction n'a pas de relation avec les fichiers de langue. Je ne sais pas ce que tu as mis comme texte. Mais j'imagine que c'est que du HTML.

NB : fais attention à comment tu nomme tes "DIV". Dans ton cas, tu n'a pas forcément besoin de créer des ID pour chaque bloc. Les class sont faites exactement pour cela. Sauf si ces ID désignent des "DIV" avec des propriétés très différentes.

Cordialement.

[Kouadjio]

N'est ce pas une copie du theme Black and White de 2 link? c'est un theme gratuit ca non?