Catégories/Forums personnalisés o/

3 participants

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

Résolu Catégories/Forums personnalisés o/

Message par Asuna Nakamura Lun 18 Juil 2011 - 20:45

Bonsoir/Bonjour o/

J'ai vrai de mal avec tout ce qui concerne les codages... Moi pas comprendre ce langage. x.x
C'est donc pour cela que j'imploooore votre aide. Comme tout fondat'/admin je voudrais que mon forum soit le plus beaaaau et pour cela... Il faut de beaux codes >.<

Je voudrais modifier mes forums... 'fin voici le modèle


https://i.servimg.com/u/f48/16/68/57/94/moddde11.png [lorsqu'on passe la souris sur le nom du forum, j'aimerais que la police change]


L'index_box n'a pas été modifié. x_x

Mais voici mon CSS

Code:


a { text-decoration: none; }

.forumline{border:2px dotted #000000;
}


/* ------------------------------------ {Qui est en ligne} --------------------------------------------------------------------------------------------------------- */
.qeel_start
{
background-color: #FFF0E0;
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
}

.groupes
{
text-transform: uppercase;
font-size: 11px;
background-color: #ffffff;
padding-left: 7px;
padding-right: 7px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.qeel_align
{
margin-left: 10px;
}

.qeel_birth
{
background-color: #ebb19e;
-moz-border-radius-topleft: 18px;
-webkit-border-top-left-radius: 18px;
-moz-border-radius-topright: 18px;
-webkit-border-top-right-radius: 18px;
-moz-border-radius-bottomleft: 18px;
-webkit-border-bottom-left-radius: 18px;
-moz-border-radius-bottomright: 18px;
-webkit-border-bottom-right-radius: 18px;
}

.qeel_texte
{
background-color: #E89579;
padding-right: 8px;
padding-left: 8px;
text-align: justify;
width: 376px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}

.texte_qui
{
padding-left: 10px;
padding-right: 10px;
}


Je remercie d'avance la personne qui prendra en charge ma demande ! cherry


Dernière édition par Asuna Nakamura le Mar 19 Juil 2011 - 23:20, édité 1 fois
avatar

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par SoraNoHime Mar 19 Juil 2011 - 0:37

Bonsoir,

pouvez-vous me fournir la taille que feront les description des catégories s'il vous plait ? désirez-vous une barre de défilement à l'intérieur si le texte dépasse ?

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par Asuna Nakamura Mar 19 Juil 2011 - 1:17

Merci de prendre en charge ma commande ;3
Sinon ok pour la barre de défilement

540* largeur / 160* hauteur '.'
avatar

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par Shadows du 78 Mar 19 Juil 2011 - 1:19

Très beau schéma au passage.

C'est un truc de ce genre ?

http://hitagoschool.allgoo.net/
Shadows du 78

Shadows du 78
****

Masculin
Messages : 254
Inscrit(e) le : 28/09/2007

http://blog.milanricoul.com/
Shadows du 78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par SoraNoHime Mar 19 Juil 2011 - 1:22

@Shadows du 78, merci de ne pas flooder dans les demandes d'aide.

@Asuna Nakamura : e prends en charge votre demande, mais cela peut me prendre un peu de temps, n'hésitez pas à upper votre sujet (une fois toutes les 24h) en cas de besoin.

COrdialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par Shadows du 78 Mar 19 Juil 2011 - 1:26

Hmm.. A chacun sa notion de flood...
Shadows du 78

Shadows du 78
****

Masculin
Messages : 254
Inscrit(e) le : 28/09/2007

http://blog.milanricoul.com/
Shadows du 78 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par SoraNoHime Mar 19 Juil 2011 - 3:48

Voici votre template :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
   <tr>
      <td valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <span class="gensmall">{LAST_VISIT_DATE}<br />
         {CURRENT_TIME}<br />
         </span>
         <!-- END switch_user_logged_in -->
         <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
         <!-- BEGIN switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
         <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
         <!-- END switch_user_logged_in -->
         <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
   </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <th colspan="3" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
   </tr>
   <!-- END tablehead -->
   <!-- BEGIN cathead -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
         <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
               <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
         </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
   </tr>
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="row1" align="center" valign="middle">
         <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td  class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
         <div class="fo"><table width="100%" class="titrefo"><tr><td width="75%"><h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
         </h{catrow.forumrow.LEVEL}></td><td width="25%" align="right">
         <span class="gensmall">Messages : {catrow.forumrow.POSTS} | Sujets : {catrow.forumrow.TOPICS}</span></td></tr></table>
         <div class="descript"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span></div>
         <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
              <center> <span class="gensmall" id="subforums"><div class="soufo">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span><script type="text/javascript">
    jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
    </script></div>
         </span></center></div>
      </td>
      <td class="row1 over" align="center" valign="middle" height="50">
         <div style="width:150px;"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
      </td>
   </tr>
   <!-- END forumrow -->
   <!-- BEGIN catfoot -->
   <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
   </tr>
   <!-- END catfoot -->
   <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Ajoutez également ceci dans votre css :

.fo {
border : 3px solid #000000;
margin : 10px;
}

.titrefo {
border-bottom : 1px solid #000000;
}

.descript {
height : 160px;
width : 540px;
overflow : auto;
}

.soufo a {
color: #ffffff;
background-color: #000000;
border-top : 1px solid #000000;
border-left : 1px solid #000000;
border-right : 1px solid #000000;
margin-left : 10px;
margin-right : 10px;
padding : 2px;
}

en personnalisant les parties en rouge.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par Asuna Nakamura Mar 19 Juil 2011 - 5:15

C'est super, j'adore ! cherry

Mais serait-il possible que lorsqu'on passe la souris sur le titre du forum, la police de change ? ;.; + rajouter le nom du topic avec la date et le pseudo ?
>.<
avatar

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par SoraNoHime Mar 19 Juil 2011 - 9:42

Pour cela utilisez la css, par exemple :
Code:

a.forumlink:hover {
font-variant : small-caps;
}

par contre je n'ai pas compris ! rajouter le nom du topic avec la date et le pseudo ? si c'est parce que vous n'avez pas le titre appaaissant, allez dans PA > Affichage > Structure & hiérarchie

Afficher le titre du sujet du dernier message d'un forum sur l'index : cliquez sur oui et enregistrez.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégories/Forums personnalisés o/

Message par Asuna Nakamura Mar 19 Juil 2011 - 20:06

Ah oui merciii, ça fonctionne pour l'affichage des titres de topics xD
Merci beaucoup pour l'aide ! cherry
avatar

Asuna Nakamura
Nouveau membre

Messages : 27
Inscrit(e) le : 18/07/2011

http://gokusha-no-neko.forumactif.com
Asuna Nakamura a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum