Quels .tpl pour certains #div ?

Quels .tpl pour certains #div ? [Réglé]

gerald72 Membre non connecté

Booster Bazooka

Le 24/10/2009 à 09h40

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

Bonjour,

Il y a-t-il un moyen de connaitre quel fichier .tpl est à modifier selon ce que l'on veut obtenir ?

Voici mon problème :

Je tente de modifier l'apparence des pages news, forum et le reste wiki, faq, etc...

Pour les news, j'ai pu facilement les modifier dans le fichier news.css.
Pour le forum, idem.

Plus compliqué pour les autres pages telles que le wiki, faq...

Je souhaitais séparer

dans le fichier design.css
div.link du fichier

et

dans le fichier content.css
module_top
module_contents
module-bottom

Ensuite je suis supprimer les lignes du fichier design.css :

Code CSS :

div#main_content {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#FFFFFF url(images/content_module_top.png) repeat-x scroll 0 0;
border:1px solid #CCCCCC;
border-spacing:1px;
}

Ca fonctionne bien.

Le seul hic est que sous le forum s'affiche les modifs, comme si l'affichage du forum.css se superpose avec le module_contents du fichier content.css.

J'ai cherché, depuis une dizaine de jours, mais je tourne en rond.

Je n'arrive pas à voir quelle div je devrais modifier ou créer une nouvelle : et surtout dans quel fichier .tpl ?

Edit : mes explications ne sont pas claires.. je vais faire de nouveau les modifs afin de vous le faire.

Je pense que c'est un des fichiers .tpl dans le dossier forum.

Édité par Visiteur Le 25/10/2009 à 20h08

Forum des =HUNS=

site de test

gerald72 Membre non connecté

Booster Bazooka

Le 24/10/2009 à 10h14

#74486

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

Je crois que les images vous permettront de mieux comprendre.

Voilà ce qui s'affiche

img1n

Et voilà ce que je souhaiterait :

img2h

Dans le fichier content.css

Code CSS :

 
.module_contents {
/* Si je supprime ces deux lignes, c'est ok pour le forum mais pas pour les modules wiki,faq..
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;*/
 
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
clear:both;
padding:20px 15px 15px;
text-align:justify;
}

J'espère être plus clair dans ma demande.

L'adresse du site de test : http://teamhuns.free.fr

Édité par Visiteur Le 24/10/2009 à 12h22

Forum des =HUNS=

site de test

Crunchfamily Membre non connecté

Booster Fusée

Le 24/10/2009 à 12h55

#74500

Booster Fusée
Voir le profil du membre Crunchfamily
Inscrit le : 23/09/2008

pour info sous ie8 je n'ai pas de pb, j'en ai seulement avec FF.

test en ajoutant border-right:1px solid #CCCCCC; à forum_sous_cat_last et border-left:1px solid #CCCCCC; à .forum_sous_cat

gerald72 Membre non connecté

Booster Bazooka

Le 25/10/2009 à 19h06

#74668

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

Merci de ta réponse Crunchfamily

J'ai testé mais cela n'a pas fonctionné.
Dans content.css, j'ai provisoirement supprimé ces deux lignes.

Code CSS :

.module_contents {
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
}

Au niveau visuel, dans le forum les bordures s'affichent correctement et dans les autres modules j'ai les bordures haut droite/gauche en coins arrondis en mais les bordures en bas droite/gauche sont devenues carrées.

Je continue à rechercher.

Édité par Visiteur Le 25/10/2009 à 20h16

Forum des =HUNS=

site de test

Visiteur

Boosteur Inactif

Le 25/10/2009 à 20h15

#74682

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

/* Si je supprime ces deux lignes, c'est ok pour le forum mais pas pour les modules wiki,faq..

-moz-border-radius-bottomleft:12px;

-moz-border-radius-bottomright:12px;*/

Il faut que tu fasses une parenté dans les CSS attitré des modules Wiki, Faq etc ...

Édité par Visiteur Le 25/10/2009 à 20h15

gerald72 Membre non connecté

Booster Bazooka

Le 26/10/2009 à 08h39

#74700

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

swan :

/* Si je supprime ces deux lignes, c'est ok pour le forum mais pas pour les modules wiki,faq..

-moz-border-radius-bottomleft:12px;

-moz-border-radius-bottomright:12px;*/

Il faut que tu fasses une parenté dans les CSS attitré des modules Wiki, Faq etc ...

Une parenté dans les CSS ?...

Là j'en suis sur je vais approfondir mes recherches

Si je comprends bien, il faudrait que je crée un div ou class spécifique aux modules wiki, faq..

Merci de ta réponse Swan

Si vous ne me voyez plus pendant 8 ans, c'est que je cherche encore

Forum des =HUNS=

site de test

Visiteur

Boosteur Inactif

Le 26/10/2009 à 09h17

#74704

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

gerald72, lol mais non ! Dit moi exactement quels sont les modules (en dehors de Wiki, Faq) sont touchés?

gerald72 Membre non connecté

Booster Bazooka

Le 26/10/2009 à 12h20

#74711

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

D'après ce que j'ai constaté tous les modules sont concernés à l'exception des NEWS, et les pages de l'administration ( je viens de m'en apercevoir).

Je vais regarder (en sortant du boulot) les modules..

tiens tiens je viens de voir que les pages admin utilisent le fichier admin.css et a la ligne environ 46 se trouve div#admin_contents.

L'idéal serait de créer, dans le fichier content.css, une sorte de .module_contents_forum où je pourrais attribuer des lignes au forum et plus aux autres modules.

Donc (si je suis mon raisonnement "plus qu'approximatif") je vais tenter toutes les pages du forum qui font appel au fichier content.css et surtout à la ligne .module_contents.

Qu'en pensez vous ? Mes propos sont ils viables ou y a t il plus simple ?

Swan, merci pour ta question concernant les modules touchés par les modifs, je ne m'étais pas rendu compte que les modules admins avaient leur div.

Édité par gerald72 Le 26/10/2009 à 12h52

Forum des =HUNS=

site de test

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 26/10/2009 à 12h27

#74713

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

Si c'est juste pour le forum :

Dans forum.css tu rajoute simplement :

Code CSS :

.module_contents {
 
-moz-border-radius-bottomleft:none;
-moz-border-radius-bottomright:none;
 
}

Sinon pour le reste je pense que tu cherche trop loin, tu en ai ou là ? tu veux modifier quoi ?

gerald72 Membre non connecté

Booster Bazooka

Le 26/10/2009 à 12h57

#74716

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

Merci Reidlos,

Je vais modifier ces lignes ce soir après le taf.

Forum des =HUNS=

site de test

gerald72 Membre non connecté

Booster Bazooka

Le 26/10/2009 à 21h07

#74781

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

J'ai testé mais en vain.

Voilà la difficulté (pour moi)

J'ai souhaité séparer les blocks des modules News, Forum, enfin tous les modules. IMAGE 4

Après les modifications, dans le forum j'ai des border en doubles. IMAGE 3

si je bloque les lignes Background et border de .module_position du fichier CONTENT.CSS, dans le forum IMAGE 1 c'est ok au niveau affichage mais tous les autres modules (sauf les News qui est indépendant) deviennent transparents. IMAGE 2

Content.css, ligne 526

Code CSS :

.module_position {
    width:98%;
    margin:auto;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
/*background:#FFF url(images/content_module_top.png) repeat-x scroll 0 0;
border:1px solid #CCC;*/
}

IMAGE 4

IMAGE 3

IMAGE 1

IMAGE 2

Ce n'est pas grand chose mais au niveau visuel c'est pô beau.

Ca fait bien une dizaine de jours que j'y suis dessus, j'ai lu et relu la documentation, fait des test mais je tourne en rond.

Édité par Visiteur Le 26/10/2009 à 21h57

Forum des =HUNS=

site de test

Visiteur

Boosteur Inactif

Le 26/10/2009 à 22h01

#74785

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

Bonsoir,

Bon en gros dans toute cette histoire Gerald72, c'est le forum qui pose soucis les bordures ?

gerald72 Membre non connecté

Booster Bazooka

Le 27/10/2009 à 08h07

#74802

Booster Bazooka
Voir le profil du membre gerald72
Inscrit le : 28/08/2009
Site internet
Groupes :

Ouiiiiiiiiiiiiiiiiiiiii

Pour etre plus simple et clair, effectivement ce sont les bordures qui me torturent !!

Forum des =HUNS=

site de test

Visiteur

Boosteur Inactif

Le 27/10/2009 à 09h58

#74819

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

gerald72, fait moi une archive de ton thème et passe la moi par Mp s'il te plait ^^ J'y jetterais u coup d'oeil dans la journée ...

Visiteur

Boosteur Inactif

Le 27/10/2009 à 14h08

#74848

Boosteur Inactif
Voir le profil du membre
Inscrit le : 09/06/2026

Bon je viens de regarder, C'est vrai que c'est assez "tordu" comme soucis ... Mais j'ai l'ai résolu

Alors je t'ai rajouté une parenté sur le forum.css à la ligne 252, du content.css de la ligne 526.

Une parenté:

C'est prendre un code existant d'un css sur un fichier (ici le content.css) pour le transférer et le modifier sur un autre css (ici le forum.css)...

Code du content.css de la ligne 526:

Code CSS :

 
.module_position {
    width:98%;
    margin:auto;
-moz-border-radius-bottomleft:12px;
-moz-border-radius-bottomright:12px;
-moz-border-radius-topleft:12px;
-moz-border-radius-topright:12px;
background:#FFF url(images/content_module_top.png) repeat-x scroll 0 0;
border:1px solid #CCC;
 
}

Maintenant la parenté, qui permet d'annuler la mise en forum du content.css sur le forum.css:

Code CSS :

/* ------------- Parenté content.css correctif ----------------*/
 
.module_position {
background:transparent none repeat scroll 0 0;
border:medium none;
}

Et voilà .. Je te renvoie ton archive par MP

Et dis moi quand tu l'as récupérer...

Édité par Visiteur Le 27/10/2009 à 14h20

Créations de Thèmes

Répondre

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