templates et css modifié.

Admin

Sommaire

Admin

Glossaire pour CSS

a: Tous ce qui concerne les liens
a:hover: Quand on passe sur un lien
a .forumlink:hover: Quand on passe sur les titre des tes catégorie
.forumline: Toutes les ligne séparatrice du forum.
input: Champ de formulaire.
textarea: Zone de saisie multiligne.
select: Liste déroulante.
a.topictitle: Liens des sujets.
a.mainmenu: Modification du menu de navigation.
.thRight: Titre "message" dans chaque sujet ouvert.
.thLeft: Titre "auteur" dans chaque sujet ouvert.
.secondarytitle: Titre des colonnes des catégories "Forum", "Dernier messages".
.t-title h1: Titre des sujets quand le sujet et ouvert.
a.cattitle: Titre des catégorie.
a.nav: Navigation juste au dessus du forum.

Admin

Bannière et fond.

Pour que la bannière soit plus large que le forum et que l'on puisse mettre en même temps une image en fond.

Template -> overall_header_new
Coupez cette partie de code:

Code:: <table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>

<span class="gen">{SITE_DEscriptION}
</span>
</td>



<td align="center" width="100%" valign="middle">
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>

<div class="maintitle">{MAIN_SITENAME}</div>

<span class="gen">{SITE_DEscriptION}</span>
</td>



<td align="center" width="100%" valign="middle">
<div class="maintitle">{MAIN_SITENAME}</div>

<span class="gen">{SITE_DEscriptION}
</span>
</td>
<td>
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
</td>

</tr>
</table>

Et la placer au dessus de:

Code:: <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">

Enfin dans le css:

Code:: body {
margin : 0px;
}

Admin

Retour au sommaire

Modification sur l'avatar et le profil

Couleur autour du pseudo, rang, avatar et profil.
Pseudo et rang centrés.

Templates -> viewtopic_body

Code:: <div class="avapro"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong><div align="center">{postrow.displayed.POSTER_NAME}</span></strong><br />
         <span class="postdetails poster-profile">
         {postrow.displayed.POSTER_RANK}<br />
         {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div><br /><br />
         
         {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
         
         {postrow.displayed.POSTER_RPG}
      </span><br /></div>

Explications:
Une div autour de l'ensemble pour le cadre de couleur.
Un div pour center le pseudo et le rang.

Code:: <div align="center">{postrow.displayed.POSTER_NAME}</strong></span><br />
         <span class="postdetails poster-profile">
         {postrow.displayed.POSTER_RANK}<br />
         {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}</div>

Faire un profil masqué.

Code:: <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le profil')?'Masquer le Profil':'Afficher le profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le profil')?'none':'block';" style="text-align: center;">
   <input type="button" value="Afficher le profil" class="profil1"/>
      <div style="display: none; text-align:left;">
         {postrow.displayed.POSTER_RPG}</div>
</div>

Explications:
Ici je n'ai mit que la feuille de personnage à masquer, mais on pourrai très bien mettre tout le profil et même l'avatar.
->.profilmasque est la class pour le css.

Signification dans le code:

Code:: {postrow.displayed.U_POST_ID}

=> Lien sur le speudo.

Code:: {postrow.displayed.POSTER_NAME}

=> Affichage du speudo.

Code:: {postrow.displayed.POSTER_RANK}

=> Affichage du titre du Rang.

Code:: {postrow.displayed.RANK_IMAGE}

=> Affichage du Rang en image.

Code:: {postrow.displayed.POSTER_AVATAR}

=> Affichage de l'avatar.

Code:: {postrow.displayed.profile_field.LABEL}

=> Intitulé "Messages, dates d'inscription ...." dans le profil.

Code:: {postrow.displayed.profile_field.CONTENT}

=> Info "nombre de message, dates d'inscription ..." dans le profil.

Code:: {postrow.displayed.profile_field.SEPARATOR}

=> Retour à la ligne entre chaque infos.

Code:: {postrow.displayed.POSTER_RPG}

=> Fiche personnage.

Admin

Retour au sommaire

Qui est en ligne

Identifier ce que comporte un QEEL

Template -> Index_body
Le qeel de base:

Code:: 
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<td class="catHead" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></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}

{TOTAL_USERS}

{NEWEST_USER}</span></td>
</tr>
<tr>
<td class="row1"><span class="gensmall">{TOTAL_USERS_ONLINE}

{RECORD_USERS}

{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>

<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}


<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>

</span>
</td>
</tr>

</table>

Signification

Code:: {U_VIEWONLINE}

=> Lien de la phrase "Qui est en ligne" elle permet si on clique dessus d'afficher la carte de monde et de localiser tout les membres

Code:: {L_WHO_IS_ONLINE}

=> Phrase "Qui est en ligne". elle peut être changer par le texte que l'on veut.

Code:: {L_ONLINE_IMG}

=> Elle est dans une balise image, c'est en faite l'image que l'on à mit dans le panneau d'admin pour le qui est en ligne.

Code:: {TOTAL_POSTS}

=> Nombre de message sur le forum.

Code:: {TOTAL_USERS}

=> Nombre de membre sur le forum.

Code:: {NEWEST_USER}

=> Dernier membre inscrit sur le forum

Code:: {TOTAL_USERS_ONLINE}

=> Nombre de personnes en ligne (membres, invités et invisibles).

Code:: {RECORD_USERS}

=> Le record de membres connecté en même temps.

Code:: {LOGGED_IN_USER_LIST}

=> Les membres connecté actuellement.

Code:: {L_CONNECTED_MEMBERS}

=> Les membres connecté au cours des 24, 48 dernières heures.

Code:: {L_WHOSBIRTHDAY_TODAY}

=> Les membres qui faite leurs anniversaire le jour même.

Code:: {L_WHOSBIRTHDAY_WEEK}

=> Les membres qui faite leurs anniversaire dans la semaine.

Code:: {LEGEND}

=> Mot "légende" devant les groupes.

Code:: {GROUP_LEGEND}

=> Groupes du forum avec leurs nom et couleurs modifié dans le panneau d'admin.

Code:: 
<tr>
<td class="row1">
<span class="gensmall">{TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST}


<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>

</span>
</td>
</tr>

=> Information sur la chatbox quand elle est activé. Ça nous dit combien de personne est connecté à la chatbox et le nom des membres.

Admin

Retour au sommaire

Colonnes Sujets et Messages

Template -> Index_box

Placer ce code:

Code:: <table width="100%"><tr><td align="right"><span class="gensmall"><b>Sujets :</b> {catrow.forumrow.TOPICS} | <b>Messages :</b> {catrow.forumrow.POSTS}</span></td></tr></table>

Sous ce code:

Code:: <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>

Supprimer les codes suivant:

Code:: Code 1
<th nowrap="nowrap" width="50">{L_TOPICS}</th>

Code 2
<th nowrap="nowrap" width="50">{L_POSTS}</th>

Code 3
<td class="row3" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.TOPICS}</span>
</td>
<td class="row2" align="center" valign="middle" height="50">
<span class="gensmall">{catrow.forumrow.POSTS}</span>
</td>

Admin

Retour au sommaire

Opacité progressive

Aller dans PA » Général » Forum » Configuration » Description du site
mettre ce code:

Code:: <script type=text/javascript src=http://cadatlantis.free.fr/scripts/gradualfader.js></script>

Dans le templatte overall_footer mettre ce code

Code:: <script type="text/javascript">
gradualFader.init()
</script>

avant la balise de fin du body

Dans le code html pour les image avec opacité mettre:

Code:: <img src="Adresse URL de l'image" class="gradualfader">

Et dans le css:

Code:: .gradualfader{
filter:alpha(opacity=70);
-moz-opacity:0.7;opacity: 0.7;
}
.gradualfader:hover{
filter:alpha(opacity=100);
-moz-opacity:1;opacity: 1;
}

Admin

Retour au sommaire

Enlever la colonne d'icône des sujets.

tamplette -> topics_list_box.

Situez cet extrait :

Code:: 
<td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>

Et supprimez-le.

Plus haut, situez cet extrait :

Code:: <th colspan="{topics_list_box.row.header_table.COLSPAN}" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>

Et remplacez-le par :

Code:: <th colspan="2" align="center" nowrap="nowrap"> {topics_list_box.row.L_TITLE} </th>