[RESOLU]Menu header ajouter icon different pour page statique

DudyDudy Member
mai 2014 modifié dans Modifications
Bonjour
j’utilise ce script pour ajouter des icons au cote gauche de mon menu
[== PHP ==]
	<?php $plxShow->staticList($plxShow->getLang(''),'<li id="#static_id"><a class="icon icon-edit" href="#static_url"  title="#static_name"><span>#static_name</span></a></li>'); ?>

le problème est que à la création des page statiques il y a toujours la même icon
est ce que est il possible d'avoir des icons différent, ( à part de créer des liens en dure sur les statiques)?

merci pour votre aide

Réponses

  • StéphaneStéphane Member, Former PluXml Project Manager
    Bonjour Dudy

    utilise #static-class
    au niveau de la balise <a> par exemple: <a class="icon icon-edit #static-class" ....>...</a>
    tu pourras au niveau css avoir:
    .static-1 {
    ...
    }
    avec 1 qui représente l'id de ta page statique (#static-class est remplacé automatique par static- avec derrière l'id de la page)

    Consultant PluXml

    Ancien responsable et développeur de PluXml (2010 à 2018)

  • DudyDudy Member
    Merci Stephane
    j ai un problème au niveau Css pour les statiques,
    vu que j'utilise des icones Font-Awesome, je ne sais pas quoi mettre dans
    .static-1{...}
    j'ai essayer avec
    .static-1{
    content:"\f0dd";
    }
    en étant pas d'image je ne peu pas mettre un backround-image

    une idee?

    merci
  • DudyDudy Member
    Résolu avec l'aide de Stéphane en MP ( c'est pour un Theme adapté que je vais partager bientôt)
    [== CSS ==]
    #static-1 {
        position:relative;
        padding: 2em 0 0 3em;
    } 
     
    #static-1:before {
           position:absolute;
            font-family: FontAwesome;
            content:"\f044";
    				left: 2px;
    				top:1.9em;
    				display: block;
    				background: #878787;
    				color: #e4e4e4;
    				width: 1.95em;
    				height: 1.95em;
    				border-radius: 1.95em;
    				line-height: 1.95em;
    				text-align: center;
    				box-shadow: 0.125em 0.175em 0 0 rgba(0,0,0,0.125);
    
           
           
        }
    
    
    Merci
Connectez-vous ou Inscrivez-vous pour répondre.