Comment changer le layout?

Started by Aquilin, September 23, 2004, 06:56:10 AM

Previous topic - Next topic

Aquilin

Salut,

Qlq'un pourrait-il/elle me dire comment je dois changer le layout du forum. Les 2-3 thêmes que j'ai vu ne me plaisent pas beaucoup. De plus je suis contraint d'employer certaines couleurs pour l'arrière fond (Jaune et Vert).

Merci d'avance,

Aquilin

Percherie

Heuuu pour changer les couleurs et autre caractéristique tu doit editer le fichier styles.css c'est des feuille de style en cascade, pour leur utilisation tu a des quantité de site francophone qui te donne des astuces

Ensuite pour ajouter ton lien c'est bien dans le fichier index.template.php, là j'ai rien sous la mains pour te donner la ligne exact où placer ton lien mais fait une recherche de texte dans ce fichier en cherchant "home.gif"

Là tu arrivera directement sur le code qui permet d'afficher le bouton Accueil, essais de voir comment c'est construit et ajoute ton lien sous forme de bouton

Tu peut même le faire afficher en fonction de l'utilisation que tu veut en faire, par exemple profil.gif n'apparait pas pour les visiteur et admin.gif n'apparait que pour les admins ou membres avec droit particulier

Je crois qu'il y a un autre endroit du forum où en a déjas parler avec beaucoup plus d'explication, si je ne peut pas poster le lien de suite fait une petite recherche sur cette salle, ça doit dater des deux dernier mois
Visitez :
Le site site des chépers du web et ToutenKamion, le blog de voyage autour du monde en camion

Aquilin

Cool, j'était justement en train de m'inscrire sur ton forum pour te poser la question.

Je te lis.....

Aquilin

Comprends pas tout mais vais voir le sites pour fichier styles.css on verra bien ouksammêne

Merci pour tout :D

Percherie

sinon regarde sur l'editeur javascript, tu a quelques astuce dessus
Visitez :
Le site site des chépers du web et ToutenKamion, le blog de voyage autour du monde en camion

Aquilin

J'ai regardé dans Windows Explorer, browsé index.template.php

J'ai beaucoups de php, beaucoups d'index, mais pas le fichier complet... ::)

Y-a-il un chemin?

Percherie

oui vas dans ton dossier de theme et là tu a le fichier "index.template.php" par contre n'edite surtout pas les fichier du theme default (mayalis ce msg aussi pour toi) il sont utiliser pour la création de chaque nouveau theme

Donc crée toi un nouveau theme, qui à désactiver celui par default, et fait tes essais
Visitez :
Le site site des chépers du web et ToutenKamion, le blog de voyage autour du monde en camion

evolus

Pour te former a la CSS, n'hésite pas à visiter l'excellent http://www.alsacreations.com/articles/

En ce moment j'essaie de me perfectionner, leurs tutos sont splendides !

Aquilin

Merci mais....eeeuhhh, il est où mon dossier thême...? :'(


Merci ZeFrog, je regarde... :P

Alexandre P.

Dans <répertoire vers SMF>/Themes/<nom de ton thème>/index.template.php.  C'est ce fichier que tu dois éditer pour changer l'apparence générale (position des tables, de l'entête, du logo, etc.).

Pour modifier seulement les couleurs, tu n'as que le fichier <répertoire vers SMF>/Themes/<nom de ton thème>/style.css à éditer.
Aucun support par M.P., courriel ou messagerie instantanée / No support by P.M., email or I.M.

Aquilin

ok, j'ai changé les couleurs et autres dans style.css

Comment dois-je publié cela à présent? Comment imposer mon thème?

Merci

Percherie

une fois que ton theme est opérationnel tu le met sur ton serveur, l'active a travers la zone admin et tu pourra le mettre comme theme par default

Pour installer un nouveau theme commence par en créer un avec le nom que tu souhaite lui donner et ensuite seulement upload tes fichiers pour ecraser ceux que tu viens de créer a travers le forum
Visitez :
Le site site des chépers du web et ToutenKamion, le blog de voyage autour du monde en camion

Aquilin

Ok, merci pour tout Percherie. En fait il s'avère que c'est chaque foix 2min après avoir posé la question sur ce forum que je trouve la réponse. Désolé de vous faire bouger pour rien :P

Bon, mais maintenant, j'ai crée un super forum, avec les options, les couleurs, le style que je veux et tout et tout; et en passant j'ai un peu appris css....

MAIS

j'ai du faire un bourde dans templates car je ne peut plus acceder à mon forum.

Je crois que ce que j'ai fait est (comme AP2 disait à Mayalis de la faire pour créer un lien)

<a href="http://www.monsite.com [nofollow]"><img src="', $settings['images_url'], '/smflogo.gif" alt="" /></a>

Ca n'a rien changé et de toute facon le layout et les options que j'avais fait dans style.css m'allaient tout à fait. Pas besoin de changer les templates.... :-[



Y at-il un moyen de récuperer mes codes css dans style? J'ai été con et j'ai rien sauvé. Ou dois-je recreer un thème?

Le message d'erreur que j'ai sur Internet Explorer est:

Template Parse Error!
It seems something has gone sour on the forum with the template system. This problem should only be temporary, so please come back later and try again. If you continue to see this message, please contact the administrator.

You can also try refreshing this page.


Mais ca fait deux jours que ca dure... >:( 

Après, promis, j'arrète de vous emmerder... :-X

Merci d'avance;

Aquilin

Alexandre P.

T'aurais pas un lien vers ton forum?

Où est ton thème?  Sur ton disque dur, dans ton ordinateur personnel? ou bien sur ton compte d'hébergement, chez ton hébergeur?
- Dans le premier cas, si tu n'as rien conservé, dommage, tu auras tout perdu :(...
- Dans le second cas, tu n'as qu'à récupérer le style.css contenu dans le dossier de ton thème.  Tu auras de cette façon toutes tes modifications de couleur.
Aucun support par M.P., courriel ou messagerie instantanée / No support by P.M., email or I.M.

Alexandre P.

T'as enregistré ton thème par-dessus le thème par défaut, nan?  Si oui, il ne faut pas...

Ton thème est sur ton hébergeur, dis-tu?  Via ton logiciel FTP ou bien un WebFTP, va dans le dossier <chemin vers ton forum>/Themes/<ton thème>/ et télécharge sur ton ordinateur le fichier style.css.  Tu conserveras au moins les modifications des couleurs.

PS: tu as mis du code HTML dans le nom de ton forum, non?  Évite ça...
Aucun support par M.P., courriel ou messagerie instantanée / No support by P.M., email or I.M.

Aquilin

Non, j'ai pas touché au thême par défault. Mais j'ai probablement fais des bétises avec le template du thême que j'ai créé...

Euh, en effet, j'ai mis de l'HTML dans le nom. Je voulais le faire plus grand et changer la couleur. Y-a-t'il un moyen de le faire autrement?

Je suppose que FTP doit être sur mon serveur Lycos? Je vais essayer. Merci beaucoup pour ton aide Ap2. Un jour j'y arriverai :P

Aquilin

Ok, je l'ai trouvé :D

Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii, sans vous...

Aquilin

Bon alors j'ai un super forum maintenant, et tout fonctionne à merveille. Mais le nom de mon forum en haut à gauche est en Times new Roman. J'aimerais juste changer la police... sans mettre de l'html dans le champ "nom du forum".

Rien vu dans style.css et vais pas trop dans template.php (eu des bourdes, ôse plus ::))

Percherie

Jette un coup d'oeil sur la page de configuration du serveur... mais le mieux c'est que tu fasse le tour de toutes les options du forum, c'est assez explicite
Visitez :
Le site site des chépers du web et ToutenKamion, le blog de voyage autour du monde en camion

Alexandre P.

#19
Bon, j'ai jeté un oeil et c'est franchement pas zoli zoli ce qu'ont fait les développeurs :-\  Je sens qu'il y a un monsieur qui va recevoir un MP prochainement :P

En gros, c'est impossible à modifier directement et strictement avec la feuille de style.  La raison est simple: les propriétés d'affichage pour le titre ont été codés en dur dans index.template.php.  Dans le thème par défaut, ça se trouve à la ligne 148:
<span style="font-family: Georgia, sans-serif; font-size: xx-large;">', $context['forum_name'], '</span>';

Ma suggestion personnelle, c'est de modifier cette ligne seulement de la manière suivante:<h1 id="nomforum">', $context['forum_name'], '</h1>';et d'ajouter ceci à la feuille de style "style.css":#nomforum {
font-family: Georgia, sans-serif;
font-size: xx-large;
}
(ce qui se trouve entre les accolades est, bien sûr, modifiable pour correspondre à tes besoins.  Ici, je n'ai repris que les propriétés originales.)


QuoteExplications:
- Le titre est maintenant encadré par des balises <h1></h1>.  Cette balise définit de manière sémantique un titre.
- id="nomforum" est l'identifiant que j'accorde à ce titre de niveau 1.
- Dans la feuille de style, #nomforum{} appliquera les propriétés d'affichage définies pour tous les élément portant un identifiant égal à nomforum.

(bon, I'm going to faire dodo.  Si vous avez d'autres questions, j'y répondrai plus tard dans la journée ;) ++ les keupains!)
Aucun support par M.P., courriel ou messagerie instantanée / No support by P.M., email or I.M.

Advertisement: