Test forum
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Test
 
AccueilAccueil  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

Test forum :: Votre 1ère catégorie :: Votre 1er forumPartagez

Votre 1er sujet

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Votre 1er sujet Votre 1er sujet Icon_minitimeVen 23 Mar - 18:28
    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.


Dernière édition par Love Darkness le Sam 24 Mar - 7:25, édité 1 fois
Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitimeSam 24 Mar - 7:16
    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>
                      <!-- BEGIN switch_logo_left -->
                      <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>
                      <!-- END switch_logo_left -->

                      <!-- BEGIN switch_logo_center -->
                      <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>
                      <!-- END switch_logo_center -->

                      <!-- BEGIN switch_logo_right -->
                      <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>
                      <!-- END switch_logo_right -->
                  </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;
    }
Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitimeSam 24 Mar - 8:42
    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 />
                <!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                {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.[code]
Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitimeSam 24 Mar - 8:45
    Qui est en ligne

    Identifier ce que comporte un QEEL


    Template -> Index_body
    Le qeel de base:

    Code:
    <!-- BEGIN disable_viewonline -->
    <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>
      <!-- BEGIN switch_chatbox_activate -->
      <tr>
          <td class="row1">
            <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}

                <!-- 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>
    <!-- END disable_viewonline -->

    Signification

    Code:
    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:
    Code:
    {L_WHO_IS_ONLINE}
    => Phrase "Qui est en ligne". elle peut être changer par le texte que l'on veut.

    Code:
    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:
    Code:
    {TOTAL_POSTS}
    => Nombre de message sur le forum.

    Code:
    Code:
    {TOTAL_USERS}
    => Nombre de membre sur le forum.

    Code:
    Code:
    {NEWEST_USER}
    => Dernier membre inscrit sur le forum

    Code:
    Code:
    {TOTAL_USERS_ONLINE}
    => Nombre de personnes en ligne (membres, invités et invisibles).

    Code:
    Code:
    {RECORD_USERS}
    => Le record de membres connecté en même temps.

    Code:
    Code:
    {LOGGED_IN_USER_LIST}
    => Les membres connecté actuellement.

    Code:
    Code:
    {L_CONNECTED_MEMBERS}
    => Les membres connecté au cours des 24, 48 dernières heures.

    Code:
    Code:
    {L_WHOSBIRTHDAY_TODAY}
    => Les membres qui faite leurs anniversaire le jour même.

    Code:
    Code:
    {L_WHOSBIRTHDAY_WEEK}
    => Les membres qui faite leurs anniversaire dans la semaine.

    Code:
    Code:
    {LEGEND}
    => Mot "légende" devant les groupes.

    Code:
    Code:
    {GROUP_LEGEND}
    => Groupes du forum avec leurs nom et couleurs modifié dans le panneau d'admin.

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

                <!-- 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 -->
    => Information sur la chatbox quand elle est activé. Ça nous dit combien de personne est connecté à la chatbox et le nom des membres.
Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitimeSam 24 Mar - 8:48
    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">
                <!-- BEGIN switch_moderators_links -->
                {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->
                {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>
Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitimeSam 24 Mar - 8:51

    Opacité progressive


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



    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;
    }
Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Love Darkness


Love Darkness



Admin



Messages : 17
Age : 29

Feuille de personnage
Je suis : : Vampire
Description du personnage : :

Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitimeSam 24 Mar - 8:52
    Enlever la colonne d'icône des sujets.


    tamplette -> topics_list_box.

    Situez cet extrait :
    Code:
              <!-- BEGIN icon -->
              <td class="{topics_list_box.row.ROW_CLASS}" align="center" valign="middle" width="20">{topics_list_box.row.ICON}</td>
              <!-- END icon -->

    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>

Revenir en haut Aller en bas
https://test-love-darkness.kanak.fr

Omg, mais c'est Contenu sponsorisé









Votre 1er sujet Empty
MessageSujet: Re: Votre 1er sujet Votre 1er sujet Icon_minitime
Revenir en haut Aller en bas

Votre 1er sujet

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Test forum :: Votre 1ère catégorie :: Votre 1er forum-