Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

[ ↓ ]

Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

Milouze14


Fondateur

Milouze14

Message posté: le Lun 11 Mar - 10:24:09
coucou ,


Vous pouvez donner une apparence pour chaque outil de modération dans liste du menu déroulant hinhin .

L'aperçu en image:


Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:

/* l apparence du titre du menu moderation*/
.noprint select
{
background: #2b1e1d;/*la couleur de fond*/
color:#55bfcf;/*la couleur de police*/
padding:1px 3px 1px 3px;/*on donne un espace de 1px du haut 3 px a droite 1px du bas et 3 px de la gauche*/
border: 1px solid red;/*une bordure de couleur rouge et d une epaisseur de 1px*/
-webkit-border-radius: 5px;/*les bordures arrondies avec les prefixes*/
-moz-border-radius: 5px;
border-radius: 5px;
}

/*premier titre du menu moderation*/
.noprint option:nth-child(1){color:red;}
/*deuxieme titre du menu deroulant*/
.noprint option:nth-child(2){color: blue ;}
/*troisieme titre du menu deroulant*/
.noprint  option:nth-child(3){color:orange;}
/*quatrieme titre du menu deroulant*/
.noprint option:nth-child(4){color: pink;}
/*cinquieme titre du menu deroulant*/
.noprint  option:nth-child(5){color: silver;}
/*sixieme titre du menu deroulant*/
.noprint option:nth-child(6){color: olive;}
/*septieme titre du menu deroulant*/
.noprint option:nth-child(7){color: maroon;}

Explications:

La class .noprint sera notre point de repaire car elle est présente dans le template:
Affichage/Templates/Général/viewtopic_body
Code:

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
         <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <input type="hidden" name="t" value="{TOPIC_ID}" />

            <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
            <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

                          <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} 
                                  <input class="liteoption" type="submit" value="{L_GO}" />
                          </span>
         </form>
      </td>
   </tr>
</table>
<!-- END viewtopic_bottom -->

L'outil de modération est généré par la variable :
Code:
{S_SELECT_MOD}

Qui elle même génère un attribut select puis option, il faut entrer dans le code source de la page pour s'en rendre compte hinhin .

Prenons l'exemple du premier outils de modération:
Code:

.noprint option:nth-child(1){color:red;}

J'ai déposer une couleur mais vous pouvez aussi mettre le texte au centre ou à droite en insérant un
text-align:center ; (pour mettre le texte au centre)
text-align:right;(pour mettre le texte à droite)

La propriété CSS :nth-child(1) cherchera la première ligne de la liste et lui donnera l'apparence donnée dans la C.S.S
et ainsi de suite:
Code:
.noprint option:nth-child(2){color:blue;}


Voilà, c'est tout pour le moment clin oeil .





Fondateur des forums Milouze14

- Contact par MP -



Voir le sujet précédent Voir le sujet suivant Message [Page 1 sur 1]

[ ↑ ]

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

  
  • © PunBB | Signaler un abus