[PHPBB2] Encadrer le lien de la case dernier message

Ella Dim 10 Oct 2021 - 13:22

• Version du forum :
  PHPBB2
• Templates modifiés :
  oui
• Navigateur :
  Chrome

Bonjour   

Je viens par ici à nouveau demander de l'aide. J'aimerai pouvoir encadrer le lien sujet de la case des derniers messages au niveau des forum ; 
https://zupimages.net/up/21/40/gq8m.bmp

Partie du code au niveau de cette partie

Code:

/* DERNIER MESSAGE FORUM */
.lmsgFRM {margin-top: -88px;
display:inline-block; vertical-align:top; margin-left:573px;
width:155px; height:54px; padding:10px 0;
text-align:center; font-size:9px;
  background: #000000;
    border: 1px solid #0D120E;
  border-radius: 5Px;
   color : #A1B5D2;
  text-transform:uppercase;


 font-family: Playfair Display;
font-weight : bold;
  
}


/* pseudo dernier message */
.lmsgFRM a[href^="/u"] {
    font-size: 10px;
}

Code:

<table class="forumline1" width="100%" border="0" cellspacing="1" cellpadding="0">
 <tr>
 <td valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <div class="visite"> <span class="gensmall">{LAST_VISIT_DATE}<br />
 {CURRENT_TIME}<br />
 </span></div>
 <!-- END switch_user_logged_in -->
 <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
 </td><br/><br/>
 
          <td class="gensmall" align="right" valign="bottom">
 <!-- BEGIN switch_user_logged_in -->
 <div class="header_categories_liens a"><a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>
 <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>
 <!-- END switch_user_logged_in -->
 <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
 </div></td>
          
 </tr>
</table>
<br/>
 <!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="topCAT"><div class="tleCAT"><div class="titrecaté"><div class="categotitre">{catrow.tablehead.L_FORUM}</div></div></div></div>
    <div class="mdlCAT"><!-- END tablehead -->

    <!-- BEGIN cathead -->
    <!-- END cathead -->
    
    <!-- BEGIN forumrow -->
     <div class="FRM">
<div class="boxDESC"><div class="sfFRM"><div class="s_forum"><div class="cadressf">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div></div></div></div>
    <div id="tldFRM"> <div class="tldFRM">  <div class="titreforum"><a href="{catrow.forumrow.U_VIEWFORUM}"> {catrow.forumrow.FORUM_NAME} </a></div><div class="bordure"></div> <div class="blocdes"><div class="blocdescription">{catrow.forumrow.FORUM_DESC}</div><div class="forum_statistiques">
                          — sujet {catrow.forumrow.TOPICS} &  messages {catrow.forumrow.POSTS} —
                   </div></div>   </div> </div>
  <div class="avaFRM"><!-- BEGIN avatar --><div>{catrow.forumrow.avatar.LAST_POST_AVATAR}</div><!-- END avatar --></div> <div class="lmsgFRM">{catrow.forumrow.LAST_POST}</div>
 <img class="imgFRM2" src="{catrow.forumrow.FORUM_FOLDER_IMG}" />
<div class="catégorie"></div></div>
    <!-- END forumrow -->
    
    <!-- BEGIN catfoot -->
    <!-- END catfoot -->
    <!-- BEGIN tablefoot -->
    </div>
<div class="btmCAT"></div> <!-- END tablefoot --><!-- END catrow -->

Merci de votre attention et bon dimanche  

Milouze14 Dim 10 Oct 2021 - 15:10

Coucou Ella,
je regarde ta demande en fin de journée car je suis avec mon téléphone actuellement

Message envoyé via la réponse rapide par: @Milouze14

Ella Dim 10 Oct 2021 - 18:12

Coucou Phil,
Pas de soucis, je patiente 

Message envoyé via la réponse rapide par: @Ella

Milouze14 Dim 10 Oct 2021 - 18:31

Re coucou Ella,

ce style doit fonctionner:

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

Ajoutes ceci:
en mettant le style désiré .

Code:


 div.mdlCAT .lmsgFRM a[href^="/t"]:first-child
{
ta css

}



Penses à cliquer sur le bouton



Message envoyé via la réponse rapide par: @Milouze14

Ella Dim 10 Oct 2021 - 19:26

Super, ça le fait ! Merci   

Et si je veux remonter un peu le lien encadré? J'ai essayé des manip mais je n'y arrive pas  

Message envoyé via la réponse rapide par: @Ella

Milouze14 Dim 10 Oct 2021 - 19:28

Tu peux ajouter ces styles et jouer avec

Code:


position: relative;
top: -5px;


Message envoyé via la réponse rapide par: @Milouze14

Ella Dim 10 Oct 2021 - 19:40

J'aurai du y penser.. merci   

Et dernière chose, est ce possible d'encadrer cette partie? 
https://www.zupimages.net/up/21/40/qd90.bmp

Message envoyé via la réponse rapide par: @Ella

Milouze14 Dim 10 Oct 2021 - 19:47

Elle figure déjà sauf que la couleur de bordure est trop sombre pour la voire:

Code:

  border: 1px solid #0D120E;

Code:


.lmsgFRM {
margin-top: -88px;
display:inline-block;
vertical-align:top;
margin-left:573px;
width:155px;
height:54px;
padding:10px 0;
text-align:center;
font-size:9px;
  background: #000000;
    border: 1px solid #0D120E;
  border-radius: 5Px;
  color : #A1B5D2;
  text-transform:uppercase;


 font-family: Playfair Display;
font-weight : bold;
 
}


Si tu changes ainsi et que tu modifies la couleur ensuite:

Code:

  border: 2px solid purple;

Tu verras le changement

Message envoyé via la réponse rapide par: @Milouze14

Ella Dim 10 Oct 2021 - 19:56

ça encadre l'ensemble du cadre du dernier message, je voulais juste encadrer la partie de la date et le pseudo à l'intérieur du cadre présent mais ça ne doit pas être possible 

Message envoyé via la réponse rapide par: @Ella

Milouze14 Dim 10 Oct 2021 - 20:00

Pour cette demande,
ce ne sera pas possible Ella  

Message envoyé via la réponse rapide par: @Milouze14

Ella Dim 10 Oct 2021 - 20:03

Je m'en doutais...ce n'est pas grave, c'est bien comme ça. Je te remercie pour ton aide.
Le sujet est donc résolu.
Bonne soirée et à bientôt 

Message envoyé via la réponse rapide par: @Ella

Milouze14 Dim 10 Oct 2021 - 20:05

Bonne soirée à toi aussi .

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande

Message envoyé via la réponse rapide par: @Milouze14