Image titre menu

Image titre menu [Réglé]

queytou Membre non connecté

Booster Fuzil

Le 05/03/2013 à 22h42

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

Bonsoir,

je viens vers vous pour savoir où trouver le codage pour pouvoir ettre une image différente pour la colonne centre et la colonne de roite et gauche par exemple, car pour les titres des menus je veux des images en fait, merci de vos réponses .

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 05/03/2013 à 22h47

#124929

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonsoir,

Comme ca je dirais qu'il faut ajouter un background au module_mini_top, mais pas sur de bien comprendre ton besoin.

Peux tu nous faire un screenshoot avec l'emplacement ou tu veux ajouter une image ?

ElenWii

queytou Membre non connecté

Booster Fuzil

Le 05/03/2013 à 23h49

#124935

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

Voici l'image, donc au centre la shoutbox sur laquelle j'aimis une image pour le titre de son block, mais cette image est également la même pour la colonne de droite, pour le block en ligne par exemple.

Et moi je desirerais que pour le centre, donc le block shoutbox par exemple, que mon image soit indépendant de celle de la colonne de droite.

merci par avance

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 06/03/2013 à 07h42

#124940

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Bonjour,

D'accord, donc pour faire cela, ce n'est pas très compliquer.

Dans ton thème créer un repertoire dans le dossier modules pour le modules que tu veux personnaliser.

templates{tonthème}modulesshoutbox

Dedans tu copie le fichier CSS associé au module : shoutbox_mini.css

Dans ce fichier css tu crée une surchage de la class module_mini_top avec une nouvelle image.

Code CSS :

.module_mini_top {
background: url("images/mini_top_shoutbox.png") no-repeat scroll left top transparent;
}

Tu copie bien sûr l'image dans le repertoire images que tu auras créer avec toutes les images du modules shoutbox

ElenWii

queytou Membre non connecté

Booster Fuzil

Le 06/03/2013 à 08h31

#124943

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

Je viens de faire ce que tu viens de m'énuméré, mais le problème reste le même les deux même images pour les deux colonnes centre et droite

En fait il faut une image plus grande au centre et une plus petite pour la colonne de droite.

Apres c'est peut-etre moi qui suis pas tres explicite ^^

merci a toi

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 06/03/2013 à 10h11

#124948

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

pour différencier il va falloir créé une class en prenant en compte la class mère

exemple :

Code CSS :

#left .module_mini_top{}

la class css ne sera appliquer que dans la colonne left, tu peux faire pareil avec le main

ElenWii

queytou Membre non connecté

Booster Fuzil

Le 06/03/2013 à 13h06

#124963

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

Ca ne fait toujours pas ce que je veux meme si je trouves que l'on s'en rapproche, je te joins le screen

merci beaucoup

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 06/03/2013 à 13h11

#124965

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Effectivement, c'est un problème de surchage CSS,

je reflechi dans le train et jte répond ce soir ou demain.

Tu peux me transmettre un lien vers ton site web si tu es enligne ?

ElenWii

queytou Membre non connecté

Booster Fuzil

Le 06/03/2013 à 13h27

#124969

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

voici l'url: http://testcms.soutien-informatique-pour-tous.fr/

p.s: c'est une url pour que le site soit propre au moment du transfert vers l'url officielle

merci a toi

j1.seth Membre non connecté

Chef de Projet Equipe Développement Administrateur

Le 06/03/2013 à 13h49

#124972

Administrateur
Voir le profil du membre j1.seth
Inscrit le : 01/09/2008
Site internet
Groupes :
Chef de Projet
Equipe Développement

Bonjour,

Dans ton fichier /templates/{tonthème}/modules/shoutbox/shoutbox_mini.css, créées une surcharge de la class h5.sub_title

Code CSS :

h5.sub_title {
 line-height: 48px;
 text-align: center;
 font-weight: bold;
 color : #fff;
 height: 35px;
}

Et ajoutes un padding-bottom dans ta surcharge de la class module_mini_top :

Code CSS :

h5.sub_title {
 background: url("images/mini_top_shoutbox.png") no-repeat scroll left top transparent;
 padding-bottom: 10px;
}

julienseth78

queytou Membre non connecté

Booster Fuzil

Le 06/03/2013 à 18h58

#125000

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

je vous joins une url pour voir ce que ca devrait faire une fois fini a quelques détails pres

url: http://duplicata.soutien-informatique-pour-tous.fr/

En fait il me faudrait je penses le fichier où dont se trouves les fonctions suivantes afin de leur créer leur css propres afin que chaques fontions soient indépendantes

Code TPL :

# IF C_MENUS_LEFT_CONTENT #
<div id="left_menu">
    {MENUS_LEFT_CONTENT}
</div>
# ENDIF #
 
# IF C_MENUS_RIGHT_CONTENT #
<div id="right_menu">
    {MENUS_RIGHT_CONTENT}
</div>
# ENDIF #
 
<div id="main">
# IF C_MENUS_TOPCENTRAL_CONTENT #
            <div id="top_contents">
                {MENUS_TOPCENTRAL_CONTENT}
            </div>
            # ENDIF #

Merci a tous de votre aide, j'espère par la suite vous rendre utile, car sur mon ancien cms, je faisais parties des sites dévelopeurs, juste pour vous dire ne vous inquiétez pas, je veux pas vous donner mal a la tete, faut juste que j'arrives a comprendre le système de votre cms, et apres ca ira mieux lol

babsolune Membre non connecté

Equipe Développement Administrateur

Le 06/03/2013 à 19h11

#125003

Administrateur
Voir le profil du membre babsolune
Inscrit le : 16/05/2008
Site internet
Groupes :
Equipe Développement

dans le design.css de ton theme

Pour un support plus efficace, pensez à déclarer dans votre profil, le lien vers votre site

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 06/03/2013 à 19h14

#125004

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

tous les mini module que tu va pouvoir intégrer ont la même architecture.
si tu veux personnaliser chaque mini module, il faut que tu modifié chaque css du module en créant un repertoire dans ton templates.
je te ferais un exemple vendredi si tu veux.
ElenWii

queytou Membre non connecté

Booster Fuzil

Le 07/03/2013 à 00h23

#125033

Booster Fuzil
Voir le profil du membre queytou
Inscrit le : 16/06/2009
Site internet

Merci a tous, donc voici comment j'ai fait:

dans mon template de mon thème, dans le fichier content.Css

j'ai pris la class:

Code CSS :

h5.sub_title { /* Titre des menu */
    background:url("gauche/images/gauche_haut.png") no-repeat;
    line-height:30px;
    max-width:170px;
margin:0 auto;
border:0px;
}

que j'ai dupliquer en la renommant a la suite comme ceci:

Code CSS :

/* Sous-Titres */
h5.sub_title_centre { /* Titre des menu block centre */
    background:url("centre/images/centre_haut.png") no-repeat;
    line-height:30px;
    max-width:695px;
margin:0 auto;
border:0px;
}

et ensuite j'ai été dans le module shoutbox et dans le fichier shoutbox.tpl, j'ai modifier la class par celle que j'ai créé tout simplement

et le tour été joué, mais je penses que je vais faire une uggestio pour les prochaines versions que chaques colonnes est sa fonction pour eviter de tout faire manuellement, car du coup pour tous les modules que je vais intégrer a cette colonne je vais devoir modifier les fichiers tpl de chaques modules.

merci a tous et donc sujet résolu, mais je vous dis a tres bientôt

Support Général

Répondre

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