Mettre les coins arrondis sur l'infobulle

4 participants

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

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

Scipion
Membre actif

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

https://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 Mer 11 Mai 2011 - 19:14

merci je vais essayer
Hemma

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 Mer 11 Mai 2011 - 20:40

Bonsoir,

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

Cordialement.


Mettre les coins arrondis sur l'infobulle Check10Bonjour,

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 Mettre les coins arrondis sur l'infobulle Envoi10


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton Mettre les coins arrondis sur l'infobulle 50378

A bientôt sur ForumActif Smile
Anzu

Anzu
Membre actif

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

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

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

Message par Hemma Jeu 12 Mai 2011 - 18:05

Heu non ça ne marche pas
Hemma

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 Jeu 12 Mai 2011 - 18:11

Bonjour

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

Cordialement
Scipion

Scipion
Membre actif

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

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

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 Ven 13 Mai 2011 - 21:13

UP si puis-je me le permettre
Hemma

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

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

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 Invité 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++
Anonymous

Invité
Invité


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

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

Message par Hemma Sam 14 Mai 2011 - 17:36

Merci
Hemma

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

- Sujets similaires

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