Connexion

Récupérer mon mot de passe

Derniers sujets*
» [PHPBB3] Afficher le nombre LIKES dans la liste des sujets
par photoclic Hier à 23:18

» [TOUTES VERSIONS]Afficher les scripts disponibles et désactivés dans un widget (ADMIN)
par photoclic Jeu 14 Oct 2021 - 10:06

» [PHPBB2]Personnaliser les annonces, notes etc
par Constellation Mer 13 Oct 2021 - 1:23

» [PHPBB2] Afficher la partie profil au dessus du message
par Milouze14 Mar 12 Oct 2021 - 11:24

» [PHPBB2] Cacher tous les sujets des invités
par Angelface Jeu 30 Sep 2021 - 18:31

» [PHPBB2] Afficher le nombre de message privé non lus sur la toolbar etc
par Angelface Jeu 30 Sep 2021 - 18:07

» Ajout d'ami rapide
par Milouze14 Jeu 30 Sep 2021 - 6:54

» [PHPBB2] Afficher les membres en ligne (version graphique) sur l'index et dans la liste des sujets
par Angelface Mer 29 Sep 2021 - 2:01

» [TOUTES VERSIONS] Masquer le bouton j'aime pas ou j'aime a un membre
par soleda Mar 28 Sep 2021 - 8:14

» [PHPBB3]Personnaliser les annonces, notes etc
par Milouze14 Mer 8 Sep 2021 - 8:09

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par Myrddin Ven 3 Sep 2021 - 22:34

» [TOUTES VERSIONS] Modifier les textes de la barre de navigation
par Ella Lun 30 Aoû 2021 - 18:13

» [PHPBB2]Afficher des commentaires sous forme de vignettes
par soleda Ven 6 Aoû 2021 - 9:38

» [AWESOMEBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 19:03

» [MODERNBB]Supprimer le mot invité
par Milouze14 Lun 19 Juil 2021 - 18:53

» [AWESOMEBB]Modifier les icônes de la réponse rapide
par Milouze14 Sam 17 Juil 2021 - 19:37

» [MODERNBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Lun 12 Juil 2021 - 8:37

» [AWESOMEBB]Afficher des commentaires sous forme de vignettes
par Milouze14 Mer 7 Juil 2021 - 19:25

» [PHPBB3]Afficher des commentaires sous forme de vignettes
par photoclic Jeu 1 Juil 2021 - 23:28

» [PHPBB2] Afficher l'id/ami et brouillon dans le Welcome de la toolbar
par Ptite_Perle Jeu 24 Juin 2021 - 18:29

Les statistiques du forum
Nous avons 484 membres enregistrés

L'utilisateur enregistré le plus récent est saya

Nos membres ont posté un total de 27725 messages dans 1414 sujets

[PHPBB2] Afficher la partie profil au dessus du message

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

2 participants
Message n°10
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Sam 9 Oct 2021 - 19:31

Hello les ami(e)s,
après quelques semaines a trifouiller cette version sur l'apparence d'un message?
Je viens donc vous proposer cette astuce,j'ai donc repris toutes les class principales présentent sur cette version
.gensmall
.row1
.row2

Les apparences seront donc comme les couleurs de fond définies dans votre P.A:
Affichage/Images et Couleurs/Couleurs

Les couleurs de fond
Table Rangée Couleur 1 :
Table Rangée Couleur 2 et surbrillance :

Comme le template a été revu pratiquement dans sa totalité, je vais vous donner la totalité de ce dernier.
Et vous expliquer comment modifier les couleurs de fond si besoin.


Les aperçus imagés:

Pour les invités:
[PHPBB2] Afficher la partie profil au dessus du message Invite13


Pour les membres:
[PHPBB2] Afficher la partie profil au dessus du message Membre12

Si vous êtes observateurs, les messages sont désormais séparés ok .
Un script supprimera (pour les invités) la colonne de droite car tous les boutons Citer etc se trouvent dans cette partie, donc si vous
personnalisez cette partie dans la feuille de style le rendu ne sera pas forcément très chouette (vide) .

Il y a donc des lignes ajoutées comme:
La ligne Auteur 153
Code:

<tr><td class="M14_post_author row2"width="100%" height="28"colspan="4"align="center"><span class="gensmall">{L_AUTHOR}</span></td></tr>
La ligne Message 192:
Code:

<tr><td class="M14_post_message row2"colspan="4"align="center"><span class="gensmall">{L_MESSAGE}</span></td></tr>

Ligne au delà d'une page 307:
Code:
         
<td class="M14_page_last row1"width="100%" colspan="3"align="center"><span class="gensmall">Suite après le premier message</span></td>



Les variables et leurs class:

Le pseudo:

Code:

<strong class="M14_pseudo">
    {postrow.displayed.POSTER_NAME}</strong>

Le rang(texte):
Code:
<span class="M14_rank_texte">{postrow.displayed.POSTER_RANK}</span><br /> <br />
Le rang image:
Code:
<span class="M14_rank_image">{postrow.displayed.RANK_IMAGE}</span><br /> <br />
L'avatar:
Code:
<span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span><br /><br />

La partie qui reçoit les champs du profil:
Code:
<div class="M14_profil_news">    
Partie champs 1:
Code:
 <span class="M14_profil_news_label">{postrow.displayed.profile_field.LABEL}</span>
Partie champs 2
Code:
<span class="M14_profil_news_content"> {postrow.displayed.profile_field.CONTENT}</span>


Remplacez donc la totalité du template viewtopic_body:
Affichage/Templates/Général/viewtopic_body


Par ce contenu:

Code:
<!-- BEGIN switch_plus_menu -->
<script type="text/javascript">
 //<![CDATA[
 var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
        
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
 {
 if( $(this).is(":visible") )
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
 }
 else
 {
 $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
 }
 });
        }
    }
    catch(e) { }
    
 return false;
};

//]]>
</script>
<script>
  $(function(){
  if(!_userdata["session_logged_in"]){
  $('td[class^="M14_td_profil"]').css('width','33%');
  $('.M14_td_profil_4').remove();
  }
  });
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap">
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>
 <td class="nav" valign="middle" width="100%">
 <span class="nav">
                <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
                <!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
                {NAV_CAT_DESC_SECOND}
            </span>
 </td>
 <td align="right" valign="bottom" nowrap="nowrap" width="100%">
 <!-- BEGIN switch_twitter_btn -->
 <span id="twitter_btn" style="margin-left: 6px; ">
                <a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
                <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
 </span>
 <!-- END switch_twitter_btn -->
 
 <!-- BEGIN switch_fb_likebtn -->
 <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));</script>
 <div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
 <!-- END switch_fb_likebtn -->

 <span class="gensmall bold">
 <!-- BEGIN switch_plus_menu -->
  
 <div id="addthis-toolbar" style="display: inline-block;">
 <div class="btn-floating-left" tabindex="100">
 {L_SHARE}
 </div>
 <div class="addthis-toolbar-btn" style="display:none;">
 {switch_plus_menu.SOCIAL_BUTTONS}
 </div>
 </div>
  | 
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 {switch_plus_menu.JS_SOCIAL_BUTTONS}
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <tr align="right">
 <td class="catHead" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title">
 <h1 class="cattitle"> {TOPIC_TITLE}</h1>
 </td>
 <td align="right" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                        <!-- END switch_isconnect -->
                        <a href="#bottom">{L_GOTO_DOWN}</a> 
                    </td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row1" colspan="2"><span class="gensmall">{POSTERS_LIST}</span></td>
 </tr>
 <!-- BEGIN topicpagination -->
 <tr>
 <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
 </tr>
 <!-- END topicpagination -->
 {POLL_DISPLAY}
 
 <!-- BEGIN postrow -->
 <!-- BEGIN hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
</table>
<table class="forumline table" width="100%" border="0" cellspacing="0" cellpadding="0" >
 <!-- BEGIN displayed -->
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="M14_td_color M14_entete"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" colspan="4">
<table width="100%" border="0" cellspacing="0" cellpadding="0" >
<tr><td class="M14_post_author row2"width="100%" height="28"colspan="4"align="center"><span class="gensmall">{L_AUTHOR}</span></td></tr>
<tr>
<td class="M14_td_titre row1"width="100%" height="28" align="center" colspan="4"><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}   <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span><br /></td>
</tr>
<tr>
<td class="M14_td_profil_1 row2" valign="top">
  <span class="name">
    <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
    <strong class="M14_pseudo">
    {postrow.displayed.POSTER_NAME}</strong></span><br />
<span class="postdetails poster-profile">
  <br />  
  <span class="M14_rank_texte">{postrow.displayed.POSTER_RANK}</span><br /> <br />
  <span class="M14_rank_image">{postrow.displayed.RANK_IMAGE}</span><br /> <br />
  <span class="M14_avatar">{postrow.displayed.POSTER_AVATAR}</span><br /><br />
  <a href="#top" title="Haut de page">{L_BACK_TO_TOP}</a>
  <a href="#bottom" title="Bas de page">{L_GOTO_DOWN}</a></span>
  </td>
<td class="M14_td_profil_2 row2" valign="top">{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG}
<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}</td>
<td class="M14_td_profil_3 row2" valign="top">
<span class="postdetails poster-profile">                
 <div class="M14_profil_news">    
<!-- BEGIN profile_field -->
  <span class="M14_profil_news_label">{postrow.displayed.profile_field.LABEL}</span>
  <span class="M14_profil_news_content"> {postrow.displayed.profile_field.CONTENT}</span>
   {postrow.displayed.profile_field.SEPARATOR}<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
    </div>
</span><br /> </td>
<td class="M14_td_profil_4 row2" valign="top">
{postrow.displayed.MULTIQUOTE_IMG}{postrow.displayed.QUOTE_IMG}{postrow.displayed.EDIT_IMG}{postrow.displayed.DELETE_IMG}{postrow.displayed.IP_IMG}{postrow.displayed.REPORT_IMG}{postrow.displayed.THANK_IMG}
</td>
</tr>
 </table></td></tr>
 
  <tr>
<td class="M14_td_color M14_message row1"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
 <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr><td class="M14_post_message row2"width="100%"colspan="4"height="28"align="center"><span class="gensmall">{L_MESSAGE}</span></td></tr>
<tr height="100%" valign="top">
 <td colspan="2">
 <!-- BEGIN switch_vote_active -->
 <div class="vote gensmall">
 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
 <!-- END switch_vote -->

 <!-- BEGIN switch_bar -->
 <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
 <!-- BEGIN switch_vote_plus -->
 <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
 <!-- END switch_vote_plus -->

 <!-- BEGIN switch_vote_minus -->
 <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
 <!-- END switch_vote_minus -->
 </div>
 <!-- END switch_bar -->

 <!-- BEGIN switch_no_bar -->
 <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
 <!-- END switch_no_bar -->

 <!-- BEGIN switch_vote -->
 <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
 <!-- END switch_vote -->
 </div>
 <!-- END switch_vote_active -->

 <div class="postbody">

 <div>{postrow.displayed.MESSAGE}</div>

 <!-- BEGIN switch_attachments -->
 <dl class="attachbox">
 <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
 <dd>
 <!-- BEGIN switch_post_attachments -->
 <dl class="file">
 <dt>
 <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />

 <!-- BEGIN switch_dl_att -->
 <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
 <!-- END switch_dl_att -->

 <!-- BEGIN switch_no_dl_att -->
 {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
 <!-- END switch_no_dl_att -->
 </dt>

 <!-- BEGIN switch_no_comment -->
 <dd>
 <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
 </dd>
 <!-- END switch_no_comment -->

 <!-- BEGIN switch_no_dl_att -->
 <dd>
 <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
 </dd>
 <!-- END switch_no_dl_att -->

 <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
 </dl>
 <!-- END switch_post_attachments -->
 </dd>
 </dl>
 <!-- END switch_attachments -->

 <div class="clear"></div>
 <!-- BEGIN switch_signature -->
 <div class="signature_div">
 {postrow.displayed.SIGNATURE}
 </div>
 <!-- END switch_signature -->
 </div>
 <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
 </td>
 </tr>
 <!-- BEGIN switch_likes_active -->
 <tr><td colspan="2">
 <div class="fa_like_div">
 <!-- BEGIN switch_like_list -->
 {postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
 <!-- END switch_like_list -->
 <!-- BEGIN switch_dislike_list -->
 {postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
 <!-- END switch_dislike_list -->
 <button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}"  data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
 <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
 <span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
 </button>
 <!-- BEGIN switch_dislike_button -->
 <button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
 <svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
 <span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
 </button>
 <!-- END switch_dislike_button -->
 </div></td></tr>
 <!-- END switch_likes_active -->
 </table>

 </td>
 </tr>
 
 <!-- BEGIN first_post_br -->
</table><br />
  
<hr />
<table class="forumline table" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 
          <td class="M14_page_last row1"width="100%" colspan="3"align="center"><span class="gensmall">Suite après le premier message</span></td>
 </tr>
 <!-- END first_post_br -->
 <!-- END displayed -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="2" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr align="right">
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title"><a name="bottomtitle"></a><div class="cattitle">{TOPIC_TITLE}</div></td>
 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
                        <!-- BEGIN switch_isconnect -->
                        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> 
                        <!-- END switch_isconnect -->
                        <a href="#top">{L_BACK_TO_TOP}</a> 
                    </td>
 </tr>
 </table>
 </td>
 </tr>
</table>
<br />
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
 <tr>
 <td class="catBottom" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="top"><div class="cattitle"> {PROMOT_TRAFIC_TITLE}</div></td>
 <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row2 postbody" valign="top">
 <!-- BEGIN link -->
 » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />
 <!-- END link -->
 </td>
 </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
 <tbody>
 <tr>
 <td class="catBottom">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tbody>
 <tr>
 <td valign="top">
 <div class="cattitle"> {L_FORUM_RULES}</div>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td class="row1 clearfix">
 <table>
 <tr>
 <!-- BEGIN switch_forum_rule_image -->
 <td class="logo">
 <img src="{RULE_IMG_URL}" alt="" />
 </td>
 <!-- END switch_forum_rule_image -->
 <td class="rules postbody">
 {RULE_MSG}
 </td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td class="row2" colspan="2" align="center" style="padding:0px">
 <!-- BEGIN switch_user_logged_in -->
 <a name="quickreply"></a>
 {QUICK_REPLY_FORM}<br />
 <!-- END switch_user_logged_in -->
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
 <tbody>
 <!-- BEGIN show_permissions -->
 <tr>
 <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
 <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
 </tr>
 <!-- END show_permissions -->
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <!-- BEGIN show_permissions -->
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
 <!-- END show_permissions -->
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td style="margin:0; padding: 0;" colspan="2">
 <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
 <tbody>
 <tr>
 <td class="catBottom" colspan="2" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
 <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
 </tr>
 </table>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
 <span class="nav">
 <!-- BEGIN switch_user_authpost -->
 <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>   
 <!-- END switch_user_authpost -->
 <!-- BEGIN switch_user_authreply -->
 <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
 <!-- END switch_user_authreply -->
 </span>
 </td>

 <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>

 <!-- BEGIN moderation_panel -->
 <td align="center">
 <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
 </td>
 <td align="center" width="250">
 <span class="gensmall"> </span>
 </td>
 <!-- END moderation_panel -->
 </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

 <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
 <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

 <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<input class="liteoption" type="submit" value="{L_GO}" /></span>
 </form>
 </td>
 </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->



Pensez à enregistrer puis à valider en cliquant respectivement sur   Enregistr puis Ajout




Vous pouvez aussi modifier les couleurs de fond en supprimant les class row1 et row2 sur les cellules suivantes:
Code:

<td class="M14_post_author row2"width="100%" height="28"colspan="4"align="center">
<td class="M14_td_titre row1"width="100%" height="28" align="center" colspan="4">
<td class="M14_td_profil_1 row2" valign="top">
<td class="M14_td_profil_2 row2" valign="top">
<td class="M14_td_profil_3 row2" valign="top">
<td class="M14_td_profil_4 row2" valign="top">
<td class="M14_td_color M14_message row1"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
<td class="M14_post_message row2"colspan="4"height="28" align="center"
<td class="M14_page_last row1"width="100%" colspan="3"align="center">

Admettons que vous vouliez changer la couleur de fond de base.
Modifiez donc la class row1 par row5

Exemple avec cette ligne qui à la class"row2":

Code:

<tr><td class="M14_post_author row2"width="100%" height="28"colspan="4"align="center"><span class="gensmall">{L_AUTHOR}</span></td></tr>  

On remplace par la class "row5" :
Code:

<tr><td class="M14_post_author row5"width="100%" height="28"colspan="4"align="center"><span class="gensmall">{L_AUTHOR}</span></td></tr>  

et ajoutez dans votre feuille de style en modifiant la couleur de fond:
Code:

.row5{background:#39c;}
.row6{background:#71be47;}

Résultat imagé en remplacant la class row2 par row5 et row1 par row6:
[PHPBB2] Afficher la partie profil au dessus du message Backgr10
Il faudra ensuite jouer avec les class commentées dans la feuille de style.






Puis le style:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Ajoutez ceci:

Code:

/*SEPARATION DES MESSAGES*/
table.forumline.table
{
margin:3px 0px 3px 0px;
}
/*la cellule des titres*/
td.M14_td_titre{}

/*on donne une apparence */
td.M14_td_profil_1 .M14_avatar
{
background-color: #fff;
height: 84px;
width: 84px;
display: inline-block;
border-radius: 80px;
  padding:2px;
  border:2px solid #333;
}
/*une taille maximale aux avatars*/
td.M14_td_profil_1 .M14_avatar img
{
width:80px;
height:80px;
border-radius:80px;
margin: 2px;
 
}
/* LE TITRE DU SUJET*/
td.M14_td_titre span.postdetails{text-transform: uppercase;}
/*LA BARRE AUTEUR*/
.M14_post_author .gensmall{}
/*********LES QUATRES PARTIES DU PROFIL*********/
td[class^="M14_td_profil"]
{
display: table-cell;
width: 25%;
padding:2px;
}
/*PARTIE AVATAR*/
td.M14_td_profil_1
/*on centre la totalite*/
{text-align:center;}
/*PARTIE CONTACTS*/
td.M14_td_profil_2{}
/*PARTIE PROFIL CHAMPS*/
td.M14_td_profil_3{}
/*PARTIE BOUTON CITATION ETC*/
td.M14_td_profil_4{}
/*ON AFFICHE TOUTES LES IMAGES LES UNE EN DESSOUS DES AUTRES*/
td.M14_td_profil_2 a,
td.M14_td_profil_2 img,
td.M14_td_profil_4 a,
td.M14_td_profil_4 img
{  
display:list-item;
list-style:none;
}
/*SEPARATION ENTRE LE PROFIL ET LE MESSAGE*/
tr.separate td.row4{border-bottom:1px solid #333;}
.post-options.none{text-align:center!important;}
/* la hauteur maxi de tous les champs du profil*/
.M14_profil_news
{
width:100%;
height:auto;
overflow-y:auto;
overflow-x:hidden;
}
/*On masque les textes qui débordent*/
.M14_profil_news_content
{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: 150px;
display: inline-block;
vertical-align: middle;
}

/*****************************la partie message***********************/
/*le texte message*/
.M14_post_message{ }
/*bordure haute*/
td.M14_td_color.M14_message
{
padding:0px!important;
border-top:1px solid #fff;  
}
/*partie message*/
td.M14_td_color.M14_message .postbody
{
margin: 10px auto auto 30px;
min-height: 60px;
font-size:11px!important;  
}

/*INFORMATION SI PLUSIEURS PAGES*/
/*hauteur*/
.M14_page_last{height:20px;}
/*taille police couleur*/
.M14_page_last .gensmall{}





Pensez à cliquer sur le bouton [PHPBB2] Afficher la partie profil au dessus du message Sans_t10

Vous pouvez aussi définir


Voila, c'est tout pour le moment  clin oeil .
Un soucis direction l'entraide hinhin
https://www.milouze14.com/f14-entraide-forumactif


Dernière édition par Milouze14 le Ven 15 Oct 2021 - 18:23, édité 5 fois


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

petitefeuille aime ce message

Message n°20
soleda
soleda
Milouzien

https://www.tutorielgraphismepfs.com/

Messagesoleda Mar 12 Oct 2021 - 11:17

Mon dieu quel travail merci Phil  Mercibis

Milouze14 aime ce message

Message n°30
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Mar 12 Oct 2021 - 11:24

@soleda

De rien Chantal,
l'idée m'est venue après ta demande sur l'entraide récemment ok .
Ce serait idéal pour toi pour les espaces conséquents que tu avais Merci .




NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum