Problème pour mettre les liens des sous forum dans leur cadres ! °^°

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

Résolu Problème pour mettre les liens des sous forum dans leur cadres ! °^°

Message par Lee Joon Oppa ! le Jeu 12 Juil 2012 - 17:15

Bonjour ! Bonjour ! *^*

En fait, voilà.. J'ai fais des catégories sur deux colonnes mais je n'arrive pas à mettre les liens des sous forum dans leur cadre.

Je vous donne mes code :

CSS :

Code:
/* MISE EN FORME DES CATEGORIES ET FORUMS */

.cate_titre
{
  clear: both;
  height: 100px;
  margin-top: 50px;
}
.catetitre_bloc
{
position: relative;
z-index: 1;
display: block;
width: 90%;
height: 20px;
margin-left: auto;
margin-right : auto;
background-color: #141414;
transform: rotate(1deg);
-moz-transform: rotate(1deg);
-o-transform: rotate(1deg);
-webkit-transform: rotate(1deg);
-htm-transform: rotate(1deg);
}
.catetitre_content
{
position: absolute;
z-index: 2;
display: block;
width: 790px;
margin-left: auto;
  margin-right: auto;
  margin-top: -40px;
text-align: center;
padding: 2px;
 
}
.catetitre
{
color: #454545;
font-family: arial;
font-size: 26px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
text-shadow: 1px 1px 0px #000000;
}

.forum_bloc
{
  width: 799px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -30px;
}
.forum
{
float: left;
width: 380px;
height: 250px;
margin-left: 6px;
margin-right: 6px;
margin-bottom: 50px;
}
a.forumlink
{
  text-color: #CFAC97;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  color: #CFAC97;
  text-align: center;
font-family: verdana;
font-size: 24px;
text-transform: uppercase;
letter-spacing: -3px;
    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;
}
a.forumlink:hover
{
  color: #733B3B;
  letter-spacing: 4px;
    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;
}
.forum_contenu
{
  position: relative;
  z-index: 1;
  width: 98%;
  height: 90%;
  padding: 4px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -8px;
  background-color: #141414;
  border-bottom: 5px solid #242323;
  border-top: 5px solid #242323;
}
.description
{
  display: block;
  width: 345px;
  margin: auto;
  height: 100px;
  overflow: hidden;
  border: 2px 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;
}
.description_contenu
{
  position: absolute;
  display: block;
  width: 335px;
  height: 91px;
  overflow: auto;
  background-color: #191817;
  font-size: 10px;
  color: #9c9c9c;
  text-align: jutsify;
  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;
}
.description_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;
}
.icone_stats
{
  width: 400px;
  margin: auto;
  margin-top: -30px;
}
.stats_lastpost
{
  display: block;
  width: 150px;
  height: 80px;
  margin-left: 10px;
  background-color: #242323;
  border-right: 5px solid #000000;
  border-left: 5px solid #000000;
  padding: 5px;
  text-align: center;
}
.stats
{
  display: block;
  margin-bottom: 5px;
  border-bottom: 1px dotted #CFAC97;
  padding-bottom: 5px;
  font-size: 10px;
  color: #8f8f8f;
}
.lastpost
{
  display: block;
  font-size: 11px;
}
.sforum
{width: 98%;
    margin-right: 0px;
  position: relative;
  z-index: 3;
  display: block;
  height: 0;
    background: #191817;
  color: #b5b5b5;
  overflow: hidden;
    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;
}
.ouverture_sousforum
{
  margin-right: 20px;
  width: 190px;
  position: relative;
  z-index: 3;
  display: block;
  float: right;
 
  background: #191817;
  color: #b5b5b5;
  font-size: 11px;
  text-align: center;
  padding: 4px;
  -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
.sous_forum:hover .sforum
{
  margin-left: 0px;
  margin-right: 0px;
  width : 98% ;
  height: 15px;
  background: #191817;
  color: #b5b5b5;
  padding: 4px;
  overflow: auto;
    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;
}
.sous_forum a
{
  color: #b5b5b5 !important;
  text-shadow: 1px 1px 0px #000000;
}
.sous_forum a:hover
{
  color: #ffffff !important;
}

Template Index-box :

Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<br><div class="cate_titre"><span class="catetitre_bloc"></span>
  <span class="catetitre_content">{catrow.tablehead.L_FORUM}</span></div>

  <!-- END tablehead -->
  <!-- BEGIN cathead -->


  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 

<div class="forum_bloc">
<div class="forum">
 
  <span class="forumlink">
  <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">«    {catrow.forumrow.FORUM_NAME}  »</a>
  </span>
 
  <div class="forum_contenu">
    {catrow.forumrow.FORUM_DESC}<br />
   
    <div class="icone_stats"><table><tr><td><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" class="icone" /></td>
      <td><span class="stats_lastpost">
        <span class="stats">{catrow.forumrow.TOPICS} sujets ♣ {catrow.forumrow.POSTS} messages</span>
        <span class="lastpost">{catrow.forumrow.LAST_POST}</span>
        </span></td>
      </tr></table></div>
   
  </div>
 
  <div class="sous_forum">
    <span class="sforum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
    <span class="ouverture_sousforum">Ouvre donc si tu en as les couilles !</span>
  </div>
 
</div>
</div>


  <!-- END forumrow -->
  <!-- BEGIN catfoot -->

  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->

<!-- END tablefoot --><!-- END catrow -->

Code des descriptions :
Code:
<div class="description">
<span style="display: block; width: 355px; height: 100px; background: url(http://img83.xooimage.com/files/a/5/d/one-362e09f.png) ;">
<span class="description_contenu">Dis le autant de fois que tu le veux : Je suis un rebelle. En attendant mon coco, faudrait bien que tu penses à lire les règles, même si t'es un big bad boy, faudra te plié au règles mon chou. Lis bien, et ensuite tu seras libre de foutre le bordel autant de fois que tu veux. M'avant de te faire fouetté par la méchante Eun-Hee, fonce lire le règlement et tout ça, tout ça... ♥  </span></div>

Merci ! ^^


Dernière édition par Lee Joon Oppa ! le Jeu 12 Juil 2012 - 22:20, édité 1 fois

Lee Joon Oppa !
Nouveau membre

Messages : 4
Inscrit(e) le : 07/07/2012

http://koukoujapan.forumactif.com
Lee Joon Oppa ! a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour mettre les liens des sous forum dans leur cadres ! °^°

Message par Roxy. le Jeu 12 Juil 2012 - 18:49

Bonsoir,
Y a t-il des sous-forums pour le forum en question ?
Sinon, essayez, dans votre css de la partie "sforum" de supprimer :
Code:
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;

Je ne vois pas trop son utilité.

Cordialement,

Roxy.
# Tropactif #

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème pour mettre les liens des sous forum dans leur cadres ! °^°

Message par Lee Joon Oppa ! le Jeu 12 Juil 2012 - 22:20

Merci ! C'est bon ! ^^

Lee Joon Oppa !
Nouveau membre

Messages : 4
Inscrit(e) le : 07/07/2012

http://koukoujapan.forumactif.com
Lee Joon Oppa ! 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