Header
Partagez | 

[ForumActif] Image + opacité comme titre de catégorie [Astuce]

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Ocelline

Doyenne
Bons Points (BP) : 110
Voir le profil de l'utilisateur

Message Sujet: [ForumActif] Image + opacité comme titre de catégorie [Astuce]   Sam 7 Avr - 0:08

Hellow ♪♪♪

Un titre de catégorie imagé qui change d'opacité
Niveau débutant/intermédiaire by Ocelline, ne pas copier sans mon autorisation




Ce tutoriel va se dérouler en plusieurs étapes : La première sera celle de placer notre image de catégorie et les modifications à réaliser sur l'opacité de celle-ci.
Ready !

Pour commencer héberger l'image qui sera votre titre de catégorie, allez sur votre PA -> Général -> Configuration -> Catégorie et Forum après avoir héberger l'image.
Aller dans les options de votre catégorie et au lieu de taper du texte dans le champs du nom de la catégorie faite :
Code:
<img src="LIEN DE L'IMAGE">
et enregistrez cela. Si vous avez un message d'erreur sur votre PA pour la dite catégorie c'est normal n'y prêtez pas attention.

Puis pour intégrer l'option d'opacité après passage de la souris sur la catégorie, rajoutez
Code:
class="fading"
après l'url de l'image ce qui donne :
Code:
<img src="LIEN DE L'IMAGE"class="fading">

Ceci n'est pas la manière générale de procéder, c'est simplement une méthode plus facile à mon goût qui marche aussi bien. Si vous voulez personnaliser la modification de l'opacité, je vous conseille de créer une class à ce niveau.
Bisous.




Vous rencontrez un souci avec ce tutoriel ? Venez poser votre question [ici].

Idea N'oubliez pas de lire et de suivre les [règles de la section].
Revenir en haut Aller en bas




Merci Jen !
avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Ocelline

Doyenne
Bons Points (BP) : 110
Voir le profil de l'utilisateur

Message Sujet: Re: [ForumActif] Image + opacité comme titre de catégorie [Astuce]   Sam 11 Aoû - 15:46

Questions Fréquentes



La position de ma catégorie à changé :



Cette réponse peut vous intéresser, s'il vous arrive cela à la fin de la réalisation du tuto :
Spoiler:
 

Pour régler ce problème il suffit d'aller dans votre Panneau d'Administration -> Affichage -> Structure et Navigation et assurez vous d'avoir l'option "Séparer les catégories sur l'index" Si ce n'est pas le cas changez cela car c'est la conservation des catégories sur l'index qui provoque ce beug.

Comment faire pour que ma catégorie en image sur l'Accueil apparaisse entant que texte à l'intérieur des forums ?



Pour faire cela il suffit dans le titre de la catégorie d'écrire avant l'image :
Code:
 <span> ton titre de catégorie </span>

Et d'ajouter dans le css ce code-ci :
Code:
      .secondarytitle .cattitre img { display: inline!important }
.secondarytitle .cattitre span { display: none; }
Revenir en haut Aller en bas




Merci Jen !
[ForumActif] Image + opacité comme titre de catégorie [Astuce]
Page 1 sur 1
 Sujets similaires
-
» Utilisation du bouton Résolu
» Présentation - original comme titre , da ? -
» enlever le contour du forum ( resolu merci :)
» Effet d'opacité sur une image (ou autre chose)
» Niveau des catégories...
Réponse rapide

School of Progress :: La bibliothèque :: Tutoriels :: Informatique :: Codage+