arrondir cadre page d'acceuil au passage de la souris.

[Totomi]

Bonjour, bonsoir,

Alors je vous expose mon problème en fait je viens de créer la page d’accueil de mon forum (Le forum test) et je souhaiterais que les deux cadres nos amis et un p'tit vote s'arrondissent quand on passe la souris dessus, je pense qu'il faut utiliser Javascript mais je n'ai trouvé aucun tutoriel d'explication, donc j'espère que quelqu'un saura.
Merci d'avance.
( Je suis la fondatrice du forum en version phpbb2)

[_backdraft_]

Bonjour,

Pour celà il faut donner des noms de classe à chacun des petits tableaux et après avec du CSS c'est surement réalisable.

Cordialement

[Totomi]

Je vous remercie de votre aide mais cela ne m'avance pas énormément puisque je ne sais absolument pas quelle commande utiliser.

[_backdraft_]

Je vous remercie de votre aide mais cela ne m'avance pas énormément puisque je ne sais absolument pas quelle commande utiliser.

Commencer par donnez les noms de classes après pour le CSS je vous aiderais.

Cordialement.

[Anzu]

Bonsoir,

Il nous faudrait le code de la page d'accueil et le css associé

Cordialement.

[Totomi]

Je les avais pas mis les voila:

La page d’accueil:



Le css associé:


J'ai aussi du Javascript qui rentre en compte mais comme pour mon css il n'influe pas la partie que je souhaite changer, si vous en vais tout de même besoin je vous la transmettrais aussi. Merci.

[_backdraft_]

Déjà essayez ce code pour la page d'accueil :

Code:

<div class="systab s_hover  s_slide">
          <div>
            <span>Le contexte</span>
        <div style="background-color:; border: 1 px solid black; padding: 10px; width: 685px; height: 230px; text-align:justify; overflow: auto; overflow-y: auto;">  Chers lecteurs, je suis ici en tant que compteur et voudrait selon ce statut pouvoir vous raconter une histoire. Cette dernière débuta durant l'année 2012 et s'écrit encore de nos jours un siècle plus tard.
Sachez que j'ai pu au cours de ma longue existence observer l'Homme, quel qu'il soit et j'ai pu constater une chose, l'inconnue l'effraie, et l’irrationnel, les légendes ont ce double effet de provoquer peur et attrait. Mais quand la légende devient réalité et qu'il ne peut l'expliquer, il laisse entièrement place à ce sentiment d’effrois.
Nous sommes au XXII ° siècle et la race humaine a peur, non pas que le monde ait irrémédiablement changé, ni voiture volante, ni amis martiens à l'appel mais plutôt une société guidée par la violence, l’instinct de survis et l'angoisse. A  y réfléchir il y a eut un certain changement depuis cette année là, que l'ont peut bien résumer par ce discours :
 « La fable à laquelle les Hommes ont toujours trouvé des explications scientifiques n'en est pas une... Certains hommes et femmes captivés par le mythe ont voulu le reproduire ce qui vous a permis d'inventer une nouvelle pathologie psychologique, qui associée à  La Porphyrie( entité qui empêche l'individu de s'exposer au soleil et lui provoque une dégénérescences des canines dans un premier temps) vous permettez de compléter notre description et ainsi vous retrancher dans votre univers absolument rationnel et sans une once de fantaisie .  Mais Messieurs les scientifiques , nous n'avons pas  cette maladie, qui causerait notre mort en d'autres cas et bien que certains d'entre nous soient légèrement irritables, nous sommes tout de même censés, je vous conseillerez donc d'arrêter toutes recherches futiles incessamment sous peu. Si cela peut vous rassurer mon conseil ne dévoile pas une menace,il montre seulement que même nous ne savons d'où nous venons. En effet certains disent que nous avons tous étaient engendrés par Caïen qui après avoir tué son frère Abel reçu cette punition, il est aussi dit que nous sommes tous sous la protection de lilith déesse de la luxure, de la jalousie et d'un grand nombre de maux, mais contrairement au mythe on ne se cache pas dans les latine , de même les pratique des Huns et autres tributs guerrières buvant le sang de leur ennemi afin d'en retirer leur force renforça le mythe, mais rien n'ai bien sûr. Alors qui sommes nous d'après vous, faites appel à vos connaissance mystique et laissez tomber les sciences ou vos films niais où nous sommes censés être fidèlement représentés, car nous sommes des vampires ».Cette année ne fut pas comme on l'avait prédit la fin du monde ; mais plutôt l’enclenchement d'une véritable bombe qui fini par mettre à feu et à sang une partie du globe.<div align="right"><a href="http://yuugure-no-kaigi.forums-gratuits.fr/t3-l-histoire"><font size: 25px>Plus</font></a></div></div>
          </div>
          <div>
            <span>Les news</span><div style=" padding: 10px; width: 685px; height: 230px; text-align:justify; overflow: auto; overflow-y: auto;"><center>
        Bienvenue à toi {USER&amp;#8288;NAME}.<br><br>

 

Nous fêtons l'arrivée de {FORUMLASTUSER} parmi nous.<br><br>
 


 Voici la nouvelle version du forum, en espérant qu'elle vous plaira.<br><br><br><br><div style="background-color:; text-align: justify; width: 683px ; border-top: 5px dotted #3D1501; color: #bababa"><div style="background-color:; text-align: Center; width: 685px ; color: #bababa; margin-top: -23px; font-size: 18px; font-family: segoe script">Ils n'attendent que vous pour être joué...</div></div>
</center></div>
          </div>
          <div>
            <span>L'équipe</span>
          <table cellspacing=8><tr><td><div class="infobulle"><img src="http://www.kirikoo.net/images/7Hitomi-2-20120820-150222.png"><span><b>Ogawa<br> Manami</b><br><br><br><br><br><br><br><a href="http://yuugure-no-kaigi.forums-gratuits.fr/u1"><font color="black">Profil</font></a><br><a href="http://yuugure-no-kaigi.forums-gratuits.fr/privmsg?mode=post&u=1"><font color="black">MP</font></a></span></div></td><td><div class="infobulle"><img src="http://www.kirikoo.net/images/7Hitomi-1-20120820-150222.png"> <span><b>Yagami <br>Sôichirô</b><br><br><br><br><br><br><br><a href="http://yuugure-no-kaigi.forums-gratuits.fr/u2"><font color="black">Profil</font></a><br><a href="http://yuugure-no-kaigi.forums-gratuits.fr/privmsg?mode=post&u=2"><font color="black">MP</font></a></span></div></td></tr></table>
          </div>
       
        </div></div>

<table class="nosamis" border="0" cellspacing="8" cellpadding="20" align="center"><tr><td align="left"><fieldset style="background-color:#B08A77; text-align: center; width:125px;height: 150px; border-radius: 0px; padding: 20px; border: 5px double #3D1501; color: #FFFFFF; "><legend style=" color: #A9A9A9; text-align:center ;font-size: 20px; letter-spacing:2px;font-family: Georgia; font-style: italic; ">Nos amis</legend><div style="height: 125px; width: 230px; overflow: auto; overflow-y: scroll;"><a href="http://hikari-sekai.forumactif.com"><img src="http://i45.servimg.com/u/f45/16/45/15/54/hikari10.png"></a><a href="http://prohibition-night.forumactif.org"><img src="http://i40.tinypic.com/1183qt5.jpg"></a> <a href="http://vampire-elements.forumactif.com/"><img src="http://nsm04.casimages.com/img/2010/11/11/101111015929640937096105.png"></a> <a href="http://renmei.forumactif.pro/"><img src="http://i45.servimg.com/u/f45/16/85/31/69/33jprv10.png"></a><a href="http://sweetamoris.forumpro.fr"><img src="http://nimga.fr/f/dIFBG.png"></a><a href="http://www.monde-yokai.forumactif.pro"><img src="http://i43.servimg.com/u/f43/17/23/18/27/bouton15.jpg"></a> <a href="http://kuroshitsuji-rpg.forums-gratuits.fr/"><img src="http://nsa29.casimages.com/img/2012/07/06//120706104934291997.png"></a><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f16-partenariat"><img src="http://www.kirikoo.net/images/7Hitomi-2-20120809-223013.png"></a></div></div></div></td><td></td><td></td><td align= center>
 <div id="menu">
       
       
        <dl>
        <dt>Contexte</dt>
        <dd  style="display:none;">
        <ul>
        <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f3-l-histoire">L'histoire</a></li>
        <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f4-les-categories-jouables">Les groupes</a></li>
       
        </ul>
        </dd> 
        </dl>
       
        <dl>
        <dt>Règlement</dt>
        <dd  style="display:none;">
        <ul>
        <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/t8-reglement-du-forum">Règlement du forum</a></li>
        <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/t7-reglement-du-pensionnat">Règlement de la ville</a></li>
   
        </ul>
        </dd>
        </dl>
       
        <dl>
        <dt>présentation</dt>
        <dd  style="display:none;">
        <ul>
        <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f25-presentations-validees">Présentation validées</a></li>
        <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f26-les-predefinis">Prédéfinis</a></li>
        </ul>
        </dd> 
        </dl>
<dl>
<dt>Contact</dt>
        <dd  style="display:none;">
        <ul>
      <li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f13-question-et-suggestion">Questions</a></li>
<li><a href="http://yuugure-no-kaigi.forums-gratuits.fr/f16-partenariat">Partenariat</a></li>
        </ul>
</dd>
</dl>

</div>
        </td><td align="left"><fieldset style="background-color:#B08A77; text-align:right; width:230px;height: 170px; border-radius: 0px; border: 5px double #3D1501; color: #FFFFFF;"><legend style=" color: #A9A9A9;padding-left: 65px;font-size: 20px; letter-spacing:2px;font-family: Georgia; font-style: italic; "><div style="margin:auto;text-align: center;width:100%">Un p'tit vote?</div></legend><font color="#A9A9A9"><center>Le forum a besoin de toi,{USER&amp;#8288;NAME}, un p'tit clic ?</center></font></font><center><a href="http://www.root-top.com/topsite/azzare34/in.php?ID=7593"><img src="http://www.kirikoo.net/images/7Hitomi-1-20120806-211924.png"></a><a href="http://en.root-top.com/toplist/gilgamesh/in.php?ID=6017"><img src="http://www.kirikoo.net/images/7Hitomi-2-20120806-211924.png"></a></center><center><a href="http://www.root-top.com/topsite/virtu4ldreaiviz/in.php?ID=3327"><img src="http://www.kirikoo.net/images/7Hitomi-3-20120806-211924.png"></a><a href="http://www.root-top.com/topsite/fanelia7/in.php?ID=1975"><img src="http://www.kirikoo.net/images/7Hitomi-4-20120806-211924.png"></a><a href="http://www.root-top.com/topsite/miya/in.php?ID=1532"><img src="http://www.kirikoo.net/images/7Hitomi-5-20120806-211924.png"></a></center></div>

Et ajouter le CSS suivant :

Code:

.nosamis:hover {
-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}

Normalement ça devrait le faire pour "nos amis", si ça ne marche pas je laisse Anzu le faire car c'est juste une idée mais je ne suis pas sure du résultat.

Cordialement

[Totomi]

Désolé ça ne fonctionne pas, merci pour ton aide tout de même

[Totomi]

Je me permets un petit up ( j'ai continué de chercher de mon côté mais je trouve vraiment pas)

[Totomi]

Un petit up
Edit: n'ayant aucune réponse je mets en résolu.