forum sur le coté + infobulle
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Re: forum sur le coté + infobulle
Bonjour Ladyqueen,
L'image que tu veux sur la gauche, est-ce un render ou bien une image de fond ?
Si c'est une image de fond, il suffirait de placer le forum sur la droite.
Si c'est un render, pareil pour le forum, mais là il faudrait aussi placer le render sur la gauche.
Quant à l'infobulle, tu veux une infobulle, c'est à dire une petite popup qui s'affiche en plus de l'image de base ?
Ou bien, que l'image de base change avec le hover ?
Là tu dis les deux, or ce n'est pas la même chose...
L'image que tu veux sur la gauche, est-ce un render ou bien une image de fond ?
Si c'est une image de fond, il suffirait de placer le forum sur la droite.
Si c'est un render, pareil pour le forum, mais là il faudrait aussi placer le render sur la gauche.
Quant à l'infobulle, tu veux une infobulle, c'est à dire une petite popup qui s'affiche en plus de l'image de base ?
Ou bien, que l'image de base change avec le hover ?
Là tu dis les deux, or ce n'est pas la même chose...
Re: forum sur le coté + infobulle
bonjours ,
- Un render , c'est quoi ? *désoler pour la question bête*
- Pour l'infobulle , je veux que l'image de base change avec le hover .
- Un render , c'est quoi ? *désoler pour la question bête*
- Pour l'infobulle , je veux que l'image de base change avec le hover .
Re: forum sur le coté + infobulle
Nenni, je ne désole pas. :-PLADYQUEEN a écrit:- Un render , c'est quoi ? *désoler pour la question bête*
Il y a Google ton ami qui te le dirait de suite :
C'est une image sur fond transparent, donc une image que l'on poserait sur un fond par exemple.
Ainsi, ce n'est pas une infobulle... :-P Mais faisable rien que en HTML et CSS.LADYQUEEN a écrit:- Pour l'infobulle , je veux que l'image de base change avec le hover .
Pour les images, il faut deux images de dimensions identiques si possible.
Peux-tu me donner les liens de ces deux images.
Re: forum sur le coté + infobulle
Pour mon header c'est une image de fond que je veut .
D'accord pour l'infobulle mais pourrais je avoir le code du CSS et HTML ?
D'accord pour l'infobulle mais pourrais je avoir le code du CSS et HTML ?
Re: forum sur le coté + infobulle
Oui, je peux, mais si je dois te faire un tuto il faut que je le mette d'abord en pratique, en outre que j'utilise des images...
Pas trop envie encore d'aller en chercher, la moindre des choses c'est de fournir les liens, tu ne crois pas ?
Bref, dans le HTML, c'est relativement simple :
- Créer un bloc contenant
- Un bloc pour l'image de base
- Un bloc pour ce qui est caché par l'image de base
Dans le CSS on détermine le rôle de chacune des images, et surtout, il faut déterminer les dimensions et les bonnes positions :
Pas trop envie encore d'aller en chercher, la moindre des choses c'est de fournir les liens, tu ne crois pas ?
Bref, dans le HTML, c'est relativement simple :
- Créer un bloc contenant
- Un bloc pour l'image de base
- Un bloc pour ce qui est caché par l'image de base
- Code:
<div id="contenant"><div class="imgbase"><img src="http://illiweb.com/fa/pbucket.gif" alt="imgbase" /><p><img src="http://illiweb.com/fa/pbucket.gif" alt="img2" /></p></div></div>
Dans le CSS on détermine le rôle de chacune des images, et surtout, il faut déterminer les dimensions et les bonnes positions :
J'ai ajouter un effet de transition du CSS3 qui n'est absolument pas obligé./*rollover my image
------------------------------*/
#contenant {
width: 300px;
height: 300px;
margin: 100px auto;
}
.imgbase {
position: relative;
float: left;
background: transparent;
width: 160px;
height: 160px;
overflow: hidden;
margin: 10px;
cursor: pointer;
}
.imgbase p {
position: absolute;
width: 160px;
height: 160px;
}
.imgbase img {
position: absolute;
-webkit-transition: left 1.5s linear;
-o-transition: left 1.5s linear;
-moz-transition: left 1.5s linear;
-htm-transition: left 1.5s linear;
transition: left 1.5s linear;
}
.imgbase img:hover {
left: -160px;
}
Re: forum sur le coté + infobulle
Merci pour les codes
et pour mon image de fond que je veux mettre a gauche , tu sais comment faire ?
et pour mon image de fond que je veux mettre a gauche , tu sais comment faire ?
Re: forum sur le coté + infobulle
Pour ton fond à gauche et le forum à droite, il va falloir pratiquer le "float" pour les deux.
Pour ce qui est du forum, dans la feuille de style CSS, ajoute au :
Pour ce qui est de l'image de fond, il faut faire l'inverse du float :
float: left;
Pour faire des essais, là il me faut un lien d'image à placer à gauche.
Pour ce qui est du forum, dans la feuille de style CSS, ajoute au :
Si tu veux adapter les marges, tu le fera dans les propriétés du "margin" toujours au même endroit.body {
float: right;
}
Pour ce qui est de l'image de fond, il faut faire l'inverse du float :
float: left;
Pour faire des essais, là il me faut un lien d'image à placer à gauche.
Re: forum sur le coté + infobulle
alors j'ai trouvée sur un forum comment faire via les template et le css et c'est bon tout est ni quel , le header a gauche et les catégorie a droite (:
merci pour ton aide final-blonde .
merci pour ton aide final-blonde .
Re: forum sur le coté + infobulle
Je t'en prie.
Alaroxima volta.
Alaroxima volta.
Re: forum sur le coté + infobulle
Je t'en prie.
Alaroxima volta.
Alaroxima volta.
Sujets similaires
» Infobulle pour les sujets de forum
» sous forum cote a cote
» Coupe à côté du nom du forum
» Image sur 1 côté du forum
» sous forum en infobulle
» sous forum cote a cote
» Coupe à côté du nom du forum
» Image sur 1 côté du forum
» sous forum en infobulle
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum