A la recherche de deux petites astuces !

2 participants

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 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 :

A la recherche de deux petites astuces ! Sans_t11

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

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é 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.
Anonymous

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 Dim 30 Jan 2011 - 19:11

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

Cordialement,
Juli

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 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.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez A la recherche de deux petites astuces ! 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu A la recherche de deux petites astuces ! 3592387030 pour prévenir la modération.

A la recherche de deux petites astuces ! Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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 Dim 30 Jan 2011 - 22:49

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

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 Dim 30 Jan 2011 - 22:54

De rien Smile


Pour faciliter les recherches, mettez un titre explicite.
Remerciez A la recherche de deux petites astuces ! 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu A la recherche de deux petites astuces ! 3592387030 pour prévenir la modération.

A la recherche de deux petites astuces ! Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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

- Sujets similaires

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