Faire des catégories rétractables, mais avec une icône +.
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Faire des catégories rétractables, mais avec une icône +.
Bonjour,
J'ai eu la chance de découvrir le tutoriel Catégorie rétractable sans invision sur ce forum, et j'en suis presque pleinement satisfait.
Seulement, j'aimerais, comme sur un forum invision (ou du moins l'exemple du tutorial), avoir un plus [+] ou un moins [-] (selon l'état de la catégorie, si elle est rétractée ou non) a droite de ma barre des titres ou à sa gauche.
Aussi, ne sachant comment procéder, pourriez vous éclairer ma lanterne ?
A savoir, je suis le fondateur du forum en question.
J'ai un CSS partiellement modifié, suis sous PhpBB2 (forum)/Google Chrome (navigateur), et le seul template modifié chez moi est celui cité dans le tutorial ci-dessus, à savoir index_box.
Merci à vous pour votre précieux soutien !
Amicalement,
Atsuki.
J'ai eu la chance de découvrir le tutoriel Catégorie rétractable sans invision sur ce forum, et j'en suis presque pleinement satisfait.
Seulement, j'aimerais, comme sur un forum invision (ou du moins l'exemple du tutorial), avoir un plus [+] ou un moins [-] (selon l'état de la catégorie, si elle est rétractée ou non) a droite de ma barre des titres ou à sa gauche.
Aussi, ne sachant comment procéder, pourriez vous éclairer ma lanterne ?
A savoir, je suis le fondateur du forum en question.
J'ai un CSS partiellement modifié, suis sous PhpBB2 (forum)/Google Chrome (navigateur), et le seul template modifié chez moi est celui cité dans le tutorial ci-dessus, à savoir index_box.
Merci à vous pour votre précieux soutien !
Amicalement,
Atsuki.
Dernière édition par AtsukiMD le Mer 5 Oct 2011 - 21:31, édité 1 fois
Re: Faire des catégories rétractables, mais avec une icône +.
Bonjour,
Et vous voulez la mettre où cette icône sur un phpbb2 ?
Ce n'est pas comme du punbb ou il y a une barre pour le titre et une barre pour les titre de colonne, ici il n'y a qu'une barre avec les noms de colonnes ( et le titre dans la première colonne ).
Et vous voulez la mettre où cette icône sur un phpbb2 ?
Ce n'est pas comme du punbb ou il y a une barre pour le titre et une barre pour les titre de colonne, ici il n'y a qu'une barre avec les noms de colonnes ( et le titre dans la première colonne ).
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Faire des catégories rétractables, mais avec une icône +.
Bonjour,
Je pensais mettre ces icônes à la gauche des barres de catégories, après avoir d'avantage réfléchi. C'est à dire à gauche de la barre où est présent le titre des catégories.
Cela est-il envisageable (bien que je pense que ça ne pose pas de problèmes particuliers) ?
Aussi, si ce bouton pouvait aussi être actif sur le message de bienvenue de l'index ainsi que sur le Qui est en ligne, ça serait génial
Amicalement,
Atsuki.
Je pensais mettre ces icônes à la gauche des barres de catégories, après avoir d'avantage réfléchi. C'est à dire à gauche de la barre où est présent le titre des catégories.
Cela est-il envisageable (bien que je pense que ça ne pose pas de problèmes particuliers) ?
Aussi, si ce bouton pouvait aussi être actif sur le message de bienvenue de l'index ainsi que sur le Qui est en ligne, ça serait génial
Amicalement,
Atsuki.
Re: Faire des catégories rétractables, mais avec une icône +.
D'accord.
L'astuce du tutoriel date un peu donc je l'ai refait un peu mieux ( et sans devoir éditer de template ) ^^
Déjà pour chaque titre de catégorie pour laquelle vous voulez la "rétraction" il faudra mettre au début du titre :
Une fois que c'est fait il suffira de mettre ce script sur l'index ( voir gestion des codes javascript ) :
Si par exemple je voulais remplacer le + par je peux ajouter au CSS :
L'astuce du tutoriel date un peu donc je l'ai refait un peu mieux ( et sans devoir éditer de template ) ^^
Déjà pour chaque titre de catégorie pour laquelle vous voulez la "rétraction" il faudra mettre au début du titre :
- Code:
<a class=tcat id=c0></a>
Une fois que c'est fait il suffira de mettre ce script sur l'index ( voir gestion des codes javascript ) :
- Code:
$(function() {
var a = +my_getcookie("tcat");
$(".tcat").append('<img class="sprite-tabs_less" src="http://2img.net/i/fa/empty.gif" alt="-" />').click(function() {
$(this).children().toggleClass("sprite-tabs_less");
$(this).children().toggleClass("sprite-tabs_more");
$(this).closest("table").toggleClass("toggledcat");
my_setcookie("tcat", +my_getcookie("tcat") ^ 1 << parseInt($(this).attr("id").substr(1)), 1, 0)
}).each(function() {
$(this).insertBefore($(this).parent());
a & 1 << parseInt($(this).attr("id").substr(1)) && (my_setcookie("tcat", a ^ 1 << parseInt($(this).attr("id").substr(1)), 1, 0), $(this).click())
}).closest("tr").addClass("trtitlecat")
});
- Code:
.tcat { float: left; padding-left: 10px; cursor: pointer; }
.toggledcat tr { display: none; }
.toggledcat tr.trtitlecat { display: table-row; }
Si par exemple je voulais remplacer le + par je peux ajouter au CSS :
- Code:
.tcat .sprite-tabs_more { background: url(http://2img.net/i/fa/i/smiles/icon_cry.gif); width: 15px; height: 15px; }
- Code:
.tcat .sprite-tabs_less { background: url(http://2img.net/i/fa/i/smiles/icon_biggrin.png); width: 15px; height: 15px; }
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Faire des catégories rétractables, mais avec une icône +.
Bonjour,
Je vais tenter votre astuce immédiatement, et double-posterai pour dire si mon problème est réglé
Un grand merci à vous !
Amicalement,
Atsuki.
Je vais tenter votre astuce immédiatement, et double-posterai pour dire si mon problème est réglé
Un grand merci à vous !
Amicalement,
Atsuki.
Re: Faire des catégories rétractables, mais avec une icône +.
Bonjour,
Comme prévu un double post
J'ai tenté votre astuce mais cela ne semble pas fonctionner. Cela pourrait-il être dû au fait que j'ai modifié le template index_box ?
Toujours est-il que le [+] apparaît, mais que cliquer dessus, bien que faisant apparaître un [-], ne déroule pas la catégorie en question. Donc le système +/- fonctionne bien, mais la rétractation ne fonctionne pas.
Aussi, serait-il possible de faire apparaître l'icône + (ou - selon les circonstances) avant le titre, et pas collée à celui-ci, donc avec un ou deux espaces les séparant ?
En vous remerciant,
Atsuki.
PS : Pour voir ce que ça donne si vous le souhaitez, rendez-vous ici.
Comme prévu un double post
J'ai tenté votre astuce mais cela ne semble pas fonctionner. Cela pourrait-il être dû au fait que j'ai modifié le template index_box ?
Toujours est-il que le [+] apparaît, mais que cliquer dessus, bien que faisant apparaître un [-], ne déroule pas la catégorie en question. Donc le système +/- fonctionne bien, mais la rétractation ne fonctionne pas.
Aussi, serait-il possible de faire apparaître l'icône + (ou - selon les circonstances) avant le titre, et pas collée à celui-ci, donc avec un ou deux espaces les séparant ?
En vous remerciant,
Atsuki.
PS : Pour voir ce que ça donne si vous le souhaitez, rendez-vous ici.
Re: Faire des catégories rétractables, mais avec une icône +.
En mettant par exemple :Aussi, serait-il possible de faire apparaître l'icône + (ou - selon les circonstances) avant le titre, et pas collée à celui-ci, donc avec un ou deux espaces les séparant ?
- Code:
<a class=tcat id=c0></a>Quelques essais...
Et pour ce qui est du "non" fonctionnement du script c'est parce qu'il y a aussi le script qui le fait ouvrir / fermer en cliquant sur la barre ( donc en cliquant sur le + / - la catégorie se ferme et s'ouvre donc reste ouverte ).
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Faire des catégories rétractables, mais avec une icône +.
Bonjour,
Le problème venait en effet de là Merci bien ^^
Et oui, en effet, j'avais mal compris et mis le </a> derrière mon titre
Dernière chose à vous demander : pourrais-je en faire de même avec le Qui est en ligne ? ainsi qu'avec le Message de bienvenue de la page d'accueil ? Et centrer le texte du "Qui est en ligne" pour qu'il soit semblable aux catégories ?
Merci à vous
Atsuki.
Le problème venait en effet de là Merci bien ^^
Et oui, en effet, j'avais mal compris et mis le </a> derrière mon titre
Dernière chose à vous demander : pourrais-je en faire de même avec le Qui est en ligne ? ainsi qu'avec le Message de bienvenue de la page d'accueil ? Et centrer le texte du "Qui est en ligne" pour qu'il soit semblable aux catégories ?
Merci à vous
Atsuki.
Re: Faire des catégories rétractables, mais avec une icône +.
Il faudrait ajouter ceci :
Il faut que le c3 et c4 suivent le modèle des catégories ( donc qu'il n'y a pas le même chiffre après le c et que ça soit en dessous de 32 ).
- Code:
$(".catHead span.cattitle:contains(Message d'accueil)").prepend("<a class=tcat id=c3></a>");
$(".catHead span.cattitle:contains(Qui est en ligne ?)").wrapInner("<center />").prepend("<a class=tcat id=c4></a>");
- Code:
$(function() {
Il faut que le c3 et c4 suivent le modèle des catégories ( donc qu'il n'y a pas le même chiffre après le c et que ça soit en dessous de 32 ).
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Faire des catégories rétractables, mais avec une icône +.
Ça marche !!
Un énorme merci à toi, je t'en dois une ;D
Arigatô Gozaimasu ! C'est désormais parfait !
En te remerciant encore une fois,
Atsuki.
Un énorme merci à toi, je t'en dois une ;D
Arigatô Gozaimasu ! C'est désormais parfait !
En te remerciant encore une fois,
Atsuki.
Re: Faire des catégories rétractables, mais avec une icône +.
Up
En fin de compte, j'aurais une dernière demande assez rapide
Le Qui est en ligne étant un lien, il est chez moi de couleur verte. Comment faire pour le mettre simplement de couleur de noire ? =)
Merci à vous ^^
En fin de compte, j'aurais une dernière demande assez rapide
Le Qui est en ligne étant un lien, il est chez moi de couleur verte. Comment faire pour le mettre simplement de couleur de noire ? =)
Merci à vous ^^
Re: Faire des catégories rétractables, mais avec une icône +.
Vu que le script rajoute un :
- Code:
class="trtitlecat"
- Code:
.trtitlecat * { color: #000!important; }
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Faire des catégories rétractables, mais avec une icône +.
Bonjour,
J'ai rajouté la ligne en question dans le CSS mais cela ne marche pas...
Amicalement,
Atsuki.
J'ai rajouté la ligne en question dans le CSS mais cela ne marche pas...
Amicalement,
Atsuki.
Re: Faire des catégories rétractables, mais avec une icône +.
Salut AtsukiMD,
si ton forum est celui de ton profil:
Ajoutes ceci dans ta css:
#ffffff; représentant la couleur blanche
si ton forum est celui de ton profil:
Ajoutes ceci dans ta css:
#ffffff; représentant la couleur blanche
- Code:
a.cattitle
{
color: #ffffff;
}
Invité- Invité
Re: Faire des catégories rétractables, mais avec une icône +.
Enfin de compte, le code d'Etana marche, au temps pour moi. J'avais mal du enregistrer xD
Un grand merci à Etana Et merci à toi aussi Milouze
Un grand merci à Etana Et merci à toi aussi Milouze
Sujets similaires
» Faire un autre rang que "Admin" mais avec les même capacités
» Catégories retractables
» Catégories/forums rétractables - Aspect visuel
» Soulignement des catégories en index mais pas pour les sous catégories ...
» Catégories rétractables déjà rétractées ?
» Catégories retractables
» Catégories/forums rétractables - Aspect visuel
» Soulignement des catégories en index mais pas pour les sous catégories ...
» Catégories rétractables déjà rétractées ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum