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 Dim 10 Juin 2012 - 18:08
coucou ,

Par défaut le module prend toute la largeur du forum,
nous allons donc voir comment réduire sa dimension et sa position hinhin .

Voir l'aperçu:

Spoiler:





Affichage/Templates/Général/viewtopic_body


Recherchez ceci:

Code:

<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>


Remplacez par ceci:
Code:

<td class="M14_td_quickreply">
<div class="M14_quickreply">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</div>
</td>

Pensez a enregistrer les modifications en cliquant respectivement sur et

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



Collez ceci:
Code:

/*Le bloc de la réponse rapide*/
.M14_quickreply
{
background:#ffffff;/*la couleur de fond*/
width:50%;/*la largeur du bloc*/
margin-left:25%;/*on positionne le bloc à 25% de la gauche*/
padding:5px;/*on mets une marge de 5px */
border:1px solid #20aec8;/*une bordure de 1px en continu et la couleur*/
/*bordures arrondies navigateurs récents*/
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/*L'apparence du module de redaction*/
.M14_quickreply #text_editor_textarea
{
font-size:10px;/*taille de la police*/
color:#20aec8;/*couleur de police*/
border:1px dotted #20aec8;/*une bordure de 1px en pointilles et la couleur*/
/*bordures arrondies navigateurs récents*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
Il ne vous reste plus qu'à valider les modifications de votre feuille de style en cliquant sur Valid .

Afin que vous compreniez pourquoi le module est placé à telle place
je vais vous détailler les valeurs:
Le bloc est positionné au centre grâce au valeur donnée dans la feuille de style.

J'ai attribué une largeur de 50% donc il manque 50% quelque part moqueur .
Si je supprime :
margin-left:25%;
Le bloc sera à gauche
Si je décide de mettre ce bloc a droite , il faudra modifier par:
margin-left:50%;

Si vous voulez que le bloc est une largeur de 60% et qu'il soit centré,
il faudra alors mettre:
margin-left:20%;

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