Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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
avatar

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

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,
avatar

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.


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6183
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
avatar

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


EN PRÉSENCE RÉDUITE LA SEMAINE - RÉPOND AUX MP
avatar

Lixyr
Aidactive
Aidactive

Féminin
Messages : 6183
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