Multi-Thème V5 - Centrer menu de liens bas

Aides sur les thèmes PHPBoost [Réglé] Multi-Thème V5 - Centrer menu de liens bas

EDN Concerné(e)

Rang

Inscrit le : 10/04/2016 à 17h56

Le 09/10/2016 à 18h33

Bonjour,

Sur http://www.braslou.fr/ j'utilise le thème Multi-Theme V5. Dans le pied de page j'ai mis un menu de liens et je voudrais le centrer.
Pouvez-vous m'indiquer quoi et où modifier ?

Cordialement,
Olivier.

Edit : j'ai trouvé dans le design.css

Code CSS :

footer#footer {
    background: url('images/footer.png') no-repeat scroll center top transparent;
    clear: both;
    height: 299px;
    margin: auto;
    padding: 10px;
    text-align: center;
}

et pourtant ce n'est pas centré, l'ensemble du menu est à gauche du block. Edité par Olivier Le 09/10/2016 à 18h40

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/10/2016 à 19h28

Bonsoir olivier,

C'est parce que ce menu est généré par l'administration, donc se n'est pas le footer qui est en cause , vu que l'attribut "margin:auto" aurait du te le centrer ^^"

Voilà le fautif dans le cssmenu.css à la ligne 227 :

Code CSS :

.cssmenu > ul > li {
    float: left;
}

Vu que tu as du placer le menu généré par PBT dans le footer il sera placé de cette façon. je ne peux malheureusement pas faire grand chose. Désolée...

Swan.

swan_signature

Site web

Olivier

EDN Concerné(e)

Rang

Inscrit le : 10/04/2016 à 17h56

Messages: 101

Le 09/10/2016 à 19h31

Merci Swan pour cette réponse efficace

Il va donc falloir que je crée un menu directement dans le TPL.

Une petite aide ?

Olivier.

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 09/10/2016 à 21h11

Je te regarde cela demain ^^

swan_signature

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 10/10/2016 à 13h37

Bonjour,

pour base, j'ai pris le mien en bas du site ^^

Code TPL :

 
<div id="copy">
<ul class="copmenu" style=" display: inline;">
<li><a href="{PATH_TO_ROOT}/sitemap" title="Plan du site">plan du site</a></li>
<li><a href="{PATH_TO_ROOT}/pages/pages.php?title=mentions-legales" title="Mentions Légales"></a><a href="#" title="prochainement ...">Mentions Légales</a></li>
<li><a href="http://www.service-public.fr/" title="Service-Public.fr">Service-Public.fr</a></li>
<li><a href="{PATH_TO_ROOT}/user/login/" title="liens en masse">Connexion</a></li>
</ul>
<div class="spacer"></div>
</div>

Pour la partie css à mettre à la fin du design.css :

Code CSS :

 
/*======================================
Menu Footer
========================================*/
 
div#copy {
    margin: 10px 0;
    text-align: center;
}
div#copy .copmenu a {
    margin: 0 2px;
}
.copmenu li {
    display: inline;
}
.copmenu ul, .copmenu li {
    line-height: 21px;
    list-style: outside none none;
}
.copmenu li a {
    color: #ffffff; /* là, tu peux modifier la couleur des liens*/
    font-size: 15px;
    text-shadow: 1px 1px 1px #000000;
}
.copmenu li a:hover {
    color: #eeeeee; /* là, tu peux modifier la couleur des liens au survol*/
}

Voilà normalement cela devrais être bon ^^

Swan.

swan_signature

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 11/10/2016 à 12h02

un retour ??

swan_signature

Site web

Olivier

EDN Concerné(e)

Rang

Inscrit le : 10/04/2016 à 17h56

Messages: 101

Le 29/11/2016 à 21h35

Oups ! Pardon Swan, je n'avais pas lu ta réponse

Je vais y regarder ce WE
Merci beaucoup !

Olivier.

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 30/11/2016 à 08h28

Pas de soucis ^^

swan_signature

Site web

Olivier

EDN Concerné(e)

Rang

Inscrit le : 10/04/2016 à 17h56

Messages: 101

Le 30/11/2016 à 16h26

Bonjour Swan,

Je viens de faire des modifications sur mon site de test dans body.tpl juste après <footer id="footer">

Code TPL :

 
    <footer id="footer">
 
        <div id="copy"><!-- Menu de liens en bas de page -->
            <ul class="copmenu" style=" display: inline;">
                <li><a href="{PATH_TO_ROOT}/sitemap" title="Plan du site">Plan du site</a></li>
                <li><a href="{PATH_TO_ROOT}/pages/pages.php?title=mentions-legales" title="Mentions Légales"></a><a href="#" title="prochainement ...">Mentions Légales</a></li>
                <li><a href="http://www.service-public.fr/" title="Service-Public.fr">Service-Public.fr</a></li>
                <li><a href="{PATH_TO_ROOT}/user/login/" title="liens en masse">Connexion</a></li>
            </ul>
            <div class="spacer"></div>
        </div><!-- Fin du Menu de liens en bas de page -->
 
        # IF C_MENUS_FOOTER_CONTENT #
        <div class="footer-content">
            # START menus_footer #
            {menus_footer.MENU}
            # END menus_footer #
        </div>
        # ENDIF #
 
        <div class="footer-infos">
            <span class="cms">
                {L_POWERED_BY} <a href="http://www.phpboost.com" title="PHPBoost">PHPBoost v5.0.9</a> {L_PHPBOOST_RIGHT}
            </span>
            # IF C_DISPLAY_BENCH #
            <span class="requete">
            <span class="footer-infos-separator"> | </span>{L_ACHIEVED} {BENCH}{L_UNIT_SECOND} - {REQ} {L_REQ} - {MEMORY_USED}
            </span>
            # ENDIF #
            # IF C_DISPLAY_AUTHOR_THEME #
            <span class="author">
            <span class="footer-infos-separator"> | </span>{L_THEME} {L_THEME_NAME} {L_BY}
                <a href="{U_THEME_AUTHOR_LINK}">{L_THEME_AUTHOR}</a>
            </span>
            # ENDIF #
        </div>
    </footer>
 
 
    <div id="bottom_page" /></div>

Ainsi que l'ajout dans design.css du code indiqué plus haut et le résultat me convient parfaitement

Un grand merci Swan !

Cordialement,
Olivier.

Site web

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 30/11/2016 à 17h12

de rien ^^

swan_signature

Site web

Répondre

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

Les 10 derniers messages du forum...