Position de l'avatar du dernier posteur

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

Résolu Position de l'avatar du dernier posteur

Message par Honeey L. le Mer 13 Aoû 2014 - 17:58

Bonjour/Bonsoir à vous,

Alors, voilà, mon autre souci, j'essaye de placer l'avatar du dernier posteur entre la description du forum et le cadre des derniers messages. Mais je n'y arrive vraiment pas.
Voilà le template modifié de mon forum :

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

<center><div style="background-color: #B03636; padding: 15px; width: 780px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
 
  <div class="categorie">
    <table><br /><br /><tr>
  <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
    <div class="bloc1">{catrow.forumrow.FORUM_DESC}
      <div class="lienssf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></td>
  <td><div class="last_mess"><center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <br /><span class="gensmall" style="color: #7D2626;">{catrow.forumrow.TOPICS} sujets et {catrow.forumrow.POSTS} messages</span><br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
  </tr></table>
   
 </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
 </div>  </center>
 
<!-- END tablefoot --><!-- END catrow -->
<link href='http://fonts.googleapis.com/css?family=Kite+One' rel='stylesheet' type='text/css'>

Et voilà mon CSS :

Spoiler:
Code:
/* --------------------------------- CATEGORIES --------------------------------- */

.bloc1 {
  background-color: #F0E9DB;
  width: 550px;
  height: 150px;
  position: relative;
  top: -3em;
  left: -5em;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}

.bloc1:hover {
  border-left: 4px solid #D16969;
  border-right: 4px solid #D16969;
}

.imgillustration {
  position: relative;
  left: 2.5em;
  top: 1em;
}

/*** FONDS GENERAUX ***/

/* Contenu de l'ensembre des forum */
.categorie {
  width: 550px;
  height: 190px;
  padding: 10px;
}

/* Fond des forum */
.sous-forum {
  width: 300px;
  height: 50px;
  overflow: auto;
  top: -10em;
}

/* Fond titre catégorie */
.cate_titre {
  width: 550px;
  margin: auto;
  padding: 5px;
  background-color: #D16969;
  box-shadow: 2px 2px 15px black;
 -moz-box-shadow: 2px 2px 15px black;
  -webkit-box-shadow: 2px 2px 15px black;
}

/* Mise en forme nom de catégorie */
h2 {
  font-size: 20px;
  font-family: 'Carrois Gothic SC', sans-serif;
  color: #6F2222;
  text-align: center;
}




/*** MISE EN FORME DES FORUM ***/

/* Mise en forme du texte des titres de forum */
.forumlink {
  color: #551A1A !important;
  font-family: 'Kite One', sans-serif;
  font-size: 25px !important;
  font-weight: none !important;
  position: relative;
  top: -1.4em;
  left: -4em;
  z-index: 1;
}

.forumlink:hover {
  color: #C8AE79 !important;
  text-decoration: none !important;
}

.forumlink a {
  font-size: 16px;
  width: 500px;
}

/* Mise en forme de la description */
.description {
  width: 400px;
  height: 90px;
  font-size: 11px;
  text-align: justify;
  color: #7D2626;
  background-color: #FCFAF5;
  border-radius: 5px;
  position: relative;
  top: 1em;
  left: 3em;
  padding: 15px;
}

.imagedesc {
  position: relative;
  right: -6em;
  top: -2em;
 -moz-transform:rotate(8deg);
  -webkit-transform:rotate(8deg);
  transform:rotate(8deg);
}




/*** SOUS-FORUM ***/

.lienssf {
  width: 420px;
  max-height: 15px;
  overflow: auto;
  padding: 15px;
  position: relative;
  top: -1.5em;
}

.lienssf a {
  color: #A47B8E !important;
  text-decoration: none !important;
}

.lienssf a:hover {
  color: #CBC0C6 !important;
 text-decoration : none !important;
}




/*** DERNIERS MESSAGES ***/

.last_mess {
  width: 120px;
  height: 120px;
  position: relative;
  top: -3em;
  left: -4em;
  background-color: #F0E9DB;
  color: #7D2626;
  padding: 10px;
  font-size: 11px;
  border-radius: 5px;
}

.last_mess a {
  color: black !important;
  text-decoration: none !important;
}

.last_mess a:hover {
  color: #CAC9C7 !important;
 text-decoration : none !important;
}

.last_mess:hover {
  border-left: 4px solid #D16969;
  border-right: 4px solid #D16969;
}


/*--------------------------------- FIN CATEGORIES --------------------------------- */

Merci d'avance Very Happy


Dernière édition par Honeey L. le Jeu 14 Aoû 2014 - 13:12, édité 1 fois

Honeey L.
**

Féminin
Messages : 53
Inscrit(e) le : 18/08/2010

http://you-know-you-love-me.forumactif.org/
Honeey L. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position de l'avatar du dernier posteur

Message par Kinotto le Mer 13 Aoû 2014 - 18:16

Bonsoir,

Un tutoriel propose un résultat proche de ce que vous voulez, je pense qu'il pourrait vous intéresser : Avatar du membre ayant posté en dernier sur l'index du forum


Cordialement.

Kinotto
+ Hyperactif +

Masculin
Messages : 2177
Inscrit(e) le : 12/09/2012

http://test-nightmare.superforum.fr/
Kinotto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Position de l'avatar du dernier posteur

Message par Honeey L. le Mer 13 Aoû 2014 - 19:05

Bonjour,

Merci de votre réponse mais j'ai déjà essayé cette idée mais elle n'a pas marché car l'avatar s'affiche dans le cadre des derniers messages en le déformant. Moi je voudrais qu'il s'affiche entre les cadres mais je n'arrive pas à trouver le code qui m'aiderait à obtenir ce résultat :

Spoiler:

Honeey L.
**

Féminin
Messages : 53
Inscrit(e) le : 18/08/2010

http://you-know-you-love-me.forumactif.org/
Honeey L. 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