Affichage des avatars buggé pour les Invités
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Affichage des avatars buggé pour les Invités
Détails techniques
Version du forum : phpBB2Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 25 août 2019
Lien du forum : http://nuzlocke-france.forumgratuit.org/
Description du problème
Bonjour !Nous avons récemment (25/08) fait un changement de design assez important sur notre forum, notamment sur l'affichage des avatars. Nous avons voulu avoir des avatars 160x160 qui apparaitraient dans une bulle pour tout le monde (le résultat attendu). S'il n'y a pas de problème quand les membres sont connectés, plusieurs membres nous ont signalé que lorsqu'ils sont déconnectés, le CSS ne fonctionne pas, ce qui fait que l'avatar prend sa taille " normale " et déborde sur les messages (comme ceci).
Les membres nous ont signalé le problème à la fois sur Firefox et sur Chrome. Sachant que, nous, lorsque nous avons 'créé' le design sur Firefox, nous n'avons pas rencontré le problème ...
Le CSS qui concerne le corps de message :
- Spoiler:
- Code:
/* PROFIL CORPS DE MESSAGE */
.profil {
font-size: 12px;
width: 170px;
margin: auto;
padding: 5px;
background: #ffffff;
text-align: center;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
box-shadow: 0px 2px 0px #7464c6;
}
.postdetails.poster-profile a img {
width:160px !important;
height:160px !important;
-moz-border-radius:90px;
-webkit-border-radius:90px;
border-radius:90px;
}
.contenuprofil:last-child {
min-height:48px;
max-height:86px;
background: #E3E7E8;
overflow-y: scroll;
overflow-x:hidden !important;
padding-top:5px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.rang {
width: 110px;
margin-left: 50px;
margin-top: 15px;
padding:4px;
align: center;
background-color: #E3E7E8;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
Nous avons aussi modifié le template viewbody_topic :
- Spoiler:
- Code:
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
if(typeof(_atc) == "undefined") {
_atc = { };
}
});
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>
<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">
<a class="addthis_button" href="#">{L_SHARE}</a>
<!-- BEGIN switch_plus_menu -->
|
<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>
<!-- 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"><font color="white">{TOPIC_TITLE}</font></h1>
</td>
<td align="right" width="9%" class="browse-arrows">
</td>
</tr>
</table>
</td>
</tr>
{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 -->
<!-- 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="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="profil"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.POSTER_NAME}</span><br /><br />
<span class="postdetails poster-profile">
{postrow.displayed.POSTER_AVATAR}<br /><div style='float:left;'>{postrow.displayed.RANK_IMAGE}</div><div class="rang">{postrow.displayed.POSTER_RANK}</div><br />
<!-- BEGIN profile_field -->
<div class="contenuprofil">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span></div><br />
<img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS} msg-cell"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28">
<div class="message_contenu"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><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" /><a href="#{postrow.displayed.U_POST_ID}">{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}</a> <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<td valign="top" nowrap="nowrap" class="post-options">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</td>
</tr>
<tr>
<td colspan="2" class="hr"><br />
</td>
</tr>
<tr>
<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">
{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">
{postrow.displayed.SIGNATURE}
</div>
<!-- END switch_signature -->
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
<td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150" background="https://i.imgur.com/yPNH46S.png">
<a href="#top">{L_BACK_TO_TOP}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28" background="https://i.imgur.com/yPNH46S.png">
<table border="0" cellspacing="0" cellpadding="0" align="right">
<tr>
<td valign="middle">
{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>
</tr>
</table>
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<hr />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</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"><font color="white"><strong>{TOPIC_TITLE}</strong></font></div></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
<!-- BEGIN switch_isconnect -->
<!-- END switch_isconnect -->
<a href="#top">{L_BACK_TO_TOP}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
<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} <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 -->
<script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>
Merci à qui pourra nous aider !
Dernière édition par Yun et Mimie le Lun 2 Sep 2019 - 12:25, édité 1 fois
Re: Affichage des avatars buggé pour les Invités
Hi,
Dans le template viewtopic_body recherche ceci :
Remplace par ceci :
Enregistre et publie
Et à la CSS tu places ceci :
Le border-radius: 80px fera l'arrondi de l'avatar, modifie le 80px en fonction
Dans le template viewtopic_body recherche ceci :
- Code:
{postrow.displayed.POSTER_AVATAR}
Remplace par ceci :
- Code:
<div class="CAF-avatar">{postrow.displayed.POSTER_AVATAR}</div>
Enregistre et publie
Et à la CSS tu places ceci :
- Code:
/*taille et forme avatar profil*/
.CAF-avatar img {border-radius: 80px;}
Le border-radius: 80px fera l'arrondi de l'avatar, modifie le 80px en fonction
Re: Affichage des avatars buggé pour les Invités
Bonjour, et bienvenue sur le Forum des Forums Forumactif
Le problème vient du fait que les invités n'ont pas accès au profil de vos membres.
Du coup quand on est connecté, l'avatar est un lien représenté visuellement par l'avatar lui-même, mais une fois déconnecté l'avatar est une banale image.
Dans votre CSS vous avez ceci :
Facile à vérifier sans toucher au code !
PA > Utilisateurs > Permissions spéciales > Voir le profil : Invités
Se déconnecter du fofo, le problème devrait disparaitre.
Bien penser à remettre la visibilité des profils sur ce qu'elle était auparavant : membres je présume ?
Si c'est pas indiscret, d'où provient le code de votre template ?
Le problème vient du fait que les invités n'ont pas accès au profil de vos membres.
Du coup quand on est connecté, l'avatar est un lien représenté visuellement par l'avatar lui-même, mais une fois déconnecté l'avatar est une banale image.
Dans votre CSS vous avez ceci :
- Code:
.postdetails.poster-profile a img
Facile à vérifier sans toucher au code !
PA > Utilisateurs > Permissions spéciales > Voir le profil : Invités
Se déconnecter du fofo, le problème devrait disparaitre.
Bien penser à remettre la visibilité des profils sur ce qu'elle était auparavant : membres je présume ?
Là par contre, ya un truc qui cloche. Si le problème vient bien du fait que l'avatar soit cliquable pour les membres et pas pour les invités, le problème devrait être là pour tout le monde : Aucun arrondi ni forçage des dimensions.Les membres nous ont signalé le problème à la fois sur Firefox et sur Chrome. Sachant que, nous, lorsque nous avons 'créé' le design sur Firefox, nous n'avons pas rencontré le problème ...
Si c'est pas indiscret, d'où provient le code de votre template ?
Re: Affichage des avatars buggé pour les Invités
Hi Hélène,
Voir ici > Clique
Certes, avec la solution que je propose même si les invités n'ont pas accès aux profils des membres l'avatar sera rond pour eux aussiNeptunia a écrit:
Le problème vient du fait que les invités n'ont pas accès au profil de vos membres.
Voir ici > Clique
Re: Affichage des avatars buggé pour les Invités
Tu fournis une solution et moi j'explique pourquoi ça ne marchait pas sans rien proposer. Nos réponses sont complémentaires.
En fait j'avais commencé ma rédaction avant ton message et au moment de valider j'ai préféré laisser mon message qui expliquait le pourquoi du "ça marche pas"
En fait j'avais commencé ma rédaction avant ton message et au moment de valider j'ai préféré laisser mon message qui expliquait le pourquoi du "ça marche pas"
Re: Affichage des avatars buggé pour les Invités
Merci pour votre aide super rapide à tous les deux !
Nous n'avons pas touché ces permissions au changement de design, mais c'était effectivement sur " Membres " avant Je (Mimie) viens de faire la modification que vous m'avez conseillée et les membres m'ont confirmé que le problème n'était plus là !
Pas d'indiscrétion mais j'aurai du mal à vous répondre j'ai utilisé plusieurs tutoriels de ce forum d'aide (merci en passant !) et sur des forums de libre-service, et je les ai adaptés à mes besoins pour avoir le résultat que je souhaitais (c'est sûrement pour ça que le CSS est un peu " foutraque "). De fait ça ne répond pas vraiment à ma question du pourquoi ça n'affectait que certains membres en invité mais puisque ça semble fonctionner maintenant, je ne vais pas me poser trop de questions ...
Je mets donc en Résolu, encore merci !
Édit : Je ne savais pas qu'on ne pouvait remercier qu'une personne par sujet ... Mais je vous remercie évidemment tous les deux !
Neptunia a écrit:Bien penser à remettre la visibilité des profils sur ce qu'elle était auparavant : membres je présume ?
Nous n'avons pas touché ces permissions au changement de design, mais c'était effectivement sur " Membres " avant Je (Mimie) viens de faire la modification que vous m'avez conseillée et les membres m'ont confirmé que le problème n'était plus là !
Neptunia a écrit:Là par contre, ya un truc qui cloche. Si le problème vient bien du fait que l'avatar soit cliquable pour les membres et pas pour les invités, le problème devrait être là pour tout le monde : Aucun arrondi ni forçage des dimensions.
Si c'est pas indiscret, d'où provient le code de votre template ?
Pas d'indiscrétion mais j'aurai du mal à vous répondre j'ai utilisé plusieurs tutoriels de ce forum d'aide (merci en passant !) et sur des forums de libre-service, et je les ai adaptés à mes besoins pour avoir le résultat que je souhaitais (c'est sûrement pour ça que le CSS est un peu " foutraque "). De fait ça ne répond pas vraiment à ma question du pourquoi ça n'affectait que certains membres en invité mais puisque ça semble fonctionner maintenant, je ne vais pas me poser trop de questions ...
Je mets donc en Résolu, encore merci !
Édit : Je ne savais pas qu'on ne pouvait remercier qu'une personne par sujet ... Mais je vous remercie évidemment tous les deux !
Re: Affichage des avatars buggé pour les Invités
Si je posais la question c'était non pas à cause du CSS mais du HTML
J'ai vu un span (celui du profil) contenir plusieurs <div> alors que c'est une erreur. Chaque balise a ses propriétés et on ne peut pas imbriquer des éléments n'importe comment.
On peut mettre des span dans une div mais pas l'inverse. J'éviterais de rentrer dans les détails pour ne pas vous embrouiller. Pour faire court, dans ce genre de situation, chaque navigateur va se débrouiller comme il peut et on risque d'avoir des rendus différents d'un navigateur à l'autre.
Si vous m'aviez dit "Ca vient du site Y" j'aurais simplement gardé l'info en mémoire (histoire de me méfier d'autres codes de même origine).
Edité : Pour les remerciements, en ce qui concerne la plupart des aidants, on n'aide pas pour avoir un bandeau vert sur notre message ou un compteur à côté du cœur vert. Bien sûr ça fait toujours plaisir mais c'est pas un peu de verdure qui nous motive.
J'ai vu un span (celui du profil) contenir plusieurs <div> alors que c'est une erreur. Chaque balise a ses propriétés et on ne peut pas imbriquer des éléments n'importe comment.
On peut mettre des span dans une div mais pas l'inverse. J'éviterais de rentrer dans les détails pour ne pas vous embrouiller. Pour faire court, dans ce genre de situation, chaque navigateur va se débrouiller comme il peut et on risque d'avoir des rendus différents d'un navigateur à l'autre.
Si vous m'aviez dit "Ca vient du site Y" j'aurais simplement gardé l'info en mémoire (histoire de me méfier d'autres codes de même origine).
Edité : Pour les remerciements, en ce qui concerne la plupart des aidants, on n'aide pas pour avoir un bandeau vert sur notre message ou un compteur à côté du cœur vert. Bien sûr ça fait toujours plaisir mais c'est pas un peu de verdure qui nous motive.
Re: Affichage des avatars buggé pour les Invités
Bienvenue sur le forum de support de Forumactif Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser : N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse. |
Sujets similaires
» image pour les invités et pour les membres sans avatars et une autre question
» [Membres] Afficher l'image créée par nous-mêmes pour les avatars "par défaut" et pour les "invités"
» avatars invisbles pour les invités
» Affichage des messages pour les invités
» Affichage HTML pour les invités
» [Membres] Afficher l'image créée par nous-mêmes pour les avatars "par défaut" et pour les "invités"
» avatars invisbles pour les invités
» Affichage des messages pour les invités
» Affichage HTML pour les invités
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum