Problèmes codes QUEEL

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

Résolu Problèmes codes QUEEL

Message par Dellou le Sam 30 Mar 2013 - 18:55

Hello o/
Voili, voualou, j'ai un petit problème avec mon queel D: !
http://img11.hostingpics.net/pics/722556Capturedcran20130330184957.png
En dessous de "Tirranical Master" Il devrait y avoir "Tirranical Mistress"
J'ai essayer de le faire, mais...;w; Voici la partie de mon QUEEL qui est concernée :

Spoiler:
</table>


</td>
<td align="center" valign="middle">
<div class="slides3"><div class="slide-up">
<table class="mygroups" border="0" cellspacing="1" cellpadding="0"><tr><td class="row1"><span class="gensmall"><div class="desqueel"><span style="display: block; width:300px; height: 50px; background: url(http://img11.hostingpics.net/pics/486818Sansdsaqds1.png) center center no-repeat;"><span class="desqueel_contenu"><span style="font-size: 10px; line-height: normal"><blockquote>Les maitres tyranniques et sans scrupules à qui ils manques un grain, moi j'dis. Odieux, ils n'ont aucune tendresse pour leurs humains qu'ils traitent pire que des esclaves. Alors si tu n'es pas masochiste et que tu ne veux pas te prendre des coups de fouet, fait toi tout p'tit mon gars.
</blockquote> </div>
</span></span></span></tr>
</table>

<table class="mygroups" border="0" cellspacing="1" cellpadding="0"><tr><span class="gensmall"><div class="desqueel"><span style="display: block; width:300px; height: 50px; background: url(http://img11.hostingpics.net/pics/486818Sansdsaqds1.png) center center no-repeat;"><span class="desqueel_contenu"><span style="font-size: 10px; line-height: normal"><blockquote>Les maitres tyranniques et sans scrupules à qui ils manques un grain, moi j'dis. Odieux, ils n'ont aucune tendresse pour leurs humains qu'ils traitent pire que des esclaves. Alors si tu n'es pas masochiste et que tu ne veux pas te prendre des coups de fouet, fait toi tout p'tit mon gars. </blockquote> </div>
</span></span></span></tr>
</span></td></table>
<img src="http://img11.hostingpics.net/pics/763899Sanstitre2.png" alt="groups" />
</div></div>

</td></tr>

Help ;w;


Dernière édition par Dellou le Sam 6 Avr 2013 - 12:51, édité 1 fois

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Dellou le Dim 31 Mar 2013 - 12:45

Up ><'

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Dellou le Lun 1 Avr 2013 - 12:55

Up .w.

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Anzu le Lun 1 Avr 2013 - 13:01


Bonjour,

Pourrais je avoir le code de l'index body du <!-- BEGIN disable_viewonline --> au end ?

Cordialement.

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: Problèmes codes QUEEL

Message par Dellou le Lun 1 Avr 2013 - 20:15

Voici ^^

Code:
<!-- BEGIN disable_viewonline -->
  <center><img src="http://img11.hostingpics.net/pics/463769Sanstitre3.png"/> </center>

<table align="center" width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td align="center" valign="middle">
 
<div class="slides3"><div class="slide-up">
<table class="forumline mystats" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr><td class="catHead" align="left" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
 
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td></tr>
<tr><td class="row1" rowspan="6" align="left" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" align="left" width="100%"><span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}</span></td>
</tr>
<tr><td class="row1" align="left"><span class="gensmall">{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}<br />
<br />
{LOGGED_IN_USER_LIST}</span></td>
</tr>
{L_CONNECTED_MEMBERS}
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
  </table> </div>

 
</td>
<td align="center" valign="middle">
 <div class="slides3"><div class="slide-up">
 
  <table class="mygroups"  border="0" cellspacing="1" cellpadding="0"><tr><td class="row1"><span class="gensmall"><div class="desqueel"><span style="display: block; width:300px; height: 50px; background: url(http://img11.hostingpics.net/pics/486818Sansdsaqds1.png) center center no-repeat;"><span class="desqueel_contenu"><span style="font-size: 10px; line-height: normal"><blockquote>Les maitres tyranniques et sans scrupules à qui ils manques un grain, moi j'dis. Odieux, ils n'ont aucune tendresse pour leurs humains qu'ils traitent pire que des esclaves. Alors si tu n'es pas masochiste et que tu ne veux pas te prendre des coups de fouet, fait toi tout p'tit mon gars.
  </blockquote></span></span></span></div></span> </td><tr>
    <tr><td class="row1"> <span class="gensmall"><div class="desqueel"><span style="display: block; width:300px; height: 50px; background: url(http://img11.hostingpics.net/pics/486818Sansdsaqds1.png) center center no-repeat;"><span class="desqueel_contenu"><span style="font-size: 10px; line-height: normal"><blockquote>Les maitres tyranniques et sans scrupules à qui ils manques un grain, moi j'dis. Odieux, ils n'ont aucune tendresse pour leurs humains qu'ils traitent pire que des esclaves. Alors si tu n'es pas masochiste et que tu ne veux pas te prendre des coups de fouet, fait toi tout p'tit mon gars. 
      </blockquote></span></span></span></div></span> </td><tr></table>
 
 
<img src="http://img11.hostingpics.net/pics/432528Sanstitre2gggg.png" alt="groups" />
      </div></div>
 
</td></tr>
 
 
 
<!-- BEGIN switch_chatbox_activate -->
<!-- BEGIN switch_chatbox_popup -->

<!-- END switch_chatbox_popup -->
</span>
</td>
</tr>
<!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Anzu le Lun 1 Avr 2013 - 20:21

Ah j'avais oublié, il me faut également le css associé.
Sinon dans votre premier message, vous écrivez:

En dessous de "Tirranical Master" Il devrait y avoir "Tirranical Mistress"
Au final, qu'est ce que vous voulez faire ?


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: Problèmes codes QUEEL

Message par Dellou le Lun 1 Avr 2013 - 20:28

Voici l'intégralité du CSS *préfère rien oublier xD*

Code:
/* SPOILER CODE CITATION */
.spoiler_closed {
     padding: 5px;
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-top: none;
   border-radius: 5px 5px 5px 5px;
   background-color: #ffffff;
   box-shadow: 0px 0px 5px black;
   }
.spoiler_content {
     padding: 5px;
   display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-radius: 5px 5px 5px 5px;
   background: #ffffff;
     box-shadow: 0px 0px 5px black;
}
 
.quote {
     padding: 5px;
     display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
   line-height: 125%;
   border-radius: 5px 5px 5px 5px;
   background: #ffffff;
     box-shadow: 0px 0px 5px black;
}

.code {
     padding: 5px;
       display:block;
   font-family: Times New Roman...;
   font-size: 12px;
   color: #000000;
     line-height: 125%;
   border-radius: 5px 5px 5px 5px;
   background: #ffffff;
   box-shadow: 0px 0px 5px black;
}










.desqueel
{
  display: block;
  width: 300px;
  margin: auto;
  height: 50px;
  overflow: hidden;
  border: 0px solid #9c9c9c;
  box-shadow: 1px 1px 1px #191817;
  -moz-box-shadow: 1px 1px 1px #191817;
  -htm-box-shadow: 1px 1px 1px #191817;
  -webkit-box-shadow: 1px 1px 1px #191817;
  -o-box-shadow: 1px 1px 1px #191817;
}
.desqueel_contenu
{
  position: absolute;
  display: block;
  width: 291px;
  height: 41px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #FFFFFF;
  padding: 5px;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

.desqueel_contenu:hover
{
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}








/*------------------------------ Slide Design Qeel ---------------------------*/
/*slide up on image*/
.slides3 {
width: auto;
margin: 0px auto;
}
.slides3 div {
position: relative;
width: 375px;
height: 320px;
margin: 0px;
overflow: hidden;
cursor: pointer;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10;
  -moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
}
.slides3 div table {
padding: 0 0px;
}
.slides3 div img {
position: absolute;
left: 0;
top: 0;
transition: transform 1.7s ease-in-out;
-moz-transition: -moz-transform 1.7s ease-in-out;
-o-transition: -o-transform 1.7s ease-in-out;
-webkit-transition: -webkit-transform 1.7s ease-in-out;
}
.slides3 div.slide-up:hover img {
transform: translateY(-320px);
-moz-transform: translateY(-320px);
-o-transform: translateY(-320px);
-webkit-transform: translateY(-320px);
}
.mystats {
width: auto;
height: 315px;
overflow-y: auto; /*scollbar en cas de dépassement*/
padding: 7px;
margin: 0;
}
.mygoups {
width: auto;
height: 205px;
overflow-y: auto; /*scollbar en cas de dépassement*/
padding: 7px;
margin: 0;
}

















.qeel_titre
{
  width: 770px;
  height: 100px;
  background: url(#);
}
.qeel
{
  width: 770px;
  height: 400px;
  background: url(#);
}
.qeel_table
{
  width: 612px;
  margin: auto;
}
.colonne
{
  position: absolute;
  z-index: 1;
  width: 200px;
  height: 300px;
  overflow: auto;
  margin-top: 0px;
  margin-left: 0px;
  background-image: url(http://img15.hostingpics.net/pics/767192Capturedcran20130323220900.png);

  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 0px #0d1418;
  -moz-box-shadow: 0px 0px 0px #0d1418;
  -o-box-shadow: 0px 0px 0px #0d1418;
  -htm-box-shadow: 0px 0px 0px #0d1418;
  -webkit-box-shadow: 0px 0px 0px #0d1418;
  font-size: 9px;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.colonne:hover
{
  position: absolute;
  z-index: 99;
  width: 300px;
  height: 400px;
  margin-top: -50px;
  margin-left: -50px;
  background-image: url(http://img15.hostingpics.net/pics/767499Capturedcran20130323220900.png);

  border: 1px solid #3f4d55;
  box-shadow: 0px 0px 5px #0d1418;
  -moz-box-shadow: 0px 0px 5px #0d1418;
  -o-box-shadow: 0px 0px 5px #0d1418;
  -htm-box-shadow: 0px 0px 5px #0d1418;
  -webkit-box-shadow: 0px 0px 5px #0d1418;
  font-size: 11px;
  opacity: 0.8;
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  filter: alpha(opacity=80);
  transition: 1s;
  -moz-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -o-transition: 1s;
}
.qeel_contenu
{
  display: block;
  text-align: justify;
  padding: 10px;
}






















.forumline {
background-image: url(http://img15.hostingpics.net/pics/767499Capturedcran20130323220900.png);
-moz-box-shadow: 2px 2px 5px #d3cec9;
-webkit-box-shadow: 2px 2px 5px #d3cec9;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#d3cec9', Direction=135, Strength=7);
zoom: 1;
  border-radius: 10px 10px 10px 10px;
  -moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
  -webkit-box-shadow: 0px 0px 10px #5e5e5e;
}


.tourcat {
    -moz-box-shadow: 2px 2px 2px dimgray;
 -moz-border-radius: 15px 15px 15px 15px;
background-image: url(http://img15.hostingpics.net/pics/767499Capturedcran20130323220900.png);
-moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
  -webkit-box-shadow: 0px 0px 10px #5e5e5e;
    padding: 15px;
-moz-border-radius: 0px 0px 14px 14px;
-o-border-radius: 0px 0px 14px 14px;
-htm-border-radius: 0px 0px 14px 14px;
-webkit-border-radius: 0px 0px 14px 14px;
border-radius: 10px 10px 10px 10px;
 
}
 
.dersuj {
margin-left : 10px;
 -moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
  -webkit-box-shadow: 0px 0px 10px #5e5e5e;
background-color: #e2ddda;
 -moz-border-radius: 15px 15px 15px 15px;
height : 80px;
padding : 5px;
align : center center;
  border-radius: 50px;
}
 
.descrip{
background-color: #e2ddda;
 -moz-border-radius: 15px 15px 15px 15px;
height : 100px;
padding : 5px;
align : center center;
 border-radius: 10px 10px 10px 10px;
  -moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
  -webkit-box-shadow: 0px 0px 10px #5e5e5e;
  text-shadow: 1px 1px 1px #b6aeb7;
}
 
.sujmsg {
position : center;
left : 15px;
top : -10px;
  border-radius: 10px 10px 10px 10px;
  -moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
  -webkit-box-shadow: 0px 0px 10px #5e5e5e;
}
 
.secondarytitle {
    -moz-box-shadow: 2px 2px 2px dimgray;
 -moz-border-radius: 15px 15px 0px 0px;
background-image: url(http://img15.hostingpics.net/pics/767192Capturedcran20130323220900.png);

height : 30px;
  border-radius: 10px 10px 0px 0px;
  -moz-box-shadow: 0px 0px 10px #5e5e5e;
  box-shadow: 0px 0px 10px #5e5e5e;
  -webkit-box-shadow: 0px 0px 10px #5e5e5e;
}




/* PA ONGLETS LATERAUX HOVER */





#nu31_accueil
{
  width: 730px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 5px;
  height: 200px;
  padding: 10px;
  background: #d2d6d6;
  border: 1px solid #efefef;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -htm-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0px 0px 5px #425e5c;
  -moz-box-shadow: 0px 0px 5px #425e5c;
  -o-box-shadow: 0px 0px 5px #425e5c;
  -htm-box-shadow: 0px 0px 5px #425e5c;
  -webkit-box-shadow: 0px 0px 5px #425e5c;
}
#nu31_content
{
  width: 730px;
  height: 200px;
  overflow: hidden;
}
#nu31_links
{
  float: left;
}
.nu31_link1, .nu31_link2, .nu31_link3, .nu31_link4
{
  width: 150px;
  height: 48px;
  margin-bottom: 2px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  filter: alpha(opacity=60);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.nu31_link1
{
  background: url(http://img11.hostingpics.net/pics/378791272286bouton1.png);
}
.nu31_link2
{
  background: url(http://img11.hostingpics.net/pics/630036437826bouton2.png);
}
.nu31_link3
{
  background: url(http://img11.hostingpics.net/pics/866067474878bouton3.png);
}
.nu31_link4
{
  background: url(http://img11.hostingpics.net/pics/261429563812bouton4.png);
}
.nu31_link1:hover, .nu31_link2:hover, .nu31_link3:hover, .nu31_link4:hover

  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
 
}
.nu31_contenu1
{
  width: 800px;
  height: 200px;
  margin-left: 150px;
  background: #e2ddda;
  border: 1px solid #cccaca;
}
.nu31_contenu2
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  overflow: hidden;
  background: #e2ddda;
  border: 1px solid #cccaca;
  color: #8a6c4c;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.nu31_contenu3
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -50px;
  overflow: hidden;
  background: #e2ddda;
  border: 1px solid #cccaca;
  color: #8a6c4c;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.nu31_contenu4
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -100px;
  overflow: hidden;
  background: #e2ddda;
  border: 1px solid #cccaca;
  color: #8a6c4c;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.nu31_contenu5
{
  position: absolute;
  width: 0px;
  height: 200px;
  margin-left: 150px;
  margin-top: -150px;
  overflow: hidden;
  background: #e2ddda;
  border: 1px solid #cccaca;
  color: #8a6c4c;
  opacity: 0;
  -moz-opacity: 0;
  -khtml-opacity: 0;
  filter: alpha(opacity=0);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.nu31_link1:hover .nu31_contenu2, .nu31_link2:hover .nu31_contenu3, .nu31_link3:hover .nu31_contenu4,
.nu31_link4:hover .nu31_contenu5
{
  width: 580px;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
}
.nu31_contenu
{
  display: block;
  padding: 5px;
  color: #965423;
  font-size: 10px;
  text-align: justify;
}
















/* PAGE ACCUEIL MOZAIK */

#mozaik
{
  width: 660px;
  height: 260px;
  margin: auto;
}
#mozaik a
{
  font-weight: bold;
  color: #575757 !important;
  text-decoration: none !important;
}
#mozaik a:hover
{
  color: #3a3a3a;
  text-decoration: none !important;
}
#mozaik_top
{
  position: relative;
  z-index: 1;
  width: 30px;
  height: 238px;
  overflow: hidden;
  margin-top: 10px;
  float: left;
  background: #b9b9b9;
  border: 1px solid #d6d6d6;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik_top:hover
{
  position: relative;
  z-index: 999;
  width: 330px;
  background: #d6d6d6;
  border: 1px solid #e3e3e3;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik_credits
{
  position: relative;
  z-index: 1;
  width: 30px;
  height: 238px;
  overflow: hidden;
  margin-top: 10px;
  float: right;
  background: #b9b9b9;
  border: 1px solid #d6d6d6;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik_credits:hover
{
  position: relative;
  z-index: 999;
  width: 330px;
  background: #d6d6d6;
  border: 1px solid #e3e3e3;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_titretop
{
  display: block;
  width: 30px;
  height: 238px;
  float: left;
  overflow: hidden;
  background-color: transparent;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik_top:hover .mozaik_titretop
{
  background-color: #9e9e9e;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_titrecredits
{
  display: block;
  width: 30px;
  height: 238px;
  float: right;
  overflow: hidden;
  background-color: transparent;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik_credits:hover .mozaik_titrecredits
{
  background-color: #9e9e9e;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik_accueil
{
  width: 600px;
  height: 240px;
  margin: auto;
  padding: 10px;
  text-align: justify;
}
#mozaik1
{
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 120px;
  overflow: hidden;
  background: #c19898;
  border-left: 3px solid #9e3535;
  box-shadow: 0px 0px 0px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik1:hover
{
  z-index: 999;
  width: 600px;
  height: 240px;
  background: #dcdcdc;
  border-left: 0px solid #9e3535;
  box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik2
{
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 120px;
  overflow: hidden;
  background: #a8b6cc;
  border-right: 3px solid #3b5d94;
  box-shadow: 0px 0px 0px #000000;
  margin-left: 300px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik2:hover
{
  z-index: 999;
  width: 600px;
  height: 240px;
  margin-left: 0px;
  background: #dcdcdc;
  border-right: 0px solid #3b5d94;
  box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik3
{
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 120px;
  overflow: hidden;
  background: #a3c5a5;
  border-left: 3px solid #429046;
  box-shadow: 0px 0px 0px #000000;
  margin-top: 120px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik3:hover
{
  z-index: 999;
  width: 600px;
  height: 240px;
  margin-top: 0px;
  background: #dcdcdc;
  border-left: 0px solid #429046;
  box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik4
{
  position: absolute;
  z-index: 1;
  width: 300px;
  height: 120px;
  overflow: hidden;
  background: #d7d1a0;
  border-right: 3px solid #c7b731;
  box-shadow: 0px 0px 0px #000000;
  margin-left: 300px;
  margin-top: 120px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik4:hover
{
  z-index: 999;
  width: 600px;
  height: 240px;
  margin-left: 0px;
  margin-top: 0px;
  background: #dcdcdc;
  border-right: 0px solid #c7b731;
  box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}

.mozaik_titre1
{
  width: 300px;
  height: 120px;
  background: url(http://img15.hostingpics.net/pics/372569contexte.png) top left no-repeat transparent;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik1:hover .mozaik_titre1
{
  width: 600px;
  height: 60px;
  background: url(http://img15.hostingpics.net/pics/372569contexte.png) top left no-repeat #9e3535;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_titre2
{
  width: 300px;
  height: 120px;
  background: url(http://img15.hostingpics.net/pics/898361lesnews.png) top left no-repeat transparent;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik2:hover .mozaik_titre2
{
  width: 600px;
  height: 60px;
  background: url(http://img15.hostingpics.net/pics/898361lesnews.png) top left no-repeat #3b5d94;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_titre3
{
  width: 300px;
  height: 120px;
  background: url(http://img15.hostingpics.net/pics/707275staff.png) top left no-repeat transparent;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik3:hover .mozaik_titre3
{
  width: 600px;
  height: 60px;
  background: url(http://img15.hostingpics.net/pics/707275staff.png) top left no-repeat #429046;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_titre4
{
  width: 300px;
  height: 120px;
  background: url(http://img15.hostingpics.net/pics/585458predef.png) top left no-repeat transparent;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
#mozaik4:hover .mozaik_titre4
{
  width: 600px;
  height: 60px;
  background: url(http://img15.hostingpics.net/pics/585458predef.png) top left no-repeat #c7b731;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}


.mozaik_contenu
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 160px;
  overflow: auto;
  font-size: 11px;
  color: #7d7d7d;
  text-shadow: 1px 1px 0px #f1f1f1;
}
.mozaik_contenu2
{
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 220px;
  overflow: auto;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  color: #7d7d7d;
  text-shadow: 1px 1px 0px #f1f1f1;
}
.mozaik_contenu3
{
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  height: 220px;
  overflow: auto;
  font-size: 11px;
  font-style: italic;
  text-align: left;
  color: #7d7d7d;
  text-shadow: 1px 1px 0px #f1f1f1;
}
.mozaik_illu
{
  width: 150px;
  float: left;
  border: 1px solid #ffffff;
  margin: 5px;
}
.mozaik_illu1
{
  width: 530px;
  height: 50px;
  float: left;
  border: 1px solid #ffffff;
  margin: 5px;
}

.mozaik_news
{
  margin: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #3b5d94;
}
.mozaik_datenews
{
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  color: #3b5d94;
  margin-right: 20px;
}
.mozaik_avatar
{
  position: relative;
  z-index: 1;
  display: inline-block;
  width: 80px;
  height: 150px;
  overflow: hidden;
  border: 2px solid #9e9e9e;
  box-shadow: 0px 0px 0px #000000;
  opacity: 0.5;
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  filter: alpha(opacity=50);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatar:hover
{
  position: relative;
  z-index: 999;
  display: inline-block;
  width: 150px;
  height: 150px;
  overflow: hidden;
  border: 2px solid #9e9e9e;
  box-shadow: 0px 0px 5px #000000;
  opacity: 1;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  filter: alpha(opacity=100);
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatardescr
{
  display: block;
  background: url(http://img15.hostingpics.net/pics/301068noir50.png);
  margin-top: 150px;
  height: 150px;
  overflow: auto;
  color: #e4e4e4;
  font-size: 10px;
  line-height: 12px;
  text-shadow: 1px 1px 0px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatar:hover .mozaik_avatardescr
{
  margin-top: 130px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatardescr:hover
{
  margin-top: 0px !important;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_avatartitre
{
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.mozaik_predef
{
  clear: both;
  display: block;
  height: 60px;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_predef:hover
{
  display: block;
  height: 60px;
  box-shadow: 0px 0px 5px #000000;
  transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  -htm-transition: 1s;
  -webkit-transition: 1s;
  -ms-transition: 1s;
}
.mozaik_predef a
{
  text-transform: uppercase;
  color: #52400a !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 0px #ffffff;
}
.mozaik_predef a:hover
{
  text-decoration: none !important;
}
.predef_icone
{
  display: block;
  float: left;
  width: 50px;
  height 50px;
  overflow: hidden;
  margin: 5px;
  border: 2px solid #9e9e9e;
}
.predef_icone img
{
  width: 50px;
}
.predef_nom
{
  display: block;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #937723;
}





body {

background-image: url('http://obsession27.free.fr/divers/fonds/ros2.jpg')  ;

  background-repeat: repeat;
}





a:hover{text-decoration: none !important;}
a {text-decoration: none !important;}
a:link {text-decoration: none;}
a:link:hover {text-decoration: none;}
a:visited {text-decoration: none;}

a:hover {
font-variant: small-caps;
}




.bodyline
{
  width: 780px;
  padding: 0px;
 
  background: #e2ddda;
  border-left: 5px solid #000000;
  border-right: 5px solid #000000;
  box-shadow: 0px 0px 5px #000000;
  -moz-box-shadow: 0px 0px 5px #000000;
  -o-box-shadow: 0px 0px 5px #000000;
  -htm-box-shadow: 0px 0px 5px #000000;
  -webkit-box-shadow: 0px 0px 5px #000000;
}
#navigation
{
  position: fixed;
  z-index: 999;
  height:50px;
  width: 100%;
  margin-left: -8px;
  text-decoration: none!important; /* pas de soulignement du lien */
 
}
#navig
{
  width: px;
  margin: auto;
  text-align: center;
  background: #D6D6D6;
  border-bottom: 5px solid #7D939E;
  padding-bottom: 3px;
  border-radius : x;
  text-decoration: none!important; /* pas de soulignement du lien */
}

a.nav img
{
  width: 300px;
}

#i_logo
{
  margin-top: 22px;
}

#navig a
{
  font-weight: bold;
  font-size : 14px;
  FONT-FAMILY: arial;
  color: #FFFFFF !important;
  text-shadow: 1px 1px 1px #000000;
  text-decoration: none!important; /* pas de soulignement du lien */
}
#navig a:hover
{
  color: #FFFFFF!important;
  font-weight: italic;
  text-decoration: none!important; /* pas de soulignement du lien */
}

body
{
  background: #A3B3C2;
}

.bodyline
{
  background: #e2ddda;
}

.bodylinewidth
{
  width: 800px;
}

.bodyline
{
  width: 800px;
  padding: 0px;
}

.bodylinewidth
{
  width: 780px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -9px;
  margin-bottom: -9px;
}

table.bodylinewidth
{
position: relative;
top: -9px;
bottom: -9px;
}

.selectCode {
float:right; text-transform: uppercase;
 }



/* ********** CATEGORIE ********** */

#description{
      width:540px;
height: 150px;
font-family:  arial;
font-size: 12px;
background-image: url("http://www.damiencoden.sitew.com/fs/Root/620fy-Fond_Bois_Noir_Horizontal.JPG");
text-align: justify;
padding-left: 30px;
padding-right: 10px;
margin-bottom: 10px;
margin-top:6px;
border-radius:30px 30px 0px 0px;

background-image: url(http://www.damiencoden.sitew.com/fs/Root/620fy-Fond_Bois_Noir_Horizontal.JPG);

}

.lienss
{
width:570px;
height: 20px;
Border-top: 5px solid #D6D6D6;
font-weight:  normal;
font-family:arial;
font-size: 12px;
padding-left:10px;
margin-top:-20px;
padding-top:10px;
background-color: #7D939E;
text-shadow: 1px 1px 1px #000000;
border-radius:0px 0px 0px 0px;

text-decoration: none!important; /* pas de soulignement du lien */
}


.descriptiion{
width:410px;
height: 120px;
font-family: arial;
font-size: 12px;
font-weight:normal;
background-image: url("http://www.damiencoden.sitew.com/fs/Root/620fy-Fond_Bois_Noir_Horizontal.JPG");
text-align: justify;
padding-left: 10px;
padding-right: 10px;
margin-left:5px;
margin-top:15px;
margin-bottom:-10px;
padding-top:5px;
overflow: auto;
}



.icon_cat
{
  float: left;
  margin-left: -12px;
  margin-bottom: -12px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 2px;
  border-radius : 4px;
}


.last_post{
width: 160px;
height: 120px;
margin-left: 10px;
margin-right: 10px;
margin-top: 35px;
margin-bottom: 20px;
background-color: #7D939E;
color:#D6D6D6;
font-family:  Georgia;
padding-top: 5px;
padding-bottom: 5px;
margin-bottom: 5px;
border-radius:10px;

}

.topic_poste
{margin-top:8px;}

.topic_post{
border-top: 5px solid #D6D6D6;
margin-top:5px;
padding-top:5px;
}

a.forumlink:link, a.forumlink:visited {
font-size: 27xp;
font-family: ARIAL;
text-align : center ;
color: #ffffff;
font-size: 27px;
letter-spacing: -3px;
padding-left: 0px;
padding-right: 3px;
padding-bottom: -10px;
padding-top: 3px;
margin-bottom: -20px;
margin-right:40px;
display: block;
text-transform: lowercase;
text-shadow: 1px 1px 1px #000000;
font-style:italic;
text-decoration: none!important; /* pas de soulignement du lien */
}

a.forumlink:hover, a.forumlink:hover:visited {
color: #ffffff;
display: block;
  text-shadow: 1px 1px 1px #ffffff;
  text-decoration: none!important; /* pas de soulignement du lien */
}

a.forumlink .txt-title { display: none; }
div.secondarytitle h2 .txt-title{display: none;}
a.nav img{ display:none; }[/img]

-RETRAIT : ce CSS pose de nombreux problèmes - { display: none; }

.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}

/*CHATBOX*/

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options,
#chatbox_header .chatbox-options a {
color: #ffffff;
font-style : italic;
text-shadow: 1px 1px 1px #000000;
}

#chatbox_members ul li,
body.chatbox {
background-image: ;}

body.chatbox {
background-color:  #FFFFFF ;}


#chatbox_header{
color: #D6D6D6;
border-radius: 3px;
}

#chatbox_header .cattitle strong { display: none; }
#chatbox_header .cattitle:before {
content: "Chat Box";
font-style : italic;
text-shadow: 1px 1px 1px #000000;

 }

/*END CHATBOX*/

.message_contenu
{
  text-align: justify;
  font-size: 12px;
  background: #E8DAD0;
  border: 3px #7D6C60;
  padding:10px;
}
.profil
{
  width: 220px;

  margin: auto;
  padding: 2px;
  background: #E8DAD0;
  border: 3px #7D6C60;
  text-align: center;
  border-radius : 15px;
}
.name
{
  font-size: 14px;
  font-variant: small-caps;
}
.profil_avatar
{
  border: 3px solid #7D6C60;
  height : 350p;
    width : 200px;
  background: #E8DAD0;
  padding: 4px;
  border-radius:15px;
}

div.infobulle
{
 position: relative;
 float: left;
color: black;
  BORDER-RADIUS : 15px 0px 15px 0px;
}


div.infobulle span
{
 display: none; /* ceci masque l'infobulle */
  BORDER-RADIUS : 15px 0px 15px 0px;
}
div.infobulle:hover
{
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  color: black;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

/* style de l infobulle */

div.infobulle:hover span
{
display: inline; /* on affiche l'infobulle */
position: absolute;
width:150px;
height:auto;
top: 115px;
left:25px; /* on positionne notre infobulle */
background-color: #7D939E;
padding: 3px;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
text-align: center;
font-size: 14px;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

a.lienpa{
font-size:30px;
font-family:arial;
color:#ffffff;
letter-spacing:2px;
}
a.lienpa:hover{
font-size:30px;
font-family:arial;
color:#D6d6d6;
letter-spacing:2px;
}
.contourlien{
width:650px;
border:2px #7D939E solid;
padding:10px;
text-align:center;
background-color:#7D939E;
float:left;
margin-bottom:-30px;
margin-left:60px;
BORDER-RADIUS : 15px 0px 15px 0px;
}
.contourlien:hover{
width:650px;
border:2px #7D939E solid;
padding:10px;
text-align:center;
background-color:#7D939E;
float:left;
margin-bottom:-30px;
margin-left:60px;
}

.contourpa{
border:2px #7D939E solid;
padding-top:30px;
padding-right:10px;
padding-left:10px;
padding-bottom:10px;
background-color:#A3B3C2;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.presforum{
text-align:justify;
border:2px #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}
.presforum:hover{
text-align:justify;
border:2px  #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.titre{
font-size:30px;
font-family:impact;
letter-spacing:1px;
text-align:center;
color:#7D939E;
margin-bottom:-7px;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.titre:hover{
font-size:30px;
font-family:impact;
letter-spacing:3px;
text-align:center;
color:white;
margin-bottom:-7px;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.actus{
height:90px;
overflow:auto;
text-align:justify;
border:2px #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}
.actus:hover{
height:90px;
overflow:auto;
text-align:justify;
border:2px #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.subject{
height:170px;
text-align:center;
border:2px #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.partenaire{
height:90px;

text-align:center;
border:2px #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}


.partenaire:hover{
height:90px;
text-align:center;
border:2px #7D939E solid;
padding:10px;
color:#7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.Vote{
height:90px;

float: center;
text-align:center;
border:2px #7D939E solid;
padding:10px;
color:7D939E;
font-size:12px;
font-family:arial;
background-color:#D6D6D6;
  BORDER-RADIUS : 15px 0px 15px 0px;
}

.icon /*Image no new, attention, elle doit faire 150*150 pour un affichage optimisé
{
  float: left;
}

a.titre_forum
{
  display: block; /*Passe le titre du forum de simple élément en ligne à un block*/
  color: #cccccc;
  letter-spacing: 1px; /*Laisse un espace de 1px entre chaque lettre*/
  font-size: 15px;
  text-shadow: 1px 1px 1px black;
  text-decoration: none!important;
}

.description
{
  float: left;
  background-color: #cccccc;
  border: 1px solid #ffffff;
  border-right: 0px;
  height: 107px;
  width: 265px;
  overflow: auto;
  padding: 5px;
  border-radius: 25px 0 0 25px;
  -moz-border-radius: 25px 0 0 25px;
  -o-border-radius: 25px 0 0 25px;
  -htm-border-radius: 25px 0 0 25px;
  -webkit-border-radius: 25px 0 0 25px;
  -ms-border-radius: 25px 0 0 25px;
  -khtml-border-radius: 25px 0 0 25px; /*Arrondis sur la plupart des navigateurs*/
  box-shadow: inset 1px 1px 10px #dfdfdf;
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -o-box-shadow: inset 1px 1px 10px #dfdfdf;
  -htm-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  -ms-box-shadow: inset 1px 1px 10px #dfdfdf;
  -khtml-box-shadow: inset 1px 1px 10px #dfdfdf; /*Ombre sur la plupart des navigateurs*/
}

.ssforum
{
  float: right; /*Fait flotter sur la droite les sous-forums sur la droite de la description*/
  background-color: #cccccc;
  border: 1px solid #ffffff;
  height: 120px;
  width: 120px;
  overflow: auto;
  border-radius: 0 25px 25px 0;
  -moz-border-radius: 0 25px 25px 0;
  -o-border-radius: 0 25px 25px 0;
  -htm-border-radius: 0 25px 25px 0;
  -webkit-border-radius: 0 25px 25px 0;
  -ms-border-radius: 0 25px 25px 0;
  -khtml-border-radius: 0 25px 25px 0;
  box-shadow: inset 1px 1px 10px #dfdfdf;
  -moz-box-shadow: inset 1px 1px 10px #dfdfdf;
  -o-box-shadow: inset 1px 1px 10px #dfdfdf;
  -htm-box-shadow: inset 1px 1px 10px #dfdfdf;
  -webkit-box-shadow: inset 1px 1px 10px #dfdfdf;
  -ms-box-shadow: inset 1px 1px 10px #dfdfdf;
  -khtml-box-shadow: inset 1px 1px 10px #dfdfdf;
}




En vérité, je voudrais la même chose que "Tirranical Master" mais en dessous, pour avoir deux groupes ! Je m'exprime mal, voici un schéma :




Vous comprenez ? Désolée, je m'exprime mal ^^'

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Dellou le Mar 2 Avr 2013 - 19:09

Up!

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Dellou le Ven 5 Avr 2013 - 18:58

Up .-.

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Dellou le Sam 6 Avr 2013 - 12:45

Up!

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problèmes codes QUEEL

Message par Dellou le Sam 6 Avr 2013 - 12:51

Sujet résolu !

Dellou
**

Féminin
Messages : 92
Inscrit(e) le : 06/10/2012

http://black-deal.monforumgratuit.com/
Dellou 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