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

Derniers sujets

» Silence Inside Me - Ouverture
par Solitude 3/3/2018, 12:36

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

» Bonne Année 2015
par Yoda 5/3/2017, 20:12

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

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

Le deal à ne pas rater :
Cdiscount : -30€ dès 300€ d’achat sur une sélection Apple
Voir le deal

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]

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

PAPARAZZI™
PAPARAZZI™
(Membre)
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

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Hello Paparazzi,

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

PAPARAZZI™
PAPARAZZI™
(Membre)
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.

Cadres Catégories arrondis Contourzdd

Final-Blonde
Final-Blonde
Staff du forum
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

PAPARAZZI™
PAPARAZZI™
(Membre)
http://signal-graphique.forumactif.com/index.htm
J'ai tenté ta manœuvrer mais ça ne marche pas complètement.
Voici mon rendu :
Cadres Catégories arrondis Cacehre

Final-Blonde
Final-Blonde
Staff du forum
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;
}

PAPARAZZI™
PAPARAZZI™
(Membre)
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 ...

Final-Blonde
Final-Blonde
Staff du forum
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 :

Cadres Catégories arrondis Captur39

PAPARAZZI™
PAPARAZZI™
(Membre)
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:

Final-Blonde
Final-Blonde
Staff du forum
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 :

Cadres Catégories arrondis Captur40

PAPARAZZI™
PAPARAZZI™
(Membre)
http://signal-graphique.forumactif.com/index.htm
Cadres Catégories arrondis Categpre

Ben oui, je crois :S

Final-Blonde
Final-Blonde
Staff du forum
http://sansfil.forumactif.com/
Je peux avoir le lien de ce forum pour voir ?

PAPARAZZI™
PAPARAZZI™
(Membre)
http://signal-graphique.forumactif.com/index.htm
ICI

Final-Blonde
Final-Blonde
Staff du forum
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...

PAPARAZZI™
PAPARAZZI™
(Membre)
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 :"

Final-Blonde
Final-Blonde
Staff du forum
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;
}

PAPARAZZI™
PAPARAZZI™
(Membre)
http://signal-graphique.forumactif.com/index.htm
SUPER !
C'est parfait.
Merci beaucoup Final' <3

Final-Blonde
Final-Blonde
Staff du forum
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 | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit

Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser