Cadres Catégories arrondis
SOS-FORUM.com
     

Derniers sujets

» ATLANTIC CITY - rpg city
par Solitude 15/3/2017, 10:41

» Bonne Année 2015
par Chantra Chantrapa 5/3/2017, 20:31

» Rio de Janeiro
par Solitude 14/9/2015, 15:34

» Bon Anniversaire Zeco
par Laurent 29/5/2015, 06:29

» Plateforme d'affiliation Afflight
par Landry85 5/5/2015, 10:04


Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

Voir le sujet précédent Voir le sujet suivant Aller en bas  Message [Page 1 sur 1]

1 Cadres Catégories arrondis le 5/6/2010, 18:04

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
Hello à tous,
j'ai fais quelque recherches pour arrondir le contour de mes catégories mais je ne trouve que pour arrondir tout le forum è_é.
Alors j'aurai voulu savoir si cela était réellement possible.

Merci à la ou aux personnes qui m'aideront.



Dernière édition par PAPARAZZI™ le 9/6/2010, 20:58, édité 1 fois

2 Re: Cadres Catégories arrondis le 6/6/2010, 10:37

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Hello Paparazzi,

Quand tu dis arrondir les "catégories", tu parles bien de celles qui contiennent les forums (sections) ?

3 Re: Cadres Catégories arrondis le 6/6/2010, 13:12

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
Bonjour Very Happy,
voila une image pour illustrer un peu ce que j'aimerai.
J'ai entouré en violet ce que j'aimerai voir arrondis.

4 Re: Cadres Catégories arrondis le 6/6/2010, 21:10

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Alors il va falloir passer par le template index_box et cherche (Ctrl+F) :
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
Ce qui correspond aux cellules des titres.
Là on va ajouter un attribut "class" à la première cellule et lui donner ses coins arrondis de gauche, à la dernière cellule un autre "class" pour les deux coins arrondis de droite :
Code:
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle radiusleft"> {catrow.tablehead.L_FORUM}&nbsp;</th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th class="radiusright" owrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>

Dans la feuille de style CSS on reprend ainsi :
.radiusleft {
-moz-border-radius: 13px 0px 0px 13px;
-webkit-border-radius: 13px 0px 0px 13px;
border-radius: 13px 0px 0px 13px;
}
.radiusright {
-moz-border-radius: 0px 13px 13px 0px;
-webkit-border-radius: 0px 13px 13px 0px;
border-radius: 0px 13px 13px 0px;
}
Les trois lignes sont pour que tous les navs qui lisent les coins arrondis puissent les voir.
Quant aux valeurs, elles vont dans le sens des aiguilles d'une montre en commençant par :
TopLeft > TopRight > BottomRight > BottomLeft

5 Re: Cadres Catégories arrondis le 6/6/2010, 22:01

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
J'ai tenté ta manœuvrer mais ça ne marche pas complètement.
Voici mon rendu :

6 Re: Cadres Catégories arrondis le 7/6/2010, 18:16

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Ah mais c'est quoi cette ligne au-dessus du titre des catégories ?

Pour le QEEL, c'est dans le template index_body que ça se passe, et cherche :
Code:
<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>
Là aussi on va ajouter un identifiant (bien que "catHead" peut aussi le faire, mais je ne sais pas s'il apparait ailleurs) :
Code:
<td class="catHead radiusqeel" colspan="2" height="28"><span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span></td>

Dans le CSS on ajoute à la suite des autres :
.radiusleft {-moz-border-radius: 13px 0px 0px 13px;
-webkit-border-radius: 13px 0px 0px 13px;
border-radius: 13px 0px 0px 13px;
}
.radiusright {-moz-border-radius: 0px 13px 13px 0px;
-webkit-border-radius: 0px 13px 13px 0px;
border-radius: 0px 13px 13px 0px;
}
.radiusqeel {-moz-border-radius: 13px;
-webkit-border-radius: 13px;
border-radius: 13px;
}

7 Re: Cadres Catégories arrondis le 7/6/2010, 18:27

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
J'ai retiré le cadre du qeel, le rendu est celui que voulais.
J'ai créer une catégorie en fait qui se prénomme donc: Intendance romanesque et j'aurai voulu que toutes les futurs catégorie sois arrondies ...

8 Re: Cadres Catégories arrondis le 7/6/2010, 19:37

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Là où et ce que nous avons mis pour les coins arrondis, c'est valable pour tous les cadres de titre des catégories.
Preuve en est :

9 Re: Cadres Catégories arrondis le 7/6/2010, 19:56

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
J'ai retenté mais toujours le même problème O_O
Voici mon Template avec ton édit:
Spoiler:
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>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle radiusleft "> {catrow.tablehead.L_FORUM} </th>
      
      <th nowrap="nowrap"class="radiusright"  width="150"><div style="width:150px;"></div></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">&nbsp;</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="{catrow.forumrow.INC_CLASS}" 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">
         <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
                   <table width="100%"><tr><td><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</table></span>

         </h{catrow.forumrow.LEVEL}>
             <div class="descrifo"><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 -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
         </span>
      </td>
      <!-- BEGIN forum_link_no -->
   <td class="row3 over" align="center" valign="middle" height="50"><div style="width:155px;" class="gensmall"><div class="titreinfo">{catrow.forumrow.POSTS} merveilleux message(s) dans {catrow.forumrow.TOPICS} agréable(s) sujet(s).</div></div>

        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
      <!-- END forum_link_no -->
      <!-- BEGIN forum_link -->
      <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
      <!-- END forum_link -->
   </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 -->

10 Re: Cadres Catégories arrondis le 7/6/2010, 20:05

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Tu es sûre que c'est une catégorie ?
J'ai installé ton template sur mon FT exactement tel quel et toutes les catégories ont bien les coins arrondis :

11 Re: Cadres Catégories arrondis le 7/6/2010, 20:10

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm


Ben oui, je crois :S

12 Re: Cadres Catégories arrondis le 7/6/2010, 20:16

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Je peux avoir le lien de ce forum pour voir ?

13 Re: Cadres Catégories arrondis le 7/6/2010, 20:54

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm

14 Re: Cadres Catégories arrondis le 7/6/2010, 21:24

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Ce qui est bizarre, c'est que ce titre "Intendance..." n'est pas entre les balises "th" mais "td".
Cela dit, pour que ça fonctionne par ce système, il faut être dans Affichage >> Structure et hiérarchie > "Séparer les catégories sur l'index"

Je pense que ce n'est pas le cas, c'est ça ?

Il faut que je voie comment faire sans séparation des catégories sur l'index, mais là de suite je ne peux pas...

15 Re: Cadres Catégories arrondis le 7/6/2010, 21:27

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
Alors en fait j'avais édité les catégories à l'aide de: a.cattitle {
mais il ne marche plus si je passe la hiérarchie en "Séparer les catégories sur l'index :"

16 Re: Cadres Catégories arrondis le 9/6/2010, 20:22

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
Woups, excuse-moi, mais si tu ne veux pas séparer les catégories sur l'index, voici ce que nous pouvons faire en plus :
Dans la feuille de style CSS ajoute à la suite des deux autres codes :
.cat {-moz-border-radius: 13px 0px 0px 13px;
-webkit-border-radius: 13px 0px 0px 13px;
border-radius: 13px 0px 0px 13px;
}
.rowpic {-moz-border-radius: 0px 13px 13px 0px;
-webkit-border-radius: 0px 13px 13px 0px;
border-radius: 0px 13px 13px 0px;
}

17 Re: Cadres Catégories arrondis le 9/6/2010, 20:58

avatar
PAPARAZZI™
(Membre)
Voir le profil de l'utilisateur http://signal-graphique.forumactif.com/index.htm
SUPER !
C'est parfait.
Merci beaucoup Final' <3

18 Re: Cadres Catégories arrondis le 9/6/2010, 21:01

avatar
Final-Blonde
Staff du forum
Voir le profil de l'utilisateur http://sansfil.forumactif.com/
T'en prie ! Very Happy


Contenu sponsorisé

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

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

 
  •  

Créer un forum | © PunBB | Forum gratuit d'entraide | Signaler un abus | Forumactif.com