A la recherche de deux petites astuces !

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu A la recherche de deux petites astuces !

Message par Juli le Dim 30 Jan 2011 - 16:40

Bonjour/Bonsoir
J'aimerais savoir comment faire un espèce de curseur. Je ne pense pas bien m'expliquer donc je vais vous montrer un exemple :

Spoiler:

Je ne voyais pas malheureusement comment faire un schema donc j'ai fais une capture d'écran.

Et mon autre problème est que j'aimerais activé une certaine transparence sur une image , exemple :



Et que quand on passe la souris dessus, tout redevienne normal.
Vous me comprenez ?

Si tu peut m'aider je t'en serait très reconnaissante !

Cordialement,


Dernière édition par Juli le Dim 30 Jan 2011 - 22:49, édité 1 fois

Juli
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 01/01/2011

http://otaku-team.forums-actifs.com/
Juli a été remercié(e) par l'auteur de ce sujet.

Résolu Re: A la recherche de deux petites astuces !

Message par Invité le Dim 30 Jan 2011 - 19:01

Bonsoir,

Pour la barre de défilement, vous devez ajouter une "div" autour du contenu qui aura la barre de défilement.
Code:
<div class="defil">contenu</div>
Dans votre feuille CSS ajoutez ceci ( attention, personnalisez la taille Wink ):
Code:
.defil{
max-height: XXpx;
overflow-y: auto;}

Je n'ai pas de réponse pour la seconde question, désolée.

Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: A la recherche de deux petites astuces !

Message par Juli le Dim 30 Jan 2011 - 19:11

C'est déjà très gentil de ta part, merci beaucoup Wink

Cordialement,

Juli
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 01/01/2011

http://otaku-team.forums-actifs.com/
Juli a été remercié(e) par l'auteur de ce sujet.

Résolu Re: A la recherche de deux petites astuces !

Message par Lixyr le Dim 30 Jan 2011 - 20:44

Pour l'image c'est simple, tu peux utiliser ce code, dans le css :

Code:

.imageopaque {
opacity: 0.3 ;
}

.imageopaque:hover {
opacity: 1;}

en ensuite, là où se trouve ton image tu fais ainsi :

Code:
<span class="imageopaque"><img src="URL DE TON IMAGE" /></span>



/\ tu ne peux modifier que ceci dans le css:

.imageopaque {
opacity: 0.3 ;
}

.imageopaque:hover {
opacity: 1;}

plus la valeur est grande et plus on voit nettement l'image.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: A la recherche de deux petites astuces !

Message par Juli le Dim 30 Jan 2011 - 22:49

Merci merci beaucoup à vous deux !
Je met en résolu Very Happy

Juli
Nouveau membre

Féminin
Messages : 18
Inscrit(e) le : 01/01/2011

http://otaku-team.forums-actifs.com/
Juli a été remercié(e) par l'auteur de ce sujet.

Résolu Re: A la recherche de deux petites astuces !

Message par Lixyr le Dim 30 Jan 2011 - 22:54

De rien Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum