Forum - GuppY 5.0 - Vos questions - Petit nom des boîtes libres pour le css

Nombre de membres 34 membres
Connectés : ( personne )
Snif !!!
 


le 14/03/2014 @ 17:53
par Katryne

Katryne



Coucou Sabine, j'ai un peu lu le tuto pour la numérotation des boîtes. Bouh que c'est compliqué ! et je n'arrive pas à donner un style particulier à la boîte libre où j'ai mis le slide-show.
Cette boîte porte le numéro 92 et elle est dans l'en-tête. Pour qu'elle n'affiche pas le titre, j'ai donc mis :
 
Code : css
.titre .T1FB92 {
display:none;
}
 
Et bé non, elle veut rien savoir !
J'ai insisté un peu et je lui ai mis du :

 
Code : css
.titre .T1FB92 {
display:none !important;
}
 Toujours rien ...
Qu'est-ce que j'ai fait que j'aurais pas dû ? Qu'est-ce que j'ai pas fait que j'aurais dû ?
(j'ose à peine mettre le lien, c'est pas un vrai site, c'est un terrain de jeu. J'essaye juste un peu tout. Le voilà quand même : ici)
Rectifié par Katryne le 19/03/2014 @ 16:05
Site web Katryne
Poster une réponse Haut  

Réponse n° 1
--------
le 14/03/2014 @ 18:09
par Sabine

Sabine



Bonsoir Katryne,

Très joli ces couleurs ! Bravo ! e

Pour le titre de la boîte, il suffit de mettre :
 
Code : css
.titre.TrFB92 {
background: transparent;
color: transparent;
}
 En règle générale, pour le TITRE d'une boîte :

- dans l'entête, le bas de page et en position centrale, il faut indiquer : .titre.TrFBxx

- en position latérale : .titrebox.TrFBxx

Pour le CORPS de la boîte :

- en position centrale (+entête + bas de page) : .tbl.FBxx, .tblover.FBxx

- en position latérale : .tblbox.FBxx, .tblboxover.FBxx

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 2
--------
le 14/03/2014 @ 18:20
par Sabine

Sabine



J'ai oublié un détail important qui règle encore mieux le problème :

Pour que le titre d'une boîte ne s'affiche pas, il suffit de mettre le symbole § devant le titre. Je crois qu'en France, ce symbole est sur le clavier.

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 3
--------
le 14/03/2014 @ 19:17
par Katryne

Katryne

visiteur

Merci ! Le titre c'est réglé. e  Je suis une petite tête, car je l'avais déjà lue cette histoire de §.
C'était une première étape et si j'avais trouvé via le css, c'est que j'aurais pu identifier la boîte et j'aurais pu continuer les réglages.
Mais pour le css,  ce n'est pas pris en compte.
J'ai essayé de mettre un background transparent pour .tbl, .tblover et .box. de la boîte 92 dans l'en-tête.
Rien à faire ... y Pfff...
Le nom de la boîte n'est pas bon : webdeveloper ne me le donne pas au survol de la zone.
J'en suis à :
 
Code : css
.tbl.TrFB92, .tblover.TrFB92, .box.TrFB92 {
background-color: transparent;
}
 
s
Site web Katryne
Poster une réponse Haut  
Réponse n° 4
--------
le 14/03/2014 @ 19:19
par Sabine

Sabine



Pour le corps de la boîte, il n'y a pas "Tr", c'est seulement .FB92

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 5
--------
le 14/03/2014 @ 20:35
par Katryne

Katryne

visiteur

Ah merci, j'ai enfin pu faire quelque chose qui se voit !
tbl et tblover n'ont plus de fond visible pour cette boîte.
Mais (ya toujours un mais) j'ai toujours  un .box avec un fond, du moins sous FF et IE.
Tandis que Safari et Chrome ne m'affichent pas ce fond, mais décalent tout le bazar sur la gauche par dessus le menu et m'affichent la pagination dont j'avais réussi à me débarrasser par un display:none dans les autres navigateurs.
Demain est un autre jour ...
Merci de ton accueil et de ta patience.
Ce que je fais n'est pas toujours esthétique, mais c'est un bon exercice d'application pour savoir comment se tirent les ficelles.
Site web Katryne
Poster une réponse Haut  
Réponse n° 6
--------
le 15/03/2014 @ 05:19
par Katryne

Katryne

visiteur

Voilà un jour nouveau, Sabine et le ciel s'éclaircit.
Safari consent à un affichage correct si on lui change le user-agent.
Chrome fait toujours de la résistance.

Et pour le Guppy, je constate une belle amélioration si je met un background-color:transparent  à .box. Sinon, j'ai toujours un fond de couleur pour la boîte de slide-show.
Mais du coup, je n'ai plus de background pour l'édito, par exemple.
Car je n'ai pas réussi à préciser que je veux le background transparent uniquement pour la boîte 92 qui se trouve dans l'en-tête.

Plus je trouve de solutions et plus ça se complique. Je désespère.
Site web Katryne
Poster une réponse Haut  
Réponse n° 7
--------
le 15/03/2014 @ 08:23
par Sabine

Sabine



Bonjour Katryne,

Tu pourrais essayer en indiquant :

#TopBoxes .box

Ainsi, ce sont seulement les boîtes de l'entête qui seront transparentes.

Sabine
Site web Sabine
Poster une réponse Haut  
Réponse n° 8
--------
le 15/03/2014 @ 09:15
par Katryne

Katryne

visiteur

VICTOIRE  !!!! Merci Merci
Site web Katryne
Poster une réponse Haut  
Réponse n° 9
--------
le 19/03/2014 @ 16:02
par Katryne

Katryne

visiteur

Bonsoir le Canada !
C'est bien compliqué ces noms de boîte ... Peux-tu m'aider encore ?
si
.titre.TrFB79  c'est pour le titre de la boîte en partie centrale
.tbl.FB79 c'est pour le corps de la boîte
.tbl.FB79 .box  c'est pour le texte entre le titre de la boîte et les items

c'est quoi le petit nom pour donner du style à l'ensemble de la boîte ?
.FB79
.FB79.box
div.FB79
???

Merci y
Site web Katryne
Poster une réponse Haut  
Réponse n° 10
--------
le 19/03/2014 @ 17:17
par Sabine

Sabine



Bonsoir,

Le petit nom de la boîte, c'est .FB79... mais ça dépend de ce que tu veux faire.

C'est vrai que ça peut sembler compliqué, je cherche encore parfois.

L'avantage de cette nouvelle version, c'est que les possibilités de style sont presque infinies... l'inconvénient, c'est que cette grande souplesse implique de préciser parfois très finement ce qu'on veut faire, selon le style en général.

Je travaille beaucoup avec Web Developper pour identifier plus précisément la classe ou l'ID.

Sabine
Site web Sabine
Poster une réponse Haut  
actif sujet actif   clos sujet clos   Important! Important!   Nouveau Nouveau message
Rectifier Rectifier message   Clôturer Clôturer sujet   Remonter Remonter  
Catégories de discussion  Forum  



Vous êtes ici :   Accueil » Forum » GuppY 5.0 » Vos questions » Petit nom des boîtes libres pour le css