Titre de page.

Titre de page. [Réglé]

Afficher le titre de la page. Créations de Modules

AiYori Membre non connecté

Booster Fronde

Le 20/10/2012 à 01h32

Booster Fronde
Voir le profil du membre AiYori
Inscrit le : 23/08/2012

Version concernée : 4, bêta 9.

Bonjour,

Les modules standard font apparaître en haut de leur page un titre, avec un trait souligné à l'instar de ce qui est représenté sur l'image

.
Je n'ai pas réussi à reproduire cette mise en forme (malgré une étude approfondie du code existant). Est-ce que quelqu'un pourrait m'aider ?

Par avance, merci,
Cordialement,

Édité par AiYori Le 20/10/2012 à 01h36

lobab Membre non connecté

Booster Mortier

Le 20/10/2012 à 03h23

#118263

Booster Mortier
Voir le profil du membre lobab
Inscrit le : 25/02/2012
Groupes :

Salut,

Il faut que ton div possède la classe "module_top" dans ton tpl

Le css correspondant se trouve dans /templates/base/theme/content.css

Code CSS :

 
.module_top {
    height:18px;
    text-indent:10px;
    font-size:12px;
    font-weight:bold;
    color:#515C68;
    border-bottom:2px solid #336397; 
}

exemple du tpl du module Articles

Code TPL :

        <div class="module_top">
            <div class="module_top_title">
                <a href="{PATH_TO_ROOT}/syndication/?url=/rss/articles/{IDCAT}" title="Rss" class="img_link">
                    <img class="valign_middle" src="{PATH_TO_ROOT}/templates/{THEME}/images/rss.png" alt="Rss" title="Rss" />
                </a>
                {NAME}
            </div>

La puissance est un sommet de connaissances et l'intelligence est le moyen d'y accéder ... Est-ce pour ça qu'il y a tant de cons en bas des pistes ???
Heureux celui qui est sourd, lui au moins, peut écouter le silence

Anonymous Membre non connecté

Booster Fuzil

Le 20/10/2012 à 03h36

#118264

Booster Fuzil
Voir le profil du membre Anonymous
Inscrit le : 08/10/2012
Site internet

Salut, en faite je ne comprend pas très bien ce que tu souhaite mais si j'ai bien compris c'est comme ci-dessous :

Code TPL :

<div class="module_test">
<a href="/syndication/rss/articles/" title="Titre" class="img_link">
<img class="valign_middle" src="/templates/NomDeTonThèmes/images/rss.png" alt="Syndication"/>
</a>
Titre que tu veut :)
</div>

et tout en bas de ton design.css tu met :

Code CSS :

.module_test{
border-bottom:2px #000000 solid;
}

Bon moi j'ai mis ".module_test" tu peut très bien mettre un autre nom

Et pour finir c'est la mise en forme comme sur ta capture, j'ai fais sans les variable sa te permet de même le placer entre les balise"[html-]-[/html]"

Ce qui donne : aperçu ici.

Édité par Anonymous Le 20/10/2012 à 03h43

We are anonymous

#opbelgium

AiYori Membre non connecté

Booster Fronde

Le 21/10/2012 à 22h32

#118304

Booster Fronde
Voir le profil du membre AiYori
Inscrit le : 23/08/2012

Grâce à vos conseils, voici le template que j'ai créé.

Code PHP :

 
<div class="module_position">
    <div class="module_top_l"></div>
    <div class="module_top_r"></div>
    <div class="module_top">{C_TITLE}</div>
    <div class="module_contents">
        # INCLUDE FORM #
    </div>
    <div class="module_bottom_l"></div>
    <div class="module_bottom_r"></div>
    <div class="module_bottom"></div>
</div>

Ca marche. Merci pour votre aide.

Créations de Modules

Répondre

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