Mello
Messages : 111 Date d'inscription : 08/01/2013
| Sujet: Signature - à revoir Jeu 24 Juil - 17:56 | |
|
Dernière édition par Mello le Jeu 24 Juil - 17:56, édité 1 fois | |
|
Mello
Messages : 111 Date d'inscription : 08/01/2013
| Sujet: Re: Signature - à revoir Jeu 24 Juil - 17:56 | |
| - Code:
-
<meta http-equiv="content-type" content="text/html; charset=windows-1250" /> <meta name="generator" /> <title>Signature</title> <style>
/*Signa Pianorade*/ #image-sign{ margin:3px; width:500px; border:1px solid black; height:200px;}
.case, .case1, .case2, .case3, .case4{ position:relative; text-align:center; font-size:25px; color:white; background-color:#FE0000; margin:3px; float:left; border:2px solid black; width:245px; height:30px;}
.case2, .case3, .case4{ width:160px; height:30px;}
.case span, .case1 span, .case2 span, .case3 span, .case4 span{ display: none;}
.case:hover span, .case1:hover span, .case2:hover span, .case3:hover span, .case4:hover span{ overflow:auto; background-color:#FE0000; font-size:14px; display:block; position:absolute; width:490px; border:1px solid black; height:190px; text-align: justify; font-weight:none; padding:5px; margin-left:-2px; margin-top:19px;}
.case1:hover span{ margin-left:-257px; margin-top:19px;} .case2:hover span{ margin-top:-229px;}
.case3:hover span{ margin-left:-172px; margin-top:-229px;}
.case4:hover span{ margin-left:-342px; margin-top:-229px;} /*Fin Signa*/ </style> <div class="case"> tex<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget iaculis sem, at dignissim quam. Nunc mollis mauris consectetur suscipit iaculis. Quisque laoreet gravida dictum. Aenean ut tincidunt tellus. Suspendisse mattis quis lacus quis lobortis. Cras mollis tincidunt nisi varius pharetra. Morbi velit dui, interdum id orci a, ultricies ullamcorper eros. Cras ultrices ullamcorper commodo. Morbi a mi a enim varius convallis vitae eu metus. Etiam eu lorem dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec egestas purus sit amet sem viverra, et faucibus neque lobortis. Sed orci risus, egestas ut odio in, consectetur dictum libero. In risus nibh, mollis nec elit in, vehicula dignissim lacus. Ut a velit tellus. </span> </div><div class="case1"> tex<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget iaculis sem, at dignissim quam. Nunc mollis mauris consectetur suscipit iaculis. Quisque laoreet gravida dictum. Aenean ut tincidunt tellus. Suspendisse mattis quis lacus quis lobortis. Cras mollis tincidunt nisi varius pharetra. Morbi velit dui, interdum id orci a, ultricies ullamcorper eros. Cras ultrices ullamcorper commodo. Morbi a mi a enim varius convallis vitae eu metus. Etiam eu lorem dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec egestas purus sit amet sem viverra, et faucibus neque lobortis. Sed orci risus, egestas ut odio in, consectetur dictum libero. In risus nibh, mollis nec elit in, vehicula dignissim lacus. Ut a velit tellus. </span> </div><img src="http://img11.hostingpics.net/pics/860208ironman.png" id="image-sign" /><div class="case2"> tex<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget iaculis sem, at dignissim quam. Nunc mollis mauris consectetur suscipit iaculis. Quisque laoreet gravida dictum. Aenean ut tincidunt tellus. Suspendisse mattis quis lacus quis lobortis. Cras mollis tincidunt nisi varius pharetra. Morbi velit dui, interdum id orci a, ultricies ullamcorper eros. Cras ultrices ullamcorper commodo. Morbi a mi a enim varius convallis vitae eu metus. Etiam eu lorem dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec egestas purus sit amet sem viverra, et faucibus neque lobortis. Sed orci risus, egestas ut odio in, consectetur dictum libero. In risus nibh, mollis nec elit in, vehicula dignissim lacus. Ut a velit tellus. </span> </div><div class="case3"> tex<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget iaculis sem, at dignissim quam. Nunc mollis mauris consectetur suscipit iaculis. Quisque laoreet gravida dictum. Aenean ut tincidunt tellus. Suspendisse mattis quis lacus quis lobortis. Cras mollis tincidunt nisi varius pharetra. Morbi velit dui, interdum id orci a, ultricies ullamcorper eros. Cras ultrices ullamcorper commodo. Morbi a mi a enim varius convallis vitae eu metus. Etiam eu lorem dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec egestas purus sit amet sem viverra, et faucibus neque lobortis. Sed orci risus, egestas ut odio in, consectetur dictum libero. In risus nibh, mollis nec elit in, vehicula dignissim lacus. Ut a velit tellus. </span> </div><div class="case4"> tex<span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget iaculis sem, at dignissim quam. Nunc mollis mauris consectetur suscipit iaculis. Quisque laoreet gravida dictum. Aenean ut tincidunt tellus. Suspendisse mattis quis lacus quis lobortis. Cras mollis tincidunt nisi varius pharetra. Morbi velit dui, interdum id orci a, ultricies ullamcorper eros. Cras ultrices ullamcorper commodo. Morbi a mi a enim varius convallis vitae eu metus. Etiam eu lorem dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec egestas purus sit amet sem viverra, et faucibus neque lobortis. Sed orci risus, egestas ut odio in, consectetur dictum libero. In risus nibh, mollis nec elit in, vehicula dignissim lacus. Ut a velit tellus. </span> </div> | |
|