Image catégorie Bouton_activeImage catégorie Bouton_hoverImage catégorie Fb-hoverImage catégorie Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
Image catégorie EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Image catégorie EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Image catégorie EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Image catégorie EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Image catégorie EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Image catégorie EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Image catégorie EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Image catégorie EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
LEGO Icons 10331 – Le martin-pêcheur
35 €
Voir le deal

Partagez
 

Image catégorie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Bonjour !

Alors j'ai recherché, mais j'ai pas trouvé de réponse à ma question, si j'ai mal cherché je m'en excuse d'avance.
Donc voila, pour essaye de rendre un design plus "jolie" (tout est relatif) j'ai essayé de remplacé les titres de catégorie par des images, sauf que quand on va dans la catégorie, il y a toujours l'image et ça déforme le forum. Je voulais savoir si quand on est dans la catégorie l'image pouvait redevenir un lien texte, et que sur la page d'accueil ça soit une image ?

Pour mieux comprendre :
http://getbackers.forumactif.fr/ (donc là ça passe)
http://getbackers.forumactif.fr/f1-reglement (là ça déforme)
http://getbackers.forumactif.fr/f3-regles (pareille c'est pas beau)

Voici le code d'image que j'utilisais dans le titre des catégories :
Code:
<img src="http://i38.servimg.com/u/f38/14/28/12/86/0110.png"/><span style="display:none;">Before</span>

Y'a t-il une solution ? Car sur un forum j'avais vu que l'image des catégories n'apparaissait pas quand on était dedans ou dans un forum.
MessageSujet: Image catégorie   Image catégorie EmptyMar 09 Oct 2012, 10:59
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
Hello !

Je te conseille de lire mon addendum à la fin de ce tuto Wink
MessageSujet: Re: Image catégorie   Image catégorie EmptyMar 09 Oct 2012, 11:37
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Oh merci !!!
C'est parfait ça marche super =)
MessageSujet: Re: Image catégorie   Image catégorie EmptyMar 09 Oct 2012, 17:54
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
Pas trop non XD JE viens de réaliser qu'avec les forums en mode compressé ça déconnait au niveau de la navigation dans les sous forums, faudra que je me penche dessus.
MessageSujet: Re: Image catégorie   Image catégorie EmptyMer 10 Oct 2012, 01:37
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Oui je viens de voir, moi c'est le bouton : Répondre & Nouveau qui ont disparut (voir du coup verrouillé aussi)

(mais reste que le forum est plus déformé par mes images de catégorie)
MessageSujet: Re: Image catégorie   Image catégorie EmptyVen 12 Oct 2012, 08:48
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
Pour les boutons, ça ne vient pas de la solution que je t'ai donnée, il semblerait que tu aies retiré la cellule qui les contient dans tes templates '_'

Idem d'ailleurs pour le "bug" que j'avais cru voir, pourquoi as-tu mis un display:none dans le <span> ?
MessageSujet: Re: Image catégorie   Image catégorie EmptyVen 12 Oct 2012, 13:57
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Pourtant quand je retire le code de mon CSS mes boutons réaparaisse o_O

Code:
.secondarytitle h2 span, .hierarchy a span { display:none; }
.nav a > img { display : none }

Euh parce que quand on ma fait le design du forum c'était le code qu'on m'avait donné à mettre ^^"

Du coup je retire ? Donc :
Code:
<img src="http://i38.servimg.com/u/f38/14/28/12/86/0110.png"/><span style="display:none;">Before</span>
Devient :
Code:
<img src="http://i38.servimg.com/u/f38/14/28/12/86/0110.png"/><span>Before</span>
?
(pour être sûr)
MessageSujet: Re: Image catégorie   Image catégorie EmptyLun 15 Oct 2012, 06:34
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
En fait, un display:none ne fait pas disparaitre le code HTML, il cache juste le contenu de ce code à l'affichage. Or, quand je regarde le code source de ton forum, je ne vois aucun code pour les boutons. J'en déduis donc qu'il y a un souci ailleurs, reste à savoir où u_u'

Ou alors c'est parce que je suis en invitée Wink Il y a une section de ton forum où les invités peuvent poster ?

Edit : Ah, pardon, la réponse à ta question est oui, c'est ça ^^'
MessageSujet: Re: Image catégorie   Image catégorie EmptyLun 15 Oct 2012, 07:23
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Je vais retirer le display:none partout des titres des maintenant.

Oui les invités peuvent poster ici : http://getbackers.forumactif.fr/f48-invites

J'ai de nouveau essayé quand je retire le code du CSS les boutons remarche et dès que je le remet ils disparaissent ... *désespéré*
MessageSujet: Re: Image catégorie   Image catégorie EmptyJeu 18 Oct 2012, 18:11
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
Moi je vois le bouton "nouveau" O.o
MessageSujet: Re: Image catégorie   Image catégorie EmptyJeu 18 Oct 2012, 18:21
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Oui mais y'a pas répondre quand tu es dans un sujet =/

Par exemple tu vas sur ce sujet : (pas verrouillé ni rien) tu as pu nouveau ni répondre T_T http://getbackers.forumactif.fr/t49-one-piece-strong-world-rpg
MessageSujet: Re: Image catégorie   Image catégorie EmptySam 20 Oct 2012, 11:30
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
Ah oui, je vois, mauvaise conception du code de ForumActif =.=

Essaie en remplaçant cette ligne de CSS :
Code:
.nav a > img { display : none }
Par ceci :
Code:
td.nav a > img { display : none }
MessageSujet: Re: Image catégorie   Image catégorie EmptyDim 21 Oct 2012, 11:48
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
Ah c'est déjà mieux merci =)

Regarde avant ça faisait : https://i.servimg.com/u/f38/14/28/12/86/sans_t30.jpg

Avec le premier codage : https://i.servimg.com/u/f38/14/28/12/86/sans_t31.jpg

Et maintenant : https://i.servimg.com/u/f38/14/28/12/86/sans_t32.jpg

(y'a juste le bas où l'image revient mais elle ne déforme rien : https://i.servimg.com/u/f38/14/28/12/86/sans_t33.jpg )
MessageSujet: Re: Image catégorie   Image catégorie EmptyMer 24 Oct 2012, 07:43
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Image catégorie Empty
Ca semble mieux en effet. Par contre n'aurais-tu pas oublié de retirer le display:none ? O.o

Normalement, on devrait lire Get Backers RPG :: After :: Invités :: Partenariat mais sur ton forum on ne voit pas le "After", or mon code est supposé permettre son affichage (ce qui serait naturellement mieux)

Pour l'image qui réapparait en bas, c'est normal.

En fait, pour une raison qui m'échappe, les boutons "nouveau" et "répondre" sont inclus dans un bloc de classe .nav (chose absurde puisqu'ils n'ont rien à voir avec la navigation), ce qui fait que lorsque j'essaie de cacher l'image, ils sont supprimés également. Ma modification limite l'effet du code à certaines parties du forum, mais pas toutes.

Pour rectifier ça on peut rajouter un sélecteur de plus, ce qui nous donne :
Code:
td.nav a > img,
.catBottom .nav a > img {
    display : none
}
MessageSujet: Re: Image catégorie   Image catégorie EmptyVen 26 Oct 2012, 19:35
Revenir en haut Aller en bas
http://strong-world.forumactif.com/
Akesato
Akesato
{ Membre }
{ Membre }

Masculin Messages : 86



Image catégorie Empty
(désolé du temps de réponse)

Alors j'ai bien vérifié le display none est retirer de tous les titres de catégories.

Donc quand on est dans la catégorie on voit tjr l'image : http://getbackers.forumactif.fr/c3-after

Mais une fois qu'on est dans un sous forum c'est parfait : http://getbackers.forumactif.fr/f50-partenariat ou http://getbackers.forumactif.fr/t32-fiche-pub-du-forum
MessageSujet: Re: Image catégorie   Image catégorie EmptyMer 31 Oct 2012, 12:27
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Image catégorie Empty
Hello !
Ton problème est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension Image catégorie 926145
MessageSujet: Re: Image catégorie   Image catégorie EmptyDim 04 Nov 2012, 15:01
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



Image catégorie Empty
Bonjour,
Nous n'avons pas eu de nouvelles, comme là demandé Psycho.
Le sujet est donc archivé !

Bonne journée, Image catégorie 90719
MessageSujet: Re: Image catégorie   Image catégorie EmptyMer 07 Nov 2012, 08:07
Revenir en haut Aller en bas
Contenu sponsorisé




Image catégorie Empty
MessageSujet: Re: Image catégorie   Image catégorie Empty
Revenir en haut Aller en bas
 

Image catégorie

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Image de titre de catégorie disposée sur l'image de haut de catégorie
» problème de catégorie (image sous la catégorie)
» Problème image catégorie
» Problème image Categorie
» Image de fond de catégorie.

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit