Rappel du premier message :
Hey ! Bon heu je vous propose de quoi modifier la partie "revue des sujets", celle qui s'affiche pendant que vous écrivez un message... heu, explications en images !
Voilà donc on met tout sur la même ligne, puis on détache des blocs, en gros !
(Il faut être admin du forum pour y accéder ! )
Affichage > templates > poster et messages privés > posting_topic_review
Vous y êtes ? Parfait ! Vous pouvez remplacer le contenu du template en entier par ceci:
Validez, puis publiez le template, ensuite, direction le CSS !
Affichage > Couleurs > Feuille de style CSS
Rajoutez simplement ces quelques lignes:
Ensuite validez, et c'est terminé (=
...Ha et les gens de mon forum ont pas le droit de voir ça. Donc dehors ! (ce truc n'est pas DU TOUT un bout du prochain design -- oui je sais, je sers à rien.)
Revue des sujets - light
PHPBB2 - Templates et CSS - Niveau très facile
Hey ! Bon heu je vous propose de quoi modifier la partie "revue des sujets", celle qui s'affiche pendant que vous écrivez un message... heu, explications en images !
- tadam~:
- AVANT
APRES
Voilà donc on met tout sur la même ligne, puis on détache des blocs, en gros !
Template
(Il faut être admin du forum pour y accéder ! )
Affichage > templates > poster et messages privés > posting_topic_review
Vous y êtes ? Parfait ! Vous pouvez remplacer le contenu du template en entier par ceci:
- Code:
<!-- BEGIN switch_inline_mode -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" align="center" height="28"><b><span class="cattitle">{L_TOPIC_REVIEW}</span></b></td>
</tr>
<tr>
<td class="row1"><!-- END switch_inline_mode -->
<!-- BEGIN postrow -->
<!-- BEGIN displayed -->
<div class="postrevoir">
<div class="postnom" align="center" width="100%">
<a name="{postrow.displayed.POST_ID}"></a><span class="name"><b>{postrow.displayed.POSTER_NAME}</b></span><br />
<span class="postdetails"><img src="{ICON_TIME}" alt="" border="0" />{postrow.displayed.POST_DATE}</span>
</div>
<br /><div class="postbody">{postrow.displayed.MESSAGE}</div><br />
<!-- END displayed -->
<!-- BEGIN hidden -->
<div class="postbody {postrow.hidden.ROW_CLASS}" align="center">{postrow.hidden.MESSAGE}</div>
<!-- END hidden -->
</div>
<!-- END postrow -->
<!-- BEGIN switch_inline_mode -->
</td>
</tr>
</table>
<!-- END switch_inline_mode -->
Validez, puis publiez le template, ensuite, direction le CSS !
CSS
Affichage > Couleurs > Feuille de style CSS
Rajoutez simplement ces quelques lignes:
- Code:
/*REVUE DES SUJETS par Alu pour N-U*/
.postrevoir{background:white;margin:15px 0;padding:20px; box-shadow:2px 2px 5px lightgrey;}
.postrevoir .name{text-transform:uppercase;font-weight:400;}
.postnom{background:#F5F5F5;padding:5px;border-top:1px dotted gray;}
.postrevoir .postdetails{font-family:Sans-serif;}
Ensuite validez, et c'est terminé (=
...Ha et les gens de mon forum ont pas le droit de voir ça. Donc dehors ! (ce truc n'est pas DU TOUT un bout du prochain design -- oui je sais, je sers à rien.)
Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^
Si vous avez des problèmes avec ce LS, venez poster ici.
