footer avec widgets en permanence

footer avec widgets en permanence - HTML/CSS - Programmation

Marsh Posté le 20-04-2010 à 00:54:09    

bonjour,

 

je vous promets j'ai cherché avant :o

 

j'aimerais faire une sorte de footer comme sur ce site http://www.chine-informations.com/ une barre avec des outils qui reste en permanence par dessus le site. quand on clique sur les flèches à droite, bah ça plie/déplie les outils.

 

comment vous feriez ça ? quelqu'un a déjà fait ?

 

merci


Message édité par Ryoh le 20-04-2010 à 00:55:16
Reply

Marsh Posté le 20-04-2010 à 00:54:09   

Reply

Marsh Posté le 20-04-2010 à 00:59:48    

position: fixed;
bottom: 0;
z-index: 1000;

 

Merci Firebug :o


Message édité par theredled le 20-04-2010 à 00:59:58

---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 20-04-2010 à 04:12:46    

merci.
y'a des trucs en CSS que je pige pas trop quand on applique une position fixed à une div...

 

genre je met à la div globale :

 

position: fixed;
bottom: 0;
z-index: 1000;

 

+ un background-color rouge +opacity 0.5 pour avoir un effet sympa avec la couche du site en dessous.

 

bah l'opacité se met également sur tous les éléments enfants de la div globale. pas moyen d'annuler en forçant l'opacité à 1. même en image de fond sur les éléments enfants, j'ai toujours l'opacité.

 

tu vois ce que je veux dire ?

Message cité 1 fois
Message édité par Ryoh le 20-04-2010 à 04:14:00
Reply

Marsh Posté le 20-04-2010 à 10:11:46    

Ryoh a écrit :

merci.  
y'a des trucs en CSS que je pige pas trop quand on applique une position fixed à une div...
 
genre je met à la div globale :
 
position: fixed;  
bottom: 0;
z-index: 1000;
 
+ un background-color rouge +opacity 0.5 pour avoir un effet sympa avec la couche du site en dessous.
 
bah l'opacité se met également sur tous les éléments enfants de la div globale. pas moyen d'annuler en forçant l'opacité à 1. même en image de fond sur les éléments enfants, j'ai toujours l'opacité.
 
tu vois ce que je veux dire ?


Oui, ça fait toujours ça.
Si tu veux une opacité différente pour le fond et le contenu, tu dois les mettres dans 2 divs indépendantes (à l'intérieur d'un même conteneur).


---------------
Contes de fées en yaourt --- --- zed, souviens-toi de ma dernière lettre. --- Rate ta musique
Reply

Marsh Posté le 20-04-2010 à 19:02:53    

ou utiliser une couleur #rgba pour ton background/textes

Reply

Marsh Posté le 23-04-2010 à 13:56:29    

non je peux pas... si la div parent est fixed et a une opacité 0.x, tout ce qui est dedans aura une opacité 0.x, même si je mets une couleur ou une image en fond et force l'opacité à 1.

Message cité 2 fois
Message édité par Ryoh le 23-04-2010 à 13:58:54
Reply

Marsh Posté le 23-04-2010 à 14:45:01    

Ryoh a écrit :

non je peux pas... si la div parent est fixed et a une opacité 0.x, tout ce qui est dedans aura une opacité 0.x, même si je mets une couleur ou une image en fond et force l'opacité à 1.


Reply

Marsh Posté le 23-04-2010 à 15:17:00    

Ryoh a écrit :

non je peux pas... si la div parent est fixed et a une opacité 0.x, tout ce qui est dedans aura une opacité 0.x, même si je mets une couleur ou une image en fond et force l'opacité à 1.


oui je sais... c'est bien pour ça que je te parle de #rgba
 
Si t'as des images en bg tu dois faire comme theredled a dit. Si tu n'as qu'une couleur de fond, tu peux utiliser une valeur rgba.

Reply

Marsh Posté le 23-04-2010 à 23:57:10    

rgba en css3?

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed