arrondir l'image nouveau message

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

En cours arrondir l'image nouveau message

Message par Loü le Mer 17 Mai 2017 - 16:28

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://hoia-baciu.forumactif.com

Description du problème

Bonjour (aa)

Je cherche comment arrondir les images nouveau message & pas de nouveau message sur l'index du forum ? J'ai essayé de coller une <div class> dans le template pour proposer un border-radius:200px 0px 200px 0px, mais comme vous pouvez le constater, on y est pas vraiment...

Merci d'avance et bonne journée Smile
avatar

Loü
***

Messages : 164
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Oxalys le Jeu 18 Mai 2017 - 9:20

Bonjour,

Il faut que ton image soit arrondis uniquement sur l'index du forum ?
avatar

Oxalys
Nouveau membre

Messages : 15
Inscrit(e) le : 03/01/2012

http://you-shall-not-pass.forumactif.com/
Oxalys a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Loü le Jeu 18 Mai 2017 - 9:30

Coucou Very Happy

Cette image n'apparait nulle part ailleurs, si ?
avatar

Loü
***

Messages : 164
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Oxalys le Jeu 18 Mai 2017 - 9:45

Non c'est vrai ::betise:: Je pensais à autre chose... Bon je te le dis, je suis débutante, donc pas sûre de t'apporter la bonne réponse Shutt

Mais je viens de voir que du côté de ton css ça semble bon puisque les bords derrière l'image sont arrondis sur le bord supérieur gauche et inférieur droit. Tu peux me montrer ton template et ton css ? (en masque sui tu préfère).

avatar

Oxalys
Nouveau membre

Messages : 15
Inscrit(e) le : 03/01/2012

http://you-shall-not-pass.forumactif.com/
Oxalys a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Loü le Jeu 18 Mai 2017 - 19:16

Pas de souci, merci de prendre le temps Smile

Voici mon template Index_Box modifié :

Code:
 <!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle">&nbsp;{catrow.tablehead.L_FORUM}&nbsp;</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">&nbsp;</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">
        <table width="100%"><tbody><tr><td><h{catrow.forumrow.LEVEL} class="hierarchy">
     
        </h{catrow.forumrow.LEVEL}></td></tr></tbody></table>
          <span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
          </span> <span class="gensmall2"> ∞ {catrow.forumrow.POSTS} messages & {catrow.forumrow.TOPICS} sujets.</span><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 -->
            <div class="marge_sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
        </span>
     
      </td>   
      <td class="row3 over" align="center" valign="middle" height="30">
            <!-- BEGIN ads -->
            <span class="AD_LastPA">
                <span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
                <span class="AD_LastInfos">
                  <b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a><br/><br/>
                    {catrow.forumrow.ads.DATE}<br />
                    {catrow.forumrow.ads.LOCATION}
                </span>
            </span>
            <!-- END ads -->
              <div class="cadre1">
                <div class="lignecadre1"></div>
                <div class="imagenew"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
                  </div>
              <!-- BEGIN avatar -->
<div style="width: 200px;"></div>
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
                <div class="fondmessage"><span class="gensmall3">{catrow.forumrow.LAST_POST}</span></div>
            </div></td>
         
  <!-- 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 -->

& le css associé :

Code:
.imagenew{opacity:0.8;border-radius:200px 0px 200px 0px; padding : 2px; border: 2px solid #f0f2f5;width:161px;}
avatar

Loü
***

Messages : 164
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par tupac le Ven 19 Mai 2017 - 1:42

Bonsoir Lou,

Dans la template index_body repérer la partie suivante en bas de page.
Code:
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
Remplacez la par celle-ci.
Code:
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img class="nouveau_message_pas_de_nouveau_message" src=" votre image ici " alt="" height="100" width="70"></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img class="nouveau_message_pas_de_nouveau_message" src=" votre image ici " alt="" height="100" width="70"></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img class="nouveau_message_pas_de_nouveau_message" src=" votre image ici " alt="" height="100" width="70"></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
Dans la partie ci-dessus placer vos images aux endroit indiqués a la place de votre image ici ainsi que la hauteur et largeur de vos images dans cette partie height="100" width="70".

Pour finir dans la feuille de style css place le code suivant, a vous de régler le radius a votre guise.
Code:
.nouveau_message_pas_de_nouveau_message{
  -moz-border-radius: 80px;
  -webkit-border-radius: 80px;
  border-radius: 80px;
}


avatar

tupac
Membre actif

Masculin
Messages : 2491
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Loü le Sam 20 Mai 2017 - 18:45

Bonjour Smile

Merci beaucoup pour votre aide. J'ai essayé mais ça ne fonctionne pas.

avatar

Loü
***

Messages : 164
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par tupac le Dim 21 Mai 2017 - 17:40

Bonjour,

Postez moi votre template index_body avec les modifications effectuées dessus svp.
avatar

tupac
Membre actif

Masculin
Messages : 2491
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Loü le Dim 21 Mai 2017 - 19:34

Bonjour,

Voici mon template Index_Body :
Code:
   {JAVASCRIPT}
<!-- BEGIN message_admin_index -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <!-- BEGIN message_admin_titre -->
   <tr>
      <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
   </tr>
   <!-- END message_admin_titre -->
   <!-- BEGIN message_admin_txt -->
   <tr>
      <td class="row1" rowspan="3" align="center" valign="middle">
      <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
      </td>
   </tr>
   <!-- END message_admin_txt -->
</table>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="{switch_user_login_form_header.V_ALIGN}" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_header.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}


<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
    <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
        <tr>
            <td width="50%" valign="top" align="right" class="row1">

                <table>
                    <tr>
                        <td><span class="genmed">{L_USERNAME}:</span>&nbsp;</td>
                        <td><input class="post" type="text" size="10" name="username"/>&nbsp;</td>
                        <td>
                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                            <span class="gensmall">{L_AUTO_LOGIN}</span>&nbsp;
                        </td>
                    </tr>

                    <tr>
                        <td><span class="genmed">{L_PASSWORD}:</span>&nbsp;</td>
                        <td><input class="post" type="password" size="10" name="password"/>&nbsp;</td>
                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                    </tr>
                </table>
            </td>

            <!-- BEGIN switch_social_login -->
            <td width="10%" align="center" valign="middle" class="row1">
                <span class="genmed fb_or">{switch_user_login_form_footer.switch_social_login.L_OR}</span>
            </td>
            <td width="40%" class="align_gauche row1">
                <div class="social_btn">
                <!-- BEGIN fb_connect -->
                <div class="fb-login-button"></div>
                <!-- END fb_connect -->
                </div>
            </td>
            <!-- END switch_social_login -->

        </tr>
    </table>
</form>
<!-- END switch_user_login_form_footer -->
<!-- BEGIN disable_viewonline --><br/><br/>
                                                                                                                                                                                                    
                                                                                                                                                                                                                                                                                                                                                  
   <div align="center">
                                                                                                                                                                                                                     
      <div class="lienspa">
         
         
                  <span style="color:#858585;background-color:#f0f2f5;">« silver badge</span>  <span style="color:#000000;background-color:#f0f2f5;">« black badge</span>  <span style="color:#B8A737;background-color:#f0f2f5;">« gold badge</span><br/>
  </div>
          <br/>
  <div style="width:730px;line-height:8pt;border:2px solid #f7f8fa;background-color:#d7dae0;margin-left:5px;">
  <table class="tableauqeel"><tr><td width="35%"><div class="statistiques1">
    {TOTAL_USERS}. {TOTAL_POSTS}. {NEWEST_USER}.<br/><br/><div class="membresenregistrés">——— {LOGGED_IN_USER_LIST}</div></div></td><td><div class="disclamerqeel"><div style="text-align:center;"><img src="https://img15.hostingpics.net/pics/514364grandeourse.png" class="illustration2"/>  <img src="https://img15.hostingpics.net/pics/284955pegase.png" class="illustration2"/>  <img src="https://img15.hostingpics.net/pics/703874cassiopee.png" class="illustration2" /></div><br/>© Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, orci vitae condimentum malesuada, orci metus imperdiet sem, ac sollicitudin leo tortor et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, orci vitae condimentum malesuada, orci metus imperdiet sem, ac sollicitudin leo tortor et ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, orci vitae condimentum malesuada, orci metus imperdiet sem, ac sollicitudin leo tortor et ipsum.</div><td class="listedesconnectés" width="35%"><table><span class="24h">{L_CONNECTED_MEMBERS}</span></table></td></div></tr></table>
</div>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img class="nouveau_message_pas_de_nouveau_message" src="http://i.imgur.com/s0d1BUo.png" alt="" height="30" width="161"></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img class="nouveau_message_pas_de_nouveau_message" src="http://i.imgur.com/L16anyR.png" alt="" height="30" width="161"></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img class="nouveau_message_pas_de_nouveau_message" src="http://i.imgur.com/L16anyR.png" alt="" height="30" width="161"></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- END switch_legend -->

{AUTO_DST}

Merci d'avance Smile
avatar

Loü
***

Messages : 164
Inscrit(e) le : 28/01/2010

Loü a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par tupac le Dim 21 Mai 2017 - 21:48

Çà fonctionne très bien chez moi avec votre template, avez vous pensé a publier votre template ?




avatar

tupac
Membre actif

Masculin
Messages : 2491
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

En cours Re: arrondir l'image nouveau message

Message par Chacha le Sam 27 Mai 2017 - 10:17

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53337
Inscrit(e) le : 21/08/2010

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

En cours Re: arrondir l'image nouveau message

Message par Chacha Hier à 9:50

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53337
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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