besoin d'aide pour des onglets

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

  • 0

Résolu besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 19:15

bonjour, sa fait 3 mois maintenant que j'essaye de mettre mes différentes catégories dans mes différents onglets et que n'y arrive pas alors par pitié est-ce que quelqu'un aurait le temps et saurait m'arranger mon code pour que mes catégories se retrouvent dans les bon onglets ?
si par chance vous êtes volontaire je vous remercie d'avance >w< !!!!


Dernière édition par kimeko le Ven 25 Mar 2011 - 22:33, édité 1 fois

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: besoin d'aide pour des onglets

Message par Ea le Ven 25 Mar 2011 - 19:23

Bonjour,


Vous voulez dire avoir des onglets et suivant l'onglet on ne voit que les forums de la catégorie associée à l'onglet ?

Mais ça oblige vos utilisateurs à s'amuser à faire à chaque fois tout les onglets pour voir où il y a des nouveaux messages, je trouve ça plutôt " embêtant " =/

Mais il y aurait moyen d'avoir des onglets " tout / partie 1 / partie 2 / partie 3 " comme ça ceux que vos onglets gonflent peuvent choisir l'option du tout =P

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 19:34

sa serai super mais comment faire alors svp ? pouvez vous m'aider ?

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: besoin d'aide pour des onglets

Message par Ea le Ven 25 Mar 2011 - 20:23

Il faudrait faire un script qui réalise cela ^^


C'est pour le forum http://edenoftheeast.openu2.com/ ?

Et il faut que les onglets soient où et comment ( à gauche, au dessus, avec des images, juste du texte, un fond, que la façon dont l'onglet est affiché change si c'est celui en cours, ... ) ?

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 21:07

oui sa serait pour lui ^^
alors je voudrai que les onglets soit au dessus et qu'ils aient ce fond lorsqu'ils sont actif :https://i64.servimg.com/u/f64/15/44/98/38/barres11.png
et celui ci lorsqu'il ne le sont pas :https://i67.servimg.com/u/f67/15/37/25/29/barres10.png
qu'il y ai donc 4 onglets avec le nom des catégories ^^

est-ce qu'il faut que je vous envoie mes codes ?

et merci beaucoup de votre aide vous ne pouvez pas savoir comme cela me fait plaisir !

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: besoin d'aide pour des onglets

Message par Ea le Ven 25 Mar 2011 - 21:09

Donc vous voulez des boutons avec le fond https://i64.servimg.com/u/f64/15/44/98/38/barres11.png pour un onglet activé et le fond https://i67.servimg.com/u/f67/15/37/25/29/barres10.png pour un onglet non activé ?

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 21:25

oui c'est sa ^^


kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: besoin d'aide pour des onglets

Message par Ea le Ven 25 Mar 2011 - 21:47

D'accord alors créer une page html ( dans PA > modules > gestion des pages html ) et mettez dedans "abc" ( ne mettez pas le haut ni le bas du forum ) puis enregistrez.

Revenez à l'édition de la page ( en appuyant sur le edit de la ligne avec la page dans la liste des pages ) et remplacez le "abc" par le contenu qu'il dans le bloc noir sur la page : ici puis enregistrer la modification.

Maintenant dans la liste des pages il y a une loupe, cliquez sur celle de la page crée et la page s'ouvrira.

Prenez son adresse dans la barre d'adresse, ça devrait être du style de :

Code:
http://edenoftheeast.openu2.com/h1-onglets
Maintenant direction les templates, éditez le template index_body ( PA > Affichages > Templates général > index_body > edit ) et cherchez "{BOARD_INDEX}", juste après quoi vous mettez :

Code:
<script type="text/javascript" src="http://edenoftheeast.openu2.com/h1-onglets"></script>
Ou si votre page html a une autre adresse vous pouvez remplacé l'attribut src par le bon.

Enregistrez puis publiez et le fonctionnement par onglet sera là.

Il ne reste plus qu'à mettre un peu de style sur les onglets, voici un exemple d'un peu de css que vous pourriez utiliser ( à mettre dans PA > Affichage > Couleurs > Feuille de style ) :

Code:
/* code du conteneur des onglets */
#ongline {
  text-align: center;
  padding: 30px;
}
/* code s'appliquant a chacun des onglets */
#ongline a {
  background: url(http://i67.servimg.com/u/f67/15/37/25/29/barres10.png);
  text-decoration: none!important;
  padding: 5px;
  marging-left: 10px;
  margin-right: 10px;
  color: #63a5ff;
  font-weight: bold;
  border: 2px solid #95c2ff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/* code s'appliquant a l'onglet selectionne et aux onglets survoles */
#ongline a.ccurrent,#ongline a:hover {
  background: url(http://i64.servimg.com/u/f64/15/44/98/38/barres11.png);
  border: 2px solid #6cb1ff;
  color: #228aff;
}
/* code s'appliquant a l'onglet selectionne */
#ongline a.ccurrent {
  border-radius: 10px;
  -moz-box-shadow: 0px 0px 5px #228aff;
  -webkit-box-shadow: 0px 0px 5px #228aff;
  box-shadow: 0px 0px 5px #228aff;
}
Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: besoin d'aide pour des onglets

Message par Ea le Ven 25 Mar 2011 - 21:53

Il fallait ajouter le code en étant dans le mode +html ( avec cette icône au dessus de l'éditeur ).

Sinon dans l'autre mode ça ajoute par exemple des <br> à la place des retours à la ligne et ça empêche le code de fonctionner ^^

( pour passer au mode +html il suffit de cliquer sur l'icône -html )

Et le css il faut l'ajouter dans PA > Affichage > Couleurs > Feuille de style et pas du tout dans le template.

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 22:11

gros probleme ><! j'ai tout fait comme vous m'avez dit mais voila se qui se passe maintenant... http://edenoftheeast.openu2.com/

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.

Résolu Re: besoin d'aide pour des onglets

Message par Ea le Ven 25 Mar 2011 - 22:14

J'ai déjà fait un message avec les erreurs que vous avez fait =D

Il faut remettre la template index_body comme elle est à la base ( avec le bouton suppr ).

Tout ce que vous avez à ajouter dans cette template c'est une balise <script ...></script> comme vous aviez bien fait avant de tout remplacer par le code css je ne sais pas pourquoi cat

Et le css il faut l'ajouter dans la feuille CSS ( j'ai donné le chemin qui est PA > Affichage > Couleurs > Feuille de style ).

Puis il faut recopier le script dans la page html mais en étant cette fois en mode +html Wink

Cordialement.

Ea
Aidactif
Aidactif

Messages : 23442
Inscrit(e) le : 04/04/2008

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

Résolu Re: besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 22:22

j'ai pas trop compris là >< que faut t-il mettre dans la balise script qui sera dans index_body ?

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: besoin d'aide pour des onglets

Message par kimeko le Ven 25 Mar 2011 - 22:28

oui !!! sa yé merci infiniment !! >w<!! vous pouvez pas savoir comme je suis contente merci beaucoup ! voila le résultat final ; ) http://edenoftheeast.openu2.com/

kimeko
**

Féminin
Messages : 72
Inscrit(e) le : 01/03/2011

http://edenoftheeast.openu2.com/
kimeko 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