Mettre les coins arrondis sur l'infobulle

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

Résolu Mettre les coins arrondis sur l'infobulle

Message par Hemma le Mer 11 Mai 2011 - 13:27

Bonjour/soir je voudrais mettre les coins arrondis sur l'infobulle


Dernière édition par Hemma le Sam 14 Mai 2011 - 17:36, édité 1 fois

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Scipion le Mer 11 Mai 2011 - 13:56

Bonjour

Essayez ce code CSS svp, en allant sur PA >> Affichage >> Menu Image et couleurs >> Couleurs >> Feuille de style CSS >

Like a Star @ heaven Dans CSS > insérez ce code
Like a Star @ heaven Cliquez sur Valider

Code:
.infobulle {
 border-radius: 10px; /* Fonctionne pour Google Chrome/Chromium */
 -moz-border-radius: 10px; /* Pour Mozilla Firefox */
 -webkit-border-radius: 10px; /* Pour les navigateurs utilisant le moteur WebKit */
}
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Hemma le Mer 11 Mai 2011 - 19:14

merci je vais essayer

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Anzu le Mer 11 Mai 2011 - 20:40

Bonsoir,

"infobulle" ou le nom de la class qui correspond à celle de votre code Wink

Cordialement.


Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Hemma le Jeu 12 Mai 2011 - 18:05

Heu non ça ne marche pas

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Scipion le Jeu 12 Mai 2011 - 18:11

Bonjour

Serait-il possible d'avoir le code de votre infobulle pour test ?

Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Hemma le Jeu 12 Mai 2011 - 18:24

Code:
<div class="infobulle"><img src="http://i24.servimg.com/u/f24/16/34/33/34/k-on_y14.png">
    <span>[url=http://fashion-graph-world.forumgratuit.org/profile?mode=editprofile/]Profil[/url]~[url=http://fashion-graph-world.forumgratuit.org/privmsg?mode=post&u=1/]Envoyer un mp[/url]</span></div>


Code:
    .infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #c9c9cf;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #c9c9cf;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0
     

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Hemma le Ven 13 Mai 2011 - 21:13

UP si puis-je me le permettre

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par harmony Lightnight le Sam 14 Mai 2011 - 9:50

Bonjour ou bonsoir.
Je prends votre demande en compte et si vous le voulez bien je refais le code avec vous, car j'ai le code pour arrondir, seulement votre Css ne l'accepte pas.
Cordialement Harmo'

harmony Lightnight
Nouveau membre

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

http://absynthworld.forumactif.com/forum
harmony Lightnight a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Hemma le Sam 14 Mai 2011 - 12:36

Code:
.infobulle{
    position: relative;
    z-index: 0;}

    .infobulle:hover{
    background-color: transparent;
    z-index: 50;}

    .infobulle span{
    position: absolute;
    background-color: #c9c9cf;
    padding: 5px;
    left: -1000px;
    visibility: hidden;
    color: #c9c9cf;}

    .infobulle span img{
    border: 2px;
    padding: 5px;}

    .infobulle:hover span{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0;
    border: 2px solid #9999a0;}

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Milouze14 le Sam 14 Mai 2011 - 12:44

Salut emma,

modifies ton span
Code:

.infobulle:hover span
{
    visibility: visible;
    top: 70px;
    left: 35px;
    width: 200px ;
    color:#9999a0;
    border: 2px solid #9999a0;
-moz-border-radius:  6px / 12px;
-webkit-border-radius:  6px / 12px;
-khtml-border-radius:  6px / 12px;
border-radius: 6px / 12px;
}

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4563
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre les coins arrondis sur l'infobulle

Message par Hemma le Sam 14 Mai 2011 - 17:36

Merci

Hemma
**

Féminin
Messages : 61
Inscrit(e) le : 25/11/2010

http://Fashion-Graph-World.forumgratuit.org
Hemma 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