Séparer corps du forum & colonne derniers messages

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

Résolu Séparer corps du forum & colonne derniers messages

Message par Eden. le Lun 16 Jan 2012 - 17:49

Bonsoir,

Je pense que le titre est assez révélateur x) enfaite j'aimerais avoir en tout 2 colonnes sur mon forum dont:
-le corps du forum (les catégories)
- la colonne derniers messages (comprenant les boutons : new,lock...)

Par contre pour cela je ne sais pas du tout ce que je dois modifier et comment...
Lien du forum : ICI


Dernière édition par Eden. le Ven 20 Jan 2012 - 19:40, édité 1 fois

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Lun 16 Jan 2012 - 18:59

Bonsoir

Je vais essayer de le faire Wink Avez-vous un schéma? Votre template index_box est-il modifié?


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Lun 16 Jan 2012 - 19:14

Oui je pense que mon index_box a été modifié je vous le donne ^^:

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 -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
     
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
  </tr>
  <!-- END tablehead -->
  <!-- BEGIN cathead -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
        <h{catrow.cathead.LEVEL} class="hierarchy">
            <span class="cattitle">
              <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
            </span>
        </h{catrow.cathead.LEVEL}>
      </td>
      <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
  </tr>
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
      <!-- END inc -->
      <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
        <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
      </td>
      <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
        <h{catrow.forumrow.LEVEL} class="hierarchy">
            <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
 
            </span>
        </h{catrow.forumrow.LEVEL}>
        <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
        <span class="gensmall">
            <!-- BEGIN switch_moderators_links -->
            {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
            <!-- END switch_moderators_links -->
            {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
        </span>
      </td>
     
      <td class="row3 over" align="center" valign="middle" height="50">
        <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
      </td>
  </tr>
  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
  <tr>
      <!-- BEGIN inc -->
      <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
      <!-- END inc -->
      <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
  </tr>
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Je vous ai fait vite fait ce que je voudrais obtenir c'est approximatif >< :
Spoiler:




Dernière édition par Eden. le Lun 16 Jan 2012 - 20:41, édité 1 fois

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par kakale le Lun 16 Jan 2012 - 19:36

Bonsoir...

Nous traitons du même problème ICI ... A quelques différences près.

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Lun 16 Jan 2012 - 21:29

Bonsoir,

Voici votre nouveau template:
Code:
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
     
            <table width="100%" border="0" cellspacing="0" 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>
     
     
            <!-- DEBUT MODIF ONGLETS -->
     
            <script type="text/javascript">
            <!--
     
            document.write('<div align="center" style="display:none;" id="conteneur_barre_onglet">
            <ul class="conteneur_onglets">
     
            <li onClick="change_cat(1)" class="onglet actif" id="onglet_1">Pour Commencer</li>
            <li onClick="change_cat(2)" class="onglet " id="onglet_2">La Ville</li>
            <li onClick="change_cat(3)" class="onglet " id="onglet_3">Le Lycée</li>
            <li onClick="change_cat(4)" class="onglet " id="onglet_4">Le Monde Extérieur</li>
            <li onClick="change_cat(5)" class="onglet " id="onglet_5">Divers</li>
     
            </ul></div>');
     
            var compteur_cat = 1;
     
            function change_cat(numero)
            {
              if(document.getElementById('categorie_'+numero))
              {
                  /* affichage de la bonne categorie */
                  $('table[id^=categorie_]').css('display','none');
                  $('table[id=categorie_'+numero+']').fadeIn();
             
                  /* affichage du bon onglet */
                  $('.actif').removeClass("actif");
                  $('.onglet[id=onglet_'+numero+']').addClass("actif");
              }
            }
     
            function capture_cat()
            {
              if(compteur_cat == 1)
              {
                  document.write('<table class="forumline" id="categorie_' + compteur_cat + '" >');
              }
              else
              {
                  $('#conteneur_barre_onglet').css("display","block");
                  document.write('</table><table class="forumline" id="categorie_' + compteur_cat + '" style="display:none;">');
              }
         
              compteur_cat++;
            }
     
            //-->
            </script>
     
            <!-- BEGIN catrow --><!-- BEGIN tablehead -->
     
            <script type="text/javascript">
            <!--
              capture_cat();
            //-->
            </script>
     
            <!-- FIN MODIF ONGLETS -->
     
     
           
              <!-- END tablehead -->
              <!-- BEGIN cathead -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
                  <!-- END inc -->
                  <td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
                    <h{catrow.cathead.LEVEL} class="hierarchy">
                        <span class="cattitle">
                          <a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
                        </span>
                    </h{catrow.cathead.LEVEL}>
                  </td>
                  <td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
              </tr>
              <!-- END cathead -->
              <!-- BEGIN forumrow -->
              <tr>
                  <!-- BEGIN inc -->
                  <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
                  <!-- END inc -->
               
                  <td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
                    <h{catrow.forumrow.LEVEL} class="hierarchy">
                        <span class="forumlink">
                          <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                        </span>
                    </h{catrow.forumrow.LEVEL}>
                    <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
                    <span class="gensmall">
                        <!-- BEGIN switch_moderators_links -->
                        {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                        <!-- END switch_moderators_links -->
                     
                    </span>
                  </td>

                  <!-- BEGIN forum_link_no -->
               
                  <td class="row3 over" align="center" valign="middle" height="50">
                    <span class="gensmall">{catrow.forumrow.LAST_POST} <br /><br /> <br /> <br />  <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
      </td>
            <!-- END forum_link_no -->
            <!-- BEGIN forum_link -->
            <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
            <!-- END forum_link -->
            </tr>
            <!-- END forumrow -->
            <!-- BEGIN catfoot -->
            <tr>
            <!-- BEGIN inc -->
            <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
            <!-- END inc -->
            <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
            </tr>
            <!-- END catfoot -->
            <!-- BEGIN tablefoot -->
            <img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->


Et voici le code à insérer dans votre CSS:
Code:
td.row1.over, td.row3.over {
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
   }


#categorie_1 {
border-spacing: 20px;}


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Lun 16 Jan 2012 - 22:35

Je tenais a vous remercier deja ^^ mais Je viens de tester et sa marche pas on dirait... Les 2 colonnes ne sont pas séparés et lors de l'enregistrement du template j'ai l'impression que sa bug sa me met sur une page blanche (about=blank)

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Lun 16 Jan 2012 - 23:03

Bonsoir,

Pouvez-vous mettre votre CSS ici? En ce qui concerne le "about blank", utilisez-vous Google Chrome?

Le résultat fonctionne pourtant chez moi...


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Mar 17 Jan 2012 - 10:09

Oui c'est ça j'utilise bien Google Chrome c'est à cause de sa ?

Voila mon code css :

Code:
 body {
                background-repeat: no-repeat;
                }
       
                a{text-decoration:none!important;}
                a:hover {text-decoration: none !important;}
       
       
                /**SOULIGNEMENT EN POINTILLÉ**/
                      u {
                        border-bottom: 1px dotted black;
                        text-decoration: none !important;
                        }
       
                /**ILLUMINE**/
                        a img {
                        opacity: 0.8;
                        }
                        a:hover img {
                        opacity: 10.0;
                        }
           
           
                /* QEEL */
       
                .qeel {
                text-shadow: 1px 1px 1px #000000;
                  font-weight: bold;
                  font-family: georgia;
                  font-size: 25px;
                  font-weight: lighter;
                  letter-spacing: 2px;
                }
       
                .surtexte {
                text-shadow: 1px 1px 1px #000000;
                  font-weight: bold;
                  font-family: georgia;
                  font-size: 14px;
                  font-weight: lighter;
                  letter-spacing: 2px;
                }
       
                body {
                background-repeat: no-repeat;
                  background-position: none;
                }
       
       
                /* DESCRIPTION DES CATEGORIE */
       
                .boitehaut{
                width: 600px;
                color: #1C1B2B;
                -moz-border-radius:7px;
          -webkit-border-radius:7px;
          -ô-border-radius:7px;
          -khtml-border-radius:7px;
          border-radius:7px;
                background-color: #C9D7FF;
                padding-right:10px;
                padding-bottom: 3px;
                padding-top:3px;
                }
       
                .boitebas{
                color: #1C1B2B;
                -moz-border-radius:7px;
          -webkit-border-radius:7px;
          -ô-border-radius:7px;
          -khtml-border-radius:7px;
          border-radius:7px;
                background-color: #C9D7FF;
                padding-right:10px;
                padding-bottom: 3px;
                padding-top:3px;
                }
       
                .vignettes
                {-moz-border-radius:7px;
          -webkit-border-radius:7px;
          -ô-border-radius:7px;
          -khtml-border-radius:7px;
          border-radius:7px;
                background-color: #C9D7FF;
                color: #1C1B2B;
                padding-right:10px;
                padding-left:10px;
                padding-bottom: 3px;
                padding-top:3px;
                }
       
                /* TITRES DES CATEGORIE */
       
                a.forumlink:link, a.forumlink:visited {
                background-image: url("http://img841.imageshack.us/img841/183/hom8.gif");
                font-family: georgia;
                text-transform : uppercase;
                text-align: center;
                font-size: 100%;
                border-bottom: 5px solid #ffffff;
                color: #1C1B2B;
                letter-spacing: 1px;
                display: block;
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                }
                a.forumlink:hover, a.forumlink:hover:visited {
                background-image: url("http://img822.imageshack.us/img822/6414/pattern2b.png");
                color: #1C1B2B;
                text-align: center;
                display: block;
                border-bottom: 5px solid #couleur;
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                }
       
                /* CODE POUR OPACITER */
       
                .pastaff {
                filter:alpha(opacity=50);
                -moz-opacity:0.5;opacity: 0.5;
                padding:4px;
                background-color:#97ACDE;
                margin:3px;
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                border:2px solid #FFFFFF;
                }
                .pastaff:hover {
                filter:alpha(opacity=100);
                -moz-opacity:6;opacity: 1;
                }
       
                /* BARRE DE NAVIGATION */
       
                  a.mainmenu
                {
                  font-family: Century Gothic, serif;
                  font-size: 70%;
                  color: #1C1B2B;
                  text-align: center;
                  -moz-border-radius:12px;
            -webkit-border-radius:12px;
            -ô-border-radius:12px;
            -khtml-border-radius:12px;
            border-radius:12px;
                  background-color:#338496;
                  padding-left: 2px;
                  padding-right: 2px;
                  }
       
                  a.mainmenu:hover
                {
                  font-family: Century Gothic, serif;
                  font-size: 70%;
                  color: #1C1B2B;
                  text-align: center;
                  -moz-border-radius:12px;
            -webkit-border-radius:12px;
            -ô-border-radius:12px;
            -khtml-border-radius:12px;
            border-radius:12px;
                  background-color:#C2C2C2;
                  padding-left: 2px;
                  padding-right: 2px;
                  }
       
                /* PAGE D ACCUEIL */
       
                a:link {text-decoration: none; border: none;}
                a:visited {text-decoration: none; border: none;}
                a:hover {text-decoration: none; border: none;}
                a:active {text-decoration: none;border: none;}
                a {text-decoration: none; border: none;}
       
                .MENU {
                text-transform:normal;
                text-align:center;
                background-color: #C9D7FF;
              }
       
       
                .MENU:hover {
                text-align:center;
                text-transform:uppercase;
                background-color: #71A8DE;
             
       
                }
       
                .titre {
                text-align: left;
                color: #3964B0;
                font-size: 16px;
                font-family: georgia;
                font-weight:bold;
                font-style:italic;
                padding: 1px;
                margin-bottom : 2px;
                padding-left: 10px;
                border-bottom: 3px solid #FFFFFF;
                }
       
                #subnav A:link, #subnav A:visited, #subnav A:active {
       
                font-family: georgia;
                font-size: 13px;
                font-style:italic;
                text-align: center;
                padding: 2px;
                color: #8C83DE;
                background-color: transparent;
                line-height: 10px;
                display: block;
                }
       
                #subnav A:hover {
                color: #3964B0;
                background-color: #C9D7FF;
                letter-spacing: 2px;
                font-shadow: #C9D7FF 1px 1px 1px;}
       
                /* INFOBULLE STAFF */
       
                a.imginfo {
                border-bottom:0 solid #couleur;
                color:#couleur;
                position:relative;
                text-decoration:none;
                }
                a.imginfo span {
                display:none;
                }
                a.imginfo:hover {
                -moz-background-clip:border;
                -moz-background-inline-policy:continuous;
                -moz-background-origin:padding;
                background:transparent none repeat scroll 0 0;
                cursor:help;
                z-index: 999;
                }
                a.imginfo:hover span {
                -moz-background-clip:border;
                -moz-background-inline-policy:continuous;
                -moz-background-origin:padding;
                background:white none repeat scroll 0 0;
                border-color:#couleur;
                border-style:solid;
                border-width:3px 3px 5px 5px;
                display:inline;
                left:20px;
                padding:3px;
                position:absolute;
                top:15px;
                white-space:nowrap;
                }
       
             
/* TEXTE */
                        a:hover{
                        text-decoration: none !important;
                        }
           
                        a {
                        text-decoration: none !important;
                        }
           
                        a:link {
                        text-decoration: none;
                        }
           
                a:visited {
                        text-decoration: none;
                        }
       
                a:hover{
                letter-spacing : 2px; }
       
                a {
                text-shadow: 1px 1px 1px #364E57;
                }
       
       
                a {border-bottom: 1px #000000 dotted;}
       
                .description
                {
                background#1C1B2B;
                color:green;
                padding:8px;
                -moz-border-radius:4px;
          -webkit-border-radius:4px;
          -ô-border-radius:4px;
          -khtml-border-radius:4px;
          border-radius:4px;
                font-size:10px;
                font-weight:bold;
                }
       
       
                a { text-decoration: none; }
                a:hover{text-transform:uppercase;}
       
                a:hover {
                cursor: ne-resize;
                }
       
          .forumline{
                border: 2px #1C1B2Bdashed;
                }
             
 
                a.forumlink{
                -moz-border-radius:10px;
          -webkit-border-radius:10px;
          -ô-border-radius:10px;
          -khtml-border-radius:10px;
          border-radius:10px;
                border-bottom: 10px double;
                display:block;
                text-align: right;
                }
       
                .postdetails.poster-profile a img {
                -moz-border-radius-bottomleft:10px;
                -moz-border-radius-bottomright:10px;
                -moz-border-radius-topleft:10px;
                -moz-border-radius-topright:10px;
                border: 5px solid #1C1B2B;
                }
 
       
                /**CADRE DES AVATAR**/
                .postdetails.poster-profile a img {
                -moz-border-radius-bottomleft:8px;
                -moz-border-radius-bottomright:8px;
                -moz-border-radius-topleft:8px;
                -moz-border-radius-topright:8px;
                border: 5px solid #1C1B2B;
                }
       
 
/**DESCRIPTION DES CATÉGORIES**/
                        .descript {
                        background-color: #111111 ;
                        border: 3px #121212 solid;
                        -moz-border-radius-topleft: 20px;
                        -moz-border-radius-topright: 0px;
                        -moz-border-radius-bottomright: 20px;
                        -moz-border-radius-bottomleft: 0px;
                        -webkit-border-radius-topleft: 20px;
                        -webkit-border-radius-topright: 0px;
                        -webkit-border-radius-bottomright: 20px;
                        -webkit-border-radius-bottomleft: 0px;
                        }
 
 
                /**COULEUR DES MESSAGES**/
                                .colorpicker {
                                  width: 356px;
                                  height: 176px;
                                  overflow: hidden;
                                  position: absolute;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
                                  font-family: Arial, Helvetica, sans-serif;
                                  display: none;
                                }
                                .colorpicker_color {
                                  width: 150px;
                                  height: 150px;
                                  left: 14px;
                                  top: 13px;
                                  position: absolute;
                                  background: #f00;
                                  overflow: hidden;
                                  cursor: crosshair;
                                }
                                .colorpicker_color div {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 150px;
                                  height: 150px;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
                                }
                                .colorpicker_color div div {
                                  position: absolute;
                                  top: 0;
                                  left: 0;
                                  width: 11px;
                                  height: 11px;
                                  overflow: hidden;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
                                  margin: -5px 0 0 -5px;
                                }
                                .colorpicker_hue {
                                  position: absolute;
                                  top: 13px;
                                  left: 171px;
                                  width: 35px;
                                  height: 150px;
                                  cursor: n-resize;
                                }
                                .colorpicker_hue div {
                                  position: absolute;
                                  width: 35px;
                                  height: 9px;
                                  overflow: hidden;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
                                  margin: -4px 0 0 0;
                                  left: 0px;
                                }
                                .colorpicker_new_color {
                                  position: absolute;
                                  width: 60px;
                                  height: 30px;
                                  left: 213px;
                                  top: 13px;
                                  background: #f00;
                                }
                                .colorpicker_current_color {
                                  position: absolute;
                                  width: 60px;
                                  height: 30px;
                                  left: 283px;
                                  top: 13px;
                                  background: #f00;
                                }
                                .colorpicker input {
                                  background-color: transparent;
                                  border: 1px solid transparent;
                                  position: absolute;
                                  font-size: 10px;
                                  font-family: Arial, Helvetica, sans-serif;
                                  color: #898989;
                                  top: 4px;
                                  right: 11px;
                                  text-align: right;
                                  margin: 0;
                                  padding: 0;
                                  height: 11px;
                                }
                                .colorpicker_hex {
                                  position: absolute;
                                  width: 72px;
                                  height: 22px;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
                                  left: 212px;
                                  top: 142px;
                                }
                                .colorpicker_hex input {
                                  right: 6px;
                                }
                                .colorpicker_field {
                                  height: 22px;
                                  width: 62px;
                                  background-position: top;
                                  position: absolute;
                                }
                                .colorpicker_field span {
                                  position: absolute;
                                  width: 12px;
                                  height: 22px;
                                  overflow: hidden;
                                  top: 0;
                                  right: 0;
                                  cursor: n-resize;
                                }
                                .colorpicker_rgb_r {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
                                  top: 52px;
                                  left: 212px;
                                }
                                .colorpicker_rgb_g {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
                                  top: 82px;
                                  left: 212px;
                                }
                                .colorpicker_rgb_b {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
                                  top: 112px;
                                  left: 212px;
                                }
                                .colorpicker_hsb_h {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
                                  top: 52px;
                                  left: 282px;
                                }
                                .colorpicker_hsb_s {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
                                  top: 82px;
                                  left: 282px;
                                }
                                .colorpicker_hsb_b {
                                  background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
                                  top: 112px;
                                  left: 282px;
                                }
                                .colorpicker_submit {
                                  position: absolute;
                                  width: 22px;
                                  height: 22px;
                                  background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
                                  left: 322px;
                                  top: 142px;
                                  overflow: hidden;
                                }
                                .colorpicker_focus {
                                  background-position: center;
                                }
                                .colorpicker_hex.colorpicker_focus {
                                  background-position: bottom;
                                }
                                .colorpicker_submit.colorpicker_focus {
                                  background-position: bottom;
                                }
                                .colorpicker_slider {
                                  background-position: bottom;
                                }
       
                /* DESCRIPTION CATÉGORIE */
                .descript {
                        background-color: #E0E9FC ;
                        border: 3px solid #ffffff;
                        -moz-border-radius: 20px 0px 20px 0px;
                        -webkit-border-radius: 20px 0px 20px 0px;
                        border-radius: 20px 0px 20px 0px;
                }
       
                table.forumline{
                background-color: #fffff4;
                border: 2px #619FAD solid;
                -moz-border-radius:8px;
                -webkit-border-radius:8px;
                -border-radius:8px;
                -khtml-border-radius:8px;
                margin-bottom:20px;
                }
       
                .test
                {
                width: 500px;
                height:70px;
                border-right:5px solid white;
                background-color: #297080;
                margin-top:10px;
                margin-left:auto;
                margin-right:auto;
                }
       
                /* couleur de fond titre des catégories */
                .secondarytitle
                {
                background-color: #297080;
                }
       
                th
                {
                background-color: #297080;
                }
   
        .forumline
        {
          padding: 3px;
        }


/* VIRER CADRE MESSAGE D'ACCUEIL */
.accueil .forumline{
background-color: transparent !important;
border: none !important;
}
.accueil .row1{
background-color: transparent !important;
border: none !important;
}

/* selon votre forum et sa hiérarchie, il faudra peut être rajouter le code suivant */

.accueil td.catHead{
background-image: none !important;
background-color: transparent !important;
border: none !important;
}



td.row1.over, td.row3.over {
  -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
  }
 
 
#categorie_1 {
border-spacing: 20px;}

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Mar 17 Jan 2012 - 13:58

Bonjour,

Pourtant ça devrait fonctionner:



Remettez le template que je vous ai donné en essayant sous un nouveau navigateur et n'oubliez pas d'appuyer sur ajout.

J'ai le même problème avec Google Chrome lors de trop grosses modifications. Et vouliez-vous les mêmes couleurs que dans votre schéma?


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Mar 17 Jan 2012 - 14:11

Non je ne voulais pas ces couleurs ^^ enfaite sa a l'air de marcher meme si je trouve que les cases de 'derniers messages' sont trop grandes en hauteur y'a moyen de les rétrécir ?

Parcontre toute mes catégories ont disparues... Il ne me reste que la première et du texte au dessus c'est rajouter genre : 'Pour commencer' 'la ville' 'le lycée'... qu'est ce que c'est ?

Regardez : http://playit.forumactif.org

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Mar 17 Jan 2012 - 14:20

Bonsoir,

Pardonnez-moi, un ancien code Wink Pour la colonne dernier message, sa hauteur suit automatiquement celle de la colonne de description... Vous voulez modifier sa largeur?

Voici sans la largeur modifié: http://pastebin.com/jVwA23dX


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Mar 17 Jan 2012 - 14:27

Oui j'aimerais modifier sa hauteur comment je fais..?
Et comment je fais aussi pour retrouver mes catégories et enlever ses messages bizarres en haut xD ?

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Mar 17 Jan 2012 - 15:19

Si je veux revenir a un forum 'normal' comment je fais ? Parce que la j'ai remis mon template mais sa marche pas sa fait des angles blancs bizarres arrondis...

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Mar 17 Jan 2012 - 23:24

Bonsoir,

La hauteur n'est pas modifiable, à moins d'installer un scroll Wink En ce qui concerne le texte bizarre, il est enlevé dans le template que je vous ai mis ci-haut.

Pour les angles, ça doit relever du CSS... Que voulez-vous faire, revenir à avant ou continuer le travail sur le code?


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Mer 18 Jan 2012 - 14:22

bonjour,

j'aimerais bien travailler le code pour que les angles horribles disparaissent , que tout soit uniforme c'est possible ? ^^ Et puis sa m'enleve chaque fois toute mes catégories il ne me reste plus que la premiere a chaque fois :/ c'est grave sa XD

Et par curiosité c'est quoi exactement un scroll ?

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par kakale le Mer 18 Jan 2012 - 16:12

Désolé de faire irruption une seconde fois dans le sujet. C'est aussi pour témoigner de l'évolution de ce topic ! Wink

Un scroll, c'est la barre de défilement que tu as à droite de ta fenêtre pour monter et descendre ta page. Very Happy

kakale
****

Féminin
Messages : 395
Inscrit(e) le : 28/10/2009

http://lanfear.forumactif.com/
kakale a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Dr. Karlos le Mer 18 Jan 2012 - 22:55

Bonsoir,

Essayez de supprimer tout ce qui est blanc dans le Panneau d'administration > Affichage > Images et couleurs > Couleurs > Fond.

Comme l'a dit kakale, un scroll est la barre que vous voyez à droite de votre navigateur Wink


Cordialement,


Dr. Karlos
Aidant Forumactivien.

Dr. Karlos
+ Hyperactif +

Masculin
Messages : 2623
Inscrit(e) le : 03/01/2012

http://www.forum.forumactif.com
Dr. Karlos a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Séparer corps du forum & colonne derniers messages

Message par Eden. le Ven 20 Jan 2012 - 10:19

Bonjour,

Je crois que je vais abandonner parce que quand je le fais toutes mes catégories disparaissent...

Eden.
****

Messages : 207
Inscrit(e) le : 14/12/2011

http://a-pleasant-nightmare.forumactif.org/
Eden. 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