Vous pouvez poster dans la section entraide pour vos forums sans être inscrit !


 

Partagez | .
 

 QEEL 1

SkySkyavatar Modérateur
Jeu 27 Juin - 2:53   

Bonjour,

Je vous propose un petit QEEL simple :
http://i83.servimg.com/u/f83/15/08/56/55/sans_t16.jpg

Pour ce faire il vous faut :

  • Une image 800X200 pX avec une déco sur les 200 premier px a gauche
  • Avoir accès aux templates phpBB2



Partie templates :
Arrow Panneau d'administration
Arrow Affichage
Arrow Templates
Arrow Général
Arrow Index_body
Arrow Vous cherchez :
Code:
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td class="catHead" colspan="2" height="28">
 <!-- BEGIN switch_viewonline_link -->
 <span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
 <!-- END switch_viewonline_link -->

 <!-- BEGIN switch_viewonline_nolink -->
 <span class="cattitle">{L_WHO_IS_ONLINE}</span>
 <!-- END switch_viewonline_nolink -->
 </td>
 </tr>
 <tr>
 <td class="row1" rowspan="6" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
 <td class="row1" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
 {TOTAL_USERS}<br />
 {NEWEST_USER}</span></td>
 </tr>
 <tr>
 <td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
 {RECORD_USERS}<br />
 <br />
 {LOGGED_IN_USER_LIST}</span></td>
 </tr>
 {L_CONNECTED_MEMBERS}
 {L_WHOSBIRTHDAY_TODAY}
 {L_WHOSBIRTHDAY_WEEK}
 <tr>
 <td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
 </tr>
 <!-- BEGIN switch_chatbox_activate -->
 <tr>
 <td class="row1">
 <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
 <!-- BEGIN switch_chatbox_popup -->
 <div id="chatbox_popup"></div>
 <script type="text/javascript">
 //<![CDATA[
 insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
 //]]>
 </script>
 <!-- END switch_chatbox_popup -->
 </span>
 </td>
 </tr>
 <!-- END switch_chatbox_activate -->
</table>
Arrow Vous remplacez par :
Code:
<table class="qeel" Width="800px"><tr><td width="200px"></td><td width="400px" class="qeel1" vAlign="top">{TOTAL_POSTS}<br />
 {TOTAL_USERS}<br />
  {NEWEST_USER}<br><br><span id="delf">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateur en ligne ::/,"utilisateur en ligne :<br>");</script>
  <script type="text/javascript">document.getElementById('delf').innerHTML=document.getElementById('delf').innerHTML.replace(/utilisateurs en ligne ::/,"utilisateurs en ligne :<br>");</script>
    <br><br><br>{LEGEND} :&nbsp;<br>{GROUP_LEGEND}</td><td width="200px" class="qeel2" vAlign="top"><table class="yosh">{LOGGED_IN_USER_LIST}<br><br>{L_CONNECTED_MEMBERS}</table></td></tr></table>
Arrow Vous enregistrez
Arrow Vous publiez

Partie CSS :
Arrow Panneau d'administration
Arrow Affichage
Arrow Couleur
Arrow Feuille de style CSS
Arrow Vous ajoutez ceci :
Code:
.qeel {
  background-image: url('http://i78.servimg.com/u/f78/11/33/41/62/sans_t17.png');
  background-repeat: no-repeat;
  height:200px;
}
.qeel1 {
  font-size:11px;
  padding-top:20px;
  width:400px;
}
.qeel2 {
  font-size:11px;
  padding-top:20px;
}
.yosh td {
  background: none !important;
}
Arrow Vous validez

Voila simple et rapide

Bonne journée
Page 1 sur 1

 Sujets similaires

-
» QEEL en tableaux
» QEEL Personnalisé [Lixyr]
» QEEL en onglet
» QEEL: Groupe en haut et organisation en 2 colonnes
» Un QEEL sur mesure pour mon forum

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum d'entraide de Mr. Docteur :: Libre service & commandes :: Codage :: Libre service :: Éléments pour vos forums-