communauté francophone de joueurs sims
 
AccueilAccueil  Le site  Chaine You Tube  S'enregistrerS'enregistrer  ConnexionConnexion  Dernières imagesDernières images  RechercherRechercher  
Le Deal du moment : -17%
Casque de réalité virtuelle Meta Quest 2 ...
Voir le deal
249.99 €

Partagez
 

 [Apprenti] Forumactif, les liens vers les sous-forums

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Poseur d'avant-garde
Illendel
Illendel
Poseur d'avant-garde
Féminin Date d'inscription : 16/10/2009
Age : 33
Localisation : Lyon

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 16:40

Forumactif - Mettre des liens vers les sous-forums et les styler


Bonjour
Aujourd'hui, on va voir comment ajouter les liens des sous-forums de chaque forum dans son cadre sur la page principale. Et puisqu'on n'est pas des bêtes, on va faire ça joliment

Étape 1 : Ajout des liens
Pour ajouter les liens en page principale, il faut commencer par aller dans le panneau d'administration du forum, onglet Général, partie Catégories et forums.
Et on modifie un de ces forums, qui contient un ou plusieurs sous-forum(s).
Dans la description, on va ajouter un code de la forme suivante :
Code:

<div align="right">
   <a class="nom_css" href="lien-vers-sous-forum">Nom du sous-forum</a>
   <a class="nom_css" ... </a>
</div>

Commentaires sur le code :
La valeur de 'align' par défaut est left, donc si vous voulez aligner à gauche, cette option peut être retirée. L'autre valeur possible est 'center'.
L'attribut 'class' du lien (a) sera celui de votre choix, il vous permettra de donner du style à vos liens, ce que l'on verra dans la deuxième étape.
Le lien-vers-sous-forum est en revanche bien déterminé. Vous devez mettre le vrai lien, quand vous êtes sur la page de ce sous-forum, quand vous voyez la liste des sujets qu'il contient.
Par exemple sur Sims Artists, dans Demande et Dépôt de tuturiel, le lien vers le sous-forum Dépôt de tutoriels est http://www.sims-artists.com/f28-depot-de-tutoriels
Et vous répétez cela autant de fois qu'il y a de sous-forums, et ce dans chaque forum qui en contient.
C'est laborieux et cela peut demander pas mal de travail si le forum est grand et contient beaucoup de sous-forums.

Étape 2 : Donnons du style
Cette étape est la plus marrante, et aussi la plus courte.
Si vous voulez que votre forum soit uniforme et rende bien, il vaut mieux que tous les liens aient le même style. Donc normalement, vous avez donné la même classe à chaque lien, et ce style n'aura donc besoin d'être défini qu'une seule fois.
Pour ajouter ce code, on va aller dans l'onglet Affichage du panneau d'administration, partie couleur, onglet Feuille de style CSS.
On ajoute :
Code:

.nom_css{}
a.nom_css:hover{}

Dans les accolades du premier, on met les attributs CSS avec les valeurs que l'on souhaite pour le style permanent des liens.
Dans le deuxième on met le style que l'on veut au survol du lien.
Si vous avez des connaissances en CSS, amusez-vous !
Sinon, vous pouvez consulter mes autres tutoriels, qui contiennent quelques codes, exemples et explications sur les CSS.
Et puis je vais vous concocter un petit tuto consacrés aux attributs CSS je sens ... Wink

Je vous mets un petit exemple, avec ce que ça donne :
Code:

.sforum{
    color: #838383;
    background-color : #dbe6f4;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 12px;
    padding: 2px 5px;
    }
a.sforum:hover{
    color: #bb536e;
    background-color : #dbe6f4;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    font-size: 13px;
    padding: 2px 5px;
    }
Le résultat :
[Apprenti] Forumactif, les liens vers les sous-forums 18828094982202_aperusousforum


Dernière édition par Illendel le Jeu 29 Déc 2011, 19:23, édité 1 fois
Revenir en haut Aller en bas
Poseur d'avant-garde
Illendel
Illendel
Poseur d'avant-garde
Féminin Date d'inscription : 16/10/2009
Age : 33
Localisation : Lyon

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 16:49

- CASSOU* a écrit:
Je peux aussi faire ça avec les descriptions des catégories ?
Ou même avec n'importe quel codes dans les posts ?

Oui par contre il y a des classes prédéfinies pour ça, je t'en mets quelques unes vite fait.

.bodyline : Cadre principal du forum
.forumline : Cadres internes
topictitle : Titres des topics
.secondarytitle : Titres des catégories (sauf sujets et messages)
th : Lignes des catégories-cadres
maintitle : Nom - Titre du forum (quand non remplacé par une bannière)
cattitle : Titre du Qui est en ligne - Nom Topic

Et fais des tests. Pour savoir exactement à quoi ça correspond, teste les un par un ^^

- CASSOU* a écrit:

Je demandais si les classes, on peut les utiliser pour faire d'autres choses que des listes de liens ?

Tu peux t'en servir pour définir les styles que tu veux.
Mais dans forumactif, il y a déjà des choses définies, si c'est en dehors d'un forum, tu peux t'en servir pour à peu près n'importe quoi.

Vous trouverez des compléments d'information sur les classes dans ce tuto :
http://www.sims-artists.com/t1990-debutant-les-css-coins-arrondis-en-css3

MODE D'EMPLOI

N'hésitez pas à remercier l'auteur de ce tutoriel ou à faire partager votre expérience personnelle. Si vous avez créé quelque chose en suivant le tuto pourquoi pas la poster afin de la montrer à l'auteur

-----------------------------------------

Pour d'éventuelles questions, c'est par ici et si vous souhaitez en apprendre plus sur le sujet, rendez-vous dans la salle travaux pratiques

Bonne journée

Revenir en haut Aller en bas
Illustre illustrateur
Cassie
Cassie
Illustre illustrateur
Féminin Date d'inscription : 23/04/2011
Age : 24

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 16:52

Oooh merci Illou !
Ca faisait un bout de temps que je voulais apprendre les <*class>, ben c'est bon, maintenant je sais !
[Apprenti] Forumactif, les liens vers les sous-forums 571125
Revenir en haut Aller en bas
Poseur d'avant-garde
Illendel
Illendel
Poseur d'avant-garde
Féminin Date d'inscription : 16/10/2009
Age : 33
Localisation : Lyon

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 17:09

Tant mieux si ça t'est utile.
je suis là en cas de besoin ^^
Revenir en haut Aller en bas
Grand artiste du pinceau
Maripiou
Maripiou
Grand artiste du pinceau
Féminin Date d'inscription : 29/01/2011
Age : 36
Localisation : Au Sud

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 19:08

Merci Ill' pour ce tuto très intéressant! Ça serait pratique qu'on ait ça sur le forum. Very Happy
Revenir en haut Aller en bas
http://maripiou.jimdo.com/
Admin
Fuyaya
Fuyaya
Admin
Féminin Date d'inscription : 29/09/2009
Age : 44
Localisation : Aubais

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 19:13

Merci pour le tuto cheers


Dernière édition par Fuyaya le Jeu 29 Déc 2011, 12:27, édité 1 fois
Revenir en haut Aller en bas
http://fuyaya.tumblr.com/
Grand artiste du pinceau
tchoutchou7
tchoutchou7
Grand artiste du pinceau
Masculin Date d'inscription : 27/09/2009
Age : 33
Localisation : Canada

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 19:22

Merci pour le tuto Illou !

Ça y est t'es de retour pour de bon, ça fait plaisir ! bounce

[Apprenti] Forumactif, les liens vers les sous-forums 822878
Revenir en haut Aller en bas
http://changementdetrain.wordpress.com
Ange gardien
pomme-kiwi
pomme-kiwi
Ange gardien
Féminin Date d'inscription : 27/09/2009
Age : 37

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 20:29

Merci beaucoup Illou!!! Ca peut vraiment me servir ça (mais c'est pas demain qu'on aura ça sur le forum même si j'y travaille va falloir être patients!!)
Revenir en haut Aller en bas
http://www.dressingresponsable.com
Grand artiste du pinceau
Camelya
Camelya
Grand artiste du pinceau
Féminin Date d'inscription : 06/05/2011
Age : 32
Localisation : Dans mon lit.

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyMer 14 Déc 2011, 20:36

Merci Ill pour le tuto !!
Revenir en haut Aller en bas
http://legrenierdetatacamy.jimdo.com/
As de l'acrylique
lolitaitu
lolitaitu
As de l'acrylique
Féminin Date d'inscription : 11/07/2010
Age : 28
Localisation : Marseille

[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums EmptyJeu 29 Déc 2011, 14:36

Il manquait une info dans le titre pour l'emplacement du tutoriel. J'ai donc prise l’initiative de le ranger dans Forum Site et Blog.
Revenir en haut Aller en bas
Contenu sponsorisé


[Apprenti] Forumactif, les liens vers les sous-forums Empty
MessageSujet: Re: [Apprenti] Forumactif, les liens vers les sous-forums   [Apprenti] Forumactif, les liens vers les sous-forums Empty

Revenir en haut Aller en bas
 
[Apprenti] Forumactif, les liens vers les sous-forums
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Apprenti] Forumactif PHPBB2 - Déplacer la chatbox
» [Apprenti] Forumactif - Créer un sommaire : faire un lien vers un post
» [Apprenti] Forumactif : Suppression des colonnes "Sujets" et "Messages" sur la page d'accueil
» [Apprenti] Forumactif PHPBB2 - Editer les templates pour personnaliser votre forum
» [Apprenti] Créer des liens interne (ancre) ou externe (un autre site)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Sims Artists :: Apprentissage :: Informatique et Internet :: Forum, Site "clef en main" et Blog-
Sauter vers: