Case " dernier message " à gauche

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

Résolu Case " dernier message " à gauche

Message par Justeen22 le Mer 5 Juin 2013 - 9:47

Bonjours tout le monde ! Smile Je viens vers vous car je cherche un peut partout comment mettre la case " dernier message " à gauche avec l'image " nouveau message " ... En sachant que le template " index box " je l'es déja modifié :S

Le voici :

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 -->     

<div class="cate_titre">{catrow.tablehead.L_FORUM}</div>

<div class="categorie">

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

 
   <!-- END cathead -->
   <!-- BEGIN forumrow -->
 
  <div class="forum">
   
<table><tr>
  <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
  <td style="vertical-align: top;"><span class="forumlink">
               <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
  <td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
</tr></table>
   
    <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
   
  </div>

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

 
  </div>
<center><img src="http://i79.servimg.com/u/f79/17/33/17/69/bas_de16.png" alt="http://sasha-art.forumactif.org" /></center>
 
<!-- END tablefoot --><!-- END catrow -->

Et voici mon CSS pour mes catégories :

Code:
/*  CATEGRORIE */

.forumline
{
  width: 81%;
  margin: auto;
}
table
{
  width: 98%;
  margin: auto;
}

.forumline
{
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #efefef;
  border-radius: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}


.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
        .cate_titre {margin-bottom:-9px;}
        .categorie {margin-bottom:-9px;}
       
.cate_titre {
        margin: auto auto -10px;
        text-align: center;
        width: 98%;
        }


.categorie
{
  width: 91%;
  margin: auto;
  margin-top: 10px;
  background: #e9e9e6;
  border-top: 3px solid #e9e9e6;
  border-bottom: 2px solid #e9e9e6;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #e787ac;
  -o-box-shadow: 0px 0px 5px #e787ac;
  -htm-box-shadow: 0px 0px 5px #e787ac;
  -webkit-box-shadow: 0px 0px 5px #e787ac;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f3f3f3;
  border-radius: 1px dotted #e787ac;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px dotted #c9d8b4;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c9d8b4;
  background: #c9d8b4;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 160px;
  margin: auto;
  background: #f4f4f4;
  padding: 10px;
  border: 1px dotted #e787ac;
}
.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #cadbaa;
  border-bottom: 1px solid #cacaca;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}

.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #ededed;
  padding: 1px;
  text-align: center;
}

J'èspère que vous allez pouvoir m'aidez ! Crying or Very sad
Merci d'avoir pris le temps de lire mon petit problème !


Dernière édition par Justeen22 le Mer 5 Juin 2013 - 10:56, édité 1 fois

Justeen22
*

Messages : 47
Inscrit(e) le : 28/05/2013

http://sasha-art.forumactif.org
Justeen22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Case " dernier message " à gauche

Message par Anzu le Mer 5 Juin 2013 - 9:50

Bonjour,

Il suffit de prendre cette partie: (en prenant soin de retirer le td qui est autour)

Code:
<span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
            <span class="last">{catrow.forumrow.LAST_POST}</span></span>

Et de la placer dans le td où se trouve l'image
Comme ceci:

Code:
 <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
          <span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
            <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>

Le template:

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 -->   
       
        <div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
       
        <div class="categorie">
       
          <!-- END tablehead -->
          <!-- BEGIN cathead -->
         
       
       
          <!-- END cathead -->
          <!-- BEGIN forumrow -->
       
          <div class="forum">
         
        <table><tr>
          <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
          <span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
            <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
          <td style="vertical-align: top;"><span class="forumlink">
                      <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                    </span>
          <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
       
        </tr></table>
         
            <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
         
          </div>
       
          <!-- END forumrow -->
          <!-- BEGIN catfoot -->
         
          <!-- END catfoot -->
          <!-- BEGIN tablefoot -->
             
       
       
          </div>
        <center><img src="http://i79.servimg.com/u/f79/17/33/17/69/bas_de16.png" alt="http://sasha-art.forumactif.org" /></center>
       
        <!-- END tablefoot --><!-- END catrow -->

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: Case " dernier message " à gauche

Message par Justeen22 le Mer 5 Juin 2013 - 10:02

Super c'est top ! Merci mille fois ! Very Happy
Huum un dernier petit truc si vous voulez bien ! Désoler si je suis embêtante :$

Pour centrer l'image je fait comment ? :$

Merci encore pour votre rapidité et votre gentillesse !

Justeen22
*

Messages : 47
Inscrit(e) le : 28/05/2013

http://sasha-art.forumactif.org
Justeen22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Case " dernier message " à gauche

Message par Anzu le Mer 5 Juin 2013 - 10:08


Centrer l'image c'est à dire ? Razz

Vous la voulez à la même hauteur que les derniers messages ou au dessus du cadre tout en étant centrée ?

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: Case " dernier message " à gauche

Message par Justeen22 le Mer 5 Juin 2013 - 10:13

Je l'aurrais bien voulu au dessus du cadre tout en étant centrée si c'était possible :$

Meerci ! pour vos réponse ! Smile

Justeen22
*

Messages : 47
Inscrit(e) le : 28/05/2013

http://sasha-art.forumactif.org
Justeen22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Case " dernier message " à gauche

Message par Anzu le Mer 5 Juin 2013 - 10:27

Dans le td où il y avait l'image et les derniers messages, j'ai donc refait un tableau avec deux tr; dans chaque tr un td avec le premier l'image et dans l'autre tr, le td avec les derniers messages.

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 --> 
             
                <div class="cate_titre">{catrow.tablehead.L_FORUM}</div>
             
                <div class="categorie">
             
                  <!-- END tablehead -->
                  <!-- BEGIN cathead -->
               
             
             
                  <!-- END cathead -->
                  <!-- BEGIN forumrow -->
             
                <div class="forum">
                  <table>
                    <tr>
                      <td><table><tr><td><span class="forum_icone"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center></span>
                      </td></tr><tr><td>
                  <span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
                    <span class="last">{catrow.forumrow.LAST_POST}</span></span></td></tr>
                    </table></td>
                  <td style="vertical-align: top;"><span class="forumlink">
                              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
                            </span>
                  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
             
                </tr></table>
               
                    <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
               
                  </div>
             
                  <!-- END forumrow -->
                  <!-- BEGIN catfoot -->
               
                  <!-- END catfoot -->
                  <!-- BEGIN tablefoot -->
                   
             
             
                  </div>
                <center><img src="http://i79.servimg.com/u/f79/17/33/17/69/bas_de16.png" alt="http://sasha-art.forumactif.org" /></center>
             
                <!-- END tablefoot --><!-- END catrow -->

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: Case " dernier message " à gauche

Message par Justeen22 le Mer 5 Juin 2013 - 10:43

Merci énormement ! :O Quel travail ! Merci !
t'es vraiment au top ! ^^

J'aurrais pleins de petits trucs à modfier mais je ne voudrais pas abuser de votre gentillesse :$

Vous ne feriez pas de l'aide au codage par hazard ^^ Lol Smile

Justeen22
*

Messages : 47
Inscrit(e) le : 28/05/2013

http://sasha-art.forumactif.org
Justeen22 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Case " dernier message " à gauche

Message par Anzu le Mer 5 Juin 2013 - 10:48

Tout dépend ce que vous aimeriez faire (pas mal de choses ont été traitées sur le forum). Smile

Tant que vous cherchez à apprendre un minimum. C'est juste qu'on ne vous donnera pas un code tout prêt à installer, étant donné qu'on ne traite pas les demandes du type "commande".

Si ce sujet est résolu, pensez à mettre l'icône résolu
et si vous avez d'autres demandes, n'hésitez pas à ouvrir d'autres sujets.

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: Case " dernier message " à gauche

Message par Justeen22 le Mer 5 Juin 2013 - 10:56

D'accord merci encore énormement pour votre Aide ! Smile

J'aimerais faire tellement de chose " seule " mais c'est encore pas très clair pour les codes donc je ne peut pas vraiment me lancer dans des choses que je ne sais pas faire ^^

C'est résolu je vais mettre l'icône Smile
Et j'ouvrirais surement d'autre sujet Lol Smile

Merci merci ! Smile

Justeen22
*

Messages : 47
Inscrit(e) le : 28/05/2013

http://sasha-art.forumactif.org
Justeen22 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