Catégorie en onglet avec titre des catégories imagés =p

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

Résolu Catégorie en onglet avec titre des catégories imagés =p

Message par Xin-chan le Lun 2 Mai 2011 - 22:56

Bonjouuur Smile

Alors bien que j'ai utilisé la fonction recherché je n'ai pas trouvé ce que je cherche donc je me tourne vers vous !
Donc j'aimerai savoir le secret des catégories en onglet (si possible d'en mettre plusieurs dans un seul onglet) et comment faire en sorte que les titres soit imagés.

Merci beaucoup
Xin-chan


Dernière édition par Xin-chan le Mar 10 Mai 2011 - 19:24, édité 1 fois

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Flighter-X le Lun 2 Mai 2011 - 23:23

Salut !

Si tu veux mettre tes catégories en onglet, remplace ton template index_box par ça :

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}

        {CURRENT_TIME}

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

        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<div class="my_cat"> <ul></ul> </div>


<div class="my_cat_body">
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<table class="my_modified_table" width="100%" border="0" cellspacing="1" cellpadding="0">
  <div class="my_forum_name">{catrow.tablehead.L_FORUM}</div>
  <!-- END tablehead -->
 
  <!-- BEGIN forumrow -->
      <tr>
        <td colspan="3" class="my_title" align="center"><div class="myfoo_title"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div><img src="{SPACER}" alt="" height="5" width="1" /></td>
      </tr>
      <tr>
        <td class="my_img" valign="top"><img src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="" /></td>
        <td class="my_disc" width="300" valign="top" >{catrow.forumrow.FORUM_DESC}</td>
        <td class="my_stats" width="200" valign="top">
            Topics: {catrow.forumrow.TOPICS}

            Posts: {catrow.forumrow.POSTS}

            Dernier post: {catrow.forumrow.LAST_POST}

         
        </td>
      </tr>
  <!-- END forumrow -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
</div>

Tu publies. Ensuite, vas dans ton template overall_header, et tu cherches :

Code:
</head>

Et juste avant, tu colles ceci :

Code:
<script type="text/javascript" src="http://www.yourjavascript.com/0374901133/script.js" ></script>

Et une fois que tu as publié le tout, tu met ce CSS :

Code:
.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Verdana;
}

.my_forum_name{
  display:none;
}
.my_img{
width: 10%;
margin-left: 50px;
}
.my_disc{
width: 70%;
text-align:center;
font-size: 13px;
}
.my_stats{

 width: 20%;
text-align:center;
}

.myfoo_title{
  text-align:center;
  width: 100%;
  -moz-border-radius: 6px;
  border: 1px solid #EAEAEA;

}
.my_title{
  text-align:center;
  font-size: 14px;
font-family: Arial;
}

.my_cat_body{
border: 1px solid #EEE;
-moz-border-radius: 3px;

}

.my_cat ul{
margin:0;
padding: 0;
width: 800px !important;
}
.my_cat li{
margin-left: 2px;
}
.my_cat_style{
border-top: 1px #666 solid;
border-left: 1px #666 solid;
border-right: 1px #666 solid;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
text-align:center;
font-size: 11px;
padding-left:10px;
padding-right:10px;
display:inline;
background-color: #EAEAEA;
width: 200px;
font-family: Arial;
font-weight: bold;

}
.my_cat a{
text-decoration: none !important;
color: #000;
}

Ensuite, tu modifies comme tu veux Wink

Amicalement,

Flighter-X.

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Xin-chan le Lun 2 Mai 2011 - 23:26

Merciii Smile
Mais avec ce code je ne peux pas faire des titres imagés et je l'ai vu sur un forum avec des images :/

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Flighter-X le Lun 2 Mai 2011 - 23:31

Sur quel forum ?

Enfin, parce-que je vois pas trop comment faire u_u'


Amicalement.

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par LouSheeta le Mar 3 Mai 2011 - 9:09

Aurais-tu une image d'un forum sur lequel ça a été fait que l'on puisse avoir un aperçu de ce que tu recherche ?

LouSheeta
****

Féminin
Messages : 308
Inscrit(e) le : 17/08/2006

http://thewayofshadows.forumactif.fr  // http://forum-codage.for
LouSheeta a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Xin-chan le Mar 3 Mai 2011 - 16:18

Je viens de revoir le forum est en fait il ont mis une image en fond ^^"

merci beaucoup pour le code Smile Mais deux questions : comment mettre deux catégories dans un onglet ? et comment agrendir la largeur, car c'est pas asse large maintenant ><"

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Flighter-X le Mar 3 Mai 2011 - 16:24

Pour mettre deux catégories en onglet, tu en met une dans l'autre. Ou sinon tu en fais une grande et tu met les deux que tu veux dans la grande. Pour ce qui est de la hauteur, j'aurai besoin soit d'une capture, soit d'une précision, parce-que t'as demande est assez vague... Mais je crois que tout est à modifier dans ton CSS Wink

Amicalement, Flighter-X.

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Xin-chan le Mar 3 Mai 2011 - 16:34

Humpf, j'ai pas compris le truc d'en mettre deux en une ^^" Tu peux ré-expliquer pliz ?

Alors je montre le fo test : http://usdesign.forumgratuit.org/

Enfait je trouve la catégorie pas asse large, j'ai l'impression qu'elle était beaucoup plus large, ou longue avant. J'aimerai soit au niveau du ministère et du réponse Smile

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Flighter-X le Mar 3 Mai 2011 - 16:46

OK... (J'espère que je ne vais pas me gourer...)

Donc repère ça dans ton CSS :

Code:
&lt;code&gt;.my_modified_table{
  width: 80%;
  margin-left: 10%;
margin-right: 10%;
margin-top: 5px !important;

font-family: Verdana;
}&lt;/code&gt;

Et dans :

Code:
&lt;code&gt;width: 80%;&lt;/code&gt;



Tu replace 80% par la valeur que tu veux. Donc plus, si c'est ce que tu veux.



Amicalement, Flighter-X.

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Xin-chan le Mar 3 Mai 2011 - 16:49

C'est beaucoup mieux ! Merci beaucoup Very Happy Et pour le truc des deux catégories ? :O

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Flighter-X le Mar 3 Mai 2011 - 17:14

Super !

Pour les catégories, essaie de créer une catégorie. Dans cette catégorie, met une de tes catégories plus une de ton choix. Là, ça te feras deu catégories dans un onglet. Si ça marche pas, bah je verrai, alors.

Amicalement, Flighter-X.


Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Anzu le Lun 9 Mai 2011 - 23:01

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir délester votre sujet, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, dans ce cas, :editer: votre premier message et cochez l'icône résolu

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Catégorie en onglet avec titre des catégories imagés =p

Message par Xin-chan le Mar 10 Mai 2011 - 19:23

Tout est résolu en fait. Désolée j'avais complètement oublié Smile

Xin-chan
*****

Féminin
Messages : 769
Inscrit(e) le : 13/05/2006

http://dragonteapot.harrypotterrpg.fr/
Xin-chan 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