Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1641 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  footer avec widgets en permanence

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

footer avec widgets en permanence

n°1985713
Ryoh
Posté le 20-04-2010 à 00:54:09  profilanswer
 

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
mood
Publicité
Posté le 20-04-2010 à 00:54:09  profilanswer
 

n°1985714
theredled
● REC
Posté le 20-04-2010 à 00:59:48  profilanswer
 

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
n°1985723
Ryoh
Posté le 20-04-2010 à 04:12:46  profilanswer
 

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
n°1985765
theredled
● REC
Posté le 20-04-2010 à 10:11:46  profilanswer
 

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
n°1986043
Skopos
Posté le 20-04-2010 à 19:02:53  profilanswer
 

ou utiliser une couleur #rgba pour ton background/textes

n°1986983
Ryoh
Posté le 23-04-2010 à 13:56:29  profilanswer
 

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
n°1986993
Anonymouse
Posté le 23-04-2010 à 14:45:01  profilanswer
 

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.


n°1987025
Skopos
Posté le 23-04-2010 à 15:17:00  profilanswer
 

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.

n°1987208
Ryoh
Posté le 23-04-2010 à 23:57:10  profilanswer
 

rgba en css3?


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  footer avec widgets en permanence

 

Sujets relatifs
(résolu) Positionnement de footerProbleme de Footer...
Gestion d'une permanence pour une associationComment mettre à jour plusieurs lignes d'une table avec widgets invisi
[CSS] Problème de footer sous un div avec du contenu fixe/variablebug alignement images footer internet explorer
[PHP + FPDF] footerPlusieurs Widgets sur un QFrame. Ordre d'affichage de ceux ci. (pinup)
Etre identifié en permanence sur un site, session infinie ?Widgets
Plus de sujets relatifs à : footer avec widgets en permanence


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR