Header

Partagez | 

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

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

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Ocelline

Doyenne
Bons Points (BP) : 110
Voir le profil de l'utilisateur
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 !

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

avatar

Mes clubs


En savoir plus
Mes clubs extra-scolaires:

Ocelline

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

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
-
» Code pour mettre une image en fond de titre de catégorie.
» Image comme titre de catégorie déforme les sous forums
» dacalage de titre le catégorie ?
» Image en titre de catégorie.
» Mettre une image en titre de catégorie
Réponse rapide

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

Qui est en ligne ?

SoP en quelques chiffres

Nos étudiants ont posté un total de @messages@ messages.

Nous avons @membres_enregistres@ étudiants inscrits dans l’école.

Le dernier dossier validé est celui de @dernier_membre@.

@@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=Il/Elle fête son anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$&@$Ils fêtent leur anniversaire aujourd'hui : @membres_anniversaire_aujourdhui$, @@$Aucun membre ne fête son anniversaire aujourd'hui. @@

Ils étaient là hier

@derniers_membres_connectes$, @

Liste de présence

@membres_connectes$, @

La DirectionLes AssistantsLes SurveillantsLes ArtistesLes InspecteursLes PitresLes IntervenantsLes Doyens