Avatar du profil décalé sur Chrome
2 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
Avatar du profil décalé sur Chrome
Détails techniques
Version du forum : phpBB2
Poste 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 : Moi uniquement
Problème apparu depuis : 8 décembre 2014
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Hello!
J'ai un léger soucis de décalage de l'avatar sous Chrome alors que sous Firefox, le problème n'est pas apparent. J'ai supprimé tout le CSS qui est rattaché au profil et j'ai vu lequel semblait poser problème à la base, mais comme c'est un CSS que j'ai pris d'un tuto, je ne sais pas trop comment régler le problème. Sachant que je n'y ai pas retouché depuis longtemps et qu'il n'y avait pas ce problème avant, je ne sais pas trop comment régler le soucis.
Voici la partie du template touchant le profil:
Et le CSS concerné:
Et pour finir, voici la partie du CSS qui semble me poser problème:
Merci d'avance! ^^
J'ai un léger soucis de décalage de l'avatar sous Chrome alors que sous Firefox, le problème n'est pas apparent. J'ai supprimé tout le CSS qui est rattaché au profil et j'ai vu lequel semblait poser problème à la base, mais comme c'est un CSS que j'ai pris d'un tuto, je ne sais pas trop comment régler le problème. Sachant que je n'y ai pas retouché depuis longtemps et qu'il n'y avait pas ce problème avant, je ne sais pas trop comment régler le soucis.
Voici la partie du template touchant le profil:
- Code:
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<!-- DIV QUI SERT A OUVRIR LE FOND DU PROFIL -->
<div class="fondavatar">
<!-- DÉBUT RANG AU-DESSUS DE L'AVATAR -->
<center>
<div class="rank">{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}
</div>
</center>
<!-- FIN RANG AU-DESSUS DE L'AVATAR -->
<br />
<!-- DÉBUT BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>
<!-- FIN BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
<!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR / GARDER LA DIV DANS LE CODE POUR AVOIR ICONES UN AU-DESSUS DE L'AUTRE -->
<div class="icones_profil">
{postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG}
<div style="display:block;width:32px;">
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</div></div>
<!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->
<!-- DÉBUT INFO DERRIERE L'AVATAR -->
<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">
<span class="postdetails poster-profile">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span>
</div>
</div>
<!-- FIN INFO DERRIERE L'AVATAR -->
<br />
<!-- DÉBUT PSEUDO SOUS L'AVATAR -->
<center>
<span class="name">{postrow.displayed.POSTER_NAME}</span>
</center>
<!-- FIN PSEUDO SOUS L'AVATAR -->
<br />
<!-- DIV QUI SERT A FERMER LE FOND DU PROFIL -->
</div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<!-- FIN MODIFICATIONS DU PROFIL DANS LES SUJETS -->
Et le CSS concerné:
- Code:
/* FOND DERRIÈRE L'AVATAR + LE PSEUDO + CHAMPS DE CONTACT DANS LE PROFIL * SUJETS */
.fondavatar {
padding: 8px;
border: 1px solid #312033;
background-color: #110912 !important;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
background-image: url(LIEN)!important;
z-index: 0;}
/* AFFICHAGE DU PSEUDO DANS LE PROFIL - TOPICS */
.name {
font-family: 'Aguafina Script', cursive;
font-weight: normal !important;
font-style: none;
font-size: 24pt !important;
text-align: center !important;
letter-spacing: 4px; !important;
text-decoration: none !important;
text-transform: lowercase !important;
line-height: 25px;
margin-top: 50px !important;
padding-bottom: 50px !important;
text-shadow: 2px 2px 1px #000000;}
/* FORCER LES GIFS/PHOTOS DU PROFIL À 200PX */
.postdetails.poster-profile img {
max-width: 190px;
font-size: 10px !important;}
/* ICONES DE CONTACT */
.icones_profil {
position: absolute;
margin-left: -48px !important; /* plus la valeur est élevée, plus l'icone tasse vers la gauche */
margin-top: 55px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 98 !important;}
/* AFFICHAGE DE L'ICONE "EN LIGNE" */
.icon_online {
position: absolute;
margin-left: -75px !important;
margin-top: -45px;
z-index: 2 !important;}
/* INFORMATIONS (NOMBRES MESSAGES, CRÉDITS, INSCRIPTION) DERRIÈRE L'AVATAR */
/* Code par Hiro pour CSSACTIF - Merci de ne pas supprimer cette mention - (http://www.css-actif.com) */
#englob { /* Encadrement global des 2 divs */
position: relative;
width: 200px;
height: 320px;
border: 0px solid red; /* La vilaine bordure rouge */
overflow: hidden; /* Permet de cacher ce qui dépasse */}
.imgp {
background-color: #0E070F; /* le bg de la div qui contient l'avatar */
position: absolute; /* Laissez comme ceci */
top: 0;/* Laissez comme ceci */
left: 0;/* Laissez comme ceci */
width: 100%;/* Laissez comme ceci */
height: 100%;/* Laissez comme ceci */
z-index: 1;/* La position par rapport à l'autre div qui contient les infos */
-webkit-transition: all 1.5s;/* Laissez comme ceci */
-moz-transition: all 1.5s;/* Laissez comme ceci */
-o-transition: all 1.5s;/* Laissez comme ceci */
-ms-transition: all 1.5s;/* Laissez comme ceci */
transition: all 1.5s;/* Laissez comme ceci */}
#englob:hover > .imgp {
margin-left: 200px; /* Lorsque la souris passe sur la div #englob, l'avatar glisse vers la droite de 200px */}
.infosp {
background-color: #0E070F; /* le bg de la div qui contient les infos*/
border: 2px solid #312033;
position: absolute;/* Laissez comme ceci */
top: 0;/* Laissez comme ceci */
left: 0;/* Laissez comme ceci */
width: 210px;/* Laissez comme ceci */
height: 100&;/* Laissez comme ceci */
overflow: -moz-scrollbars-vertical;
-ms-overflow-y: scroll;
overflow-y: scroll;
overflow: auto;
z-index: 0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
opacity: 0;/* on met l'opacité à zero pour un effet stylé ;) */
padding: 5px;}
#englob:hover > .infosp {
opacity: 1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
margin-left: 0px;/* et on décale cette div à 0px (position par défaut) */}
/* mettre un overflow au profil derrière l'avatar */
div.infosp {
overflow: auto;
height: 310px;
width: 205px;}
Et pour finir, voici la partie du CSS qui semble me poser problème:
- Code:
#englob { /* Encadrement global des 2 divs */
position: relative;
width: 200px;
height: 320px;
border: 0px solid red; /* La vilaine bordure rouge */
overflow: hidden; /* Permet de cacher ce qui dépasse */}
Merci d'avance! ^^
Dernière édition par Ishtar le Mar 16 Déc 2014 - 1:37, édité 1 fois
Re: Avatar du profil décalé sur Chrome
Hello!
Quelqu'un a une petite idée de comment je pourrais régler ce problème? J'ajoute que ma co-admin utilise également Chrome et que jusqu'ici, elle n'a pas du tout ce souci... et que mon que mon navigateur est bel et bien à jour (je viens de revérifier, des fois que...!).
Merci!
Quelqu'un a une petite idée de comment je pourrais régler ce problème? J'ajoute que ma co-admin utilise également Chrome et que jusqu'ici, elle n'a pas du tout ce souci... et que mon que mon navigateur est bel et bien à jour (je viens de revérifier, des fois que...!).
Merci!
Re: Avatar du profil décalé sur Chrome
Je poste pour avoir accès au lien
Voici ce que j'ai sur Chrome o:
Voici ce que j'ai sur Chrome o:
Re: Avatar du profil décalé sur Chrome
Hello!
Tout d'abord, merci de t'être penché sur mon souci. ^^ Sinon, c'est officiel, je ne comprends plus rien. Parce que je le vois toujours décalé et que j'ai repris ce codage-là d'un ancien forum à moi et là-bas, il s'affiche correctement. Si j'avais le même problème sur l'autre forum, je saurais que c'est de mon côté qu'il y a un problème, mais là...
Est-ce que quelqu'un a une idée de quoi ça peut dépendre? Parce que honnêtement, là je suis un peu perdue! ^^
Merci!
Tout d'abord, merci de t'être penché sur mon souci. ^^ Sinon, c'est officiel, je ne comprends plus rien. Parce que je le vois toujours décalé et que j'ai repris ce codage-là d'un ancien forum à moi et là-bas, il s'affiche correctement. Si j'avais le même problème sur l'autre forum, je saurais que c'est de mon côté qu'il y a un problème, mais là...
Est-ce que quelqu'un a une idée de quoi ça peut dépendre? Parce que honnêtement, là je suis un peu perdue! ^^
Merci!
Re: Avatar du profil décalé sur Chrome
Quand tu regardes un profil en étant déconnecté du forum, y a-t-il toujours le décalage ?
Re: Avatar du profil décalé sur Chrome
Je n'avais pas pensé à le vérifier en étant déconnectée. Donc je confirme, déconnectée le profil m'apparaît correctement.
Re: Avatar du profil décalé sur Chrome
Salut Ishtar ,
c'est pénible de devoir répondre pour voir le lien du fofo concerné
pour venir filer un coup de main .
Je reviens ensuite avec un Edit.
Tu peux donner le template complet stp .
Ensuite je vois que dans ta CSS tu as une position absolute ici:
Puis ici:
Il faut peut être voir de ce côté en priorité
Sous Firefox, le profil est décalé en invité .
a++
c'est pénible de devoir répondre pour voir le lien du fofo concerné
pour venir filer un coup de main .
Je reviens ensuite avec un Edit.
Tu peux donner le template complet stp .
Ensuite je vois que dans ta CSS tu as une position absolute ici:
- Code:
.icones_profil
margin-left: -48px !important;
Puis ici:
- Code:
.icon_online
margin-left: -75px !important;
Il faut peut être voir de ce côté en priorité
Sous Firefox, le profil est décalé en invité .
a++
Invité- Invité
Re: Avatar du profil décalé sur Chrome
Salut Milouze!
Ouep, je comprends que c'est embêtant et j'en suis désolée, mais c'est un forum en construction et c'est une décision que je n'ai pas prise toute seule. Vraiment désolée pour la gêne occasionnée! ^^
Pour le truc de position absolute, j'ai fait une petite recherche et j'ai vu des mentions de "fixed", "relative", et autres trucs dont je ne me souviens pas. J'ai essayé avec le "fixed" et bien que ça règle le problème du profil décalé, ça me fait disparaître les fameux boutons de contact. Et ça, c'est le cas que je sois connectée ou non, autant sur Chrome que sur Firefox. Ça dépasse un peu mon champs de compétences! ^^
Voici donc le template en entier, comme demandé:
Merci encore! ^^
Ouep, je comprends que c'est embêtant et j'en suis désolée, mais c'est un forum en construction et c'est une décision que je n'ai pas prise toute seule. Vraiment désolée pour la gêne occasionnée! ^^
Pour le truc de position absolute, j'ai fait une petite recherche et j'ai vu des mentions de "fixed", "relative", et autres trucs dont je ne me souviens pas. J'ai essayé avec le "fixed" et bien que ça règle le problème du profil décalé, ça me fait disparaître les fameux boutons de contact. Et ça, c'est le cas que je sois connectée ou non, autant sur Chrome que sur Firefox. Ça dépasse un peu mon champs de compétences! ^^
Voici donc le template en entier, comme demandé:
- 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(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
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 align="left" valign="middle" nowrap="nowrap">
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</td>
<td class="nav" 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="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{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}';
var url_tellfriend = '{U_TELLFRIEND_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" style="border-bottom: 0px;">
<tr align="right">
<td class="catHead" colspan="3" 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"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</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}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" 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}">
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<!-- DIV QUI SERT A OUVRIR LE FOND DU PROFIL -->
<div class="fondavatar">
<!-- DÉBUT RANG AU-DESSUS DE L'AVATAR -->
<center>
<div class="rank">{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}
</div>
</center>
<!-- FIN RANG AU-DESSUS DE L'AVATAR -->
<br />
<!-- DÉBUT BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
<span class="icon_online">{postrow.displayed.ONLINE_IMG}</span>
<!-- FIN BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
<!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR / GARDER LA DIV DANS LE CODE POUR AVOIR ICONES UN AU-DESSUS DE L'AUTRE -->
<div class="icones_profil">
{postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG}
<div style="display:block;width:32px;">
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</div></div>
<!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->
<!-- DÉBUT INFO DERRIERE L'AVATAR -->
<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">
<span class="postdetails poster-profile">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span>
</div>
</div>
<!-- FIN INFO DERRIERE L'AVATAR -->
<br />
<!-- DÉBUT PSEUDO SOUS L'AVATAR -->
<center>
<span class="name">{postrow.displayed.POSTER_NAME}</span>
</center>
<!-- FIN PSEUDO SOUS L'AVATAR -->
<br />
<!-- DIV QUI SERT A FERMER LE FOND DU PROFIL -->
</div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<!-- FIN MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- DÉBUT MODIFICATION FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->
<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}">#</a>) {L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<!-- FIN FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->
<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">
<hr />
</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">
<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}" />
<!-- 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>
</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">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<br />
<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="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="3" 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><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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}">{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">
<h1 class="cattitle"> {L_FORUM_RULES}</h1>
</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}" />
</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">
<!-- Début Modification pour Réponse Rapide en Spoiler -->
<!-- BEGIN switch_user_logged_in -->
<div class="boutonSlide">Réponse Rapide</div>
<div class="#panneauCoulissant">
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
</div>
<!-- END switch_user_logged_in -->
<!-- Fin Modification pour Réponse Rapide en Spoiler -->
</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>
<!-- CHEMIN DE NAVIGATION DANS LE BAS DU FORUM / CENTRÉ POUR LE MOMENT -->
<br>
<td valign="middle" width="100%"><center><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></center><br></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>
<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- END viewtopic_bottom -->
<!-- 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="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Merci encore! ^^
Re: Avatar du profil décalé sur Chrome
Re,
ok je comprend mais ..... lol
Bon les boutons de contacts doivent être cachés ?
Et au survol du profil il doivent être visibles?
Ou ces derniers doivent être positionnés sur le profil même?
Une capture avec ton souhait serait bienvenue chère amie .
a++
ok je comprend mais ..... lol
Bon les boutons de contacts doivent être cachés ?
Et au survol du profil il doivent être visibles?
Ou ces derniers doivent être positionnés sur le profil même?
Une capture avec ton souhait serait bienvenue chère amie .
a++
Invité- Invité
Re: Avatar du profil décalé sur Chrome
En fait, idéalement, les boutons devraient être toujours apparents sur la gauche de l'avatar, comme sur la capture que je mets sous spoiler (capture du forum où j'ai totalement le même profil, même template, même css hormis les couleurs et qui pourtant fonctionne, j'y comprends plus rien! ^^). Dans le pire des cas, on pourrait les faire apparaître seulement au survol, mais ça ne serait pas pratique je crois (sans compter que je penses que les gens seraient moins portés à penser à survoler le profil pour voir les boutons de contact).
A bientôt!
- Spoiler:
A bientôt!
Re: Avatar du profil décalé sur Chrome
Re,
merci pour ces explication, je regarde tout çà .
a++
merci pour ces explication, je regarde tout çà .
a++
Invité- Invité
Re: Avatar du profil décalé sur Chrome
Re,
Dans la css modifies comme ceci:
Puis le template:
Je reviens plus tard .
a++
Dans la css modifies comme ceci:
- Code:
/* ICONES DE CONTACT */
.icones_profil
{
position: absolute;
margin-left: -80px;
margin-top: 55px;
padding-top: 5px;
padding-bottom: 5px;
z-index: 98 !important;
width:200px;
}
/* AFFICHAGE DE L'ICONE "EN LIGNE" */
.icon_online
{
margin-left: -90px;
margin-top: -45px;
position: absolute;
}
Puis le template:
- 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(){
_atc.cwait = 0;
$('.addthis_button').mouseup(function(){
if ($('#at15s').css('display') == 'block') {
addthis_close();
}
});
});
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 align="left" valign="middle" nowrap="nowrap">
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</td>
<td class="nav" 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="bottom" nowrap="nowrap" width="100%">
<span class="gensmall bold">
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{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}';
var url_tellfriend = '{U_TELLFRIEND_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" style="border-bottom: 0px;">
<tr align="right">
<td class="catHead" colspan="3" 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"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</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}
<tr>
<th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
<th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
</tr>
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<tr>
<td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" 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}">
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<!-- DÉBUT MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<!-- DIV QUI SERT A OUVRIR LE FOND DU PROFIL -->
<div class="fondavatar">
<!-- DÉBUT RANG AU-DESSUS DE L'AVATAR -->
<center>
<div class="rank">{postrow.displayed.POSTER_RANK}<br />
{postrow.displayed.RANK_IMAGE}
</div>
</center>
<!-- FIN RANG AU-DESSUS DE L'AVATAR -->
<br />
<!-- DÉBUT BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
<div class="icon_online">{postrow.displayed.ONLINE_IMG}</div>
<!-- FIN BOUTON ONLINE À CÔTÉ DE L'AVATAR -->
<!-- DÉBUT ICONES DE CONTACT À CÔTÉ DE L'AVATAR / GARDER LA DIV DANS LE CODE POUR AVOIR ICONES UN AU-DESSUS DE L'AUTRE -->
<div class="icones_profil">
{postrow.displayed.PROFILE_IMG} <br />{postrow.displayed.PM_IMG} <br />
<!-- BEGIN contact_field -->
{postrow.displayed.contact_field.CONTENT}
<!-- END contact_field -->
</div>
<!-- FIN ICONES DE CONTACT À CÔTÉ DE L'AVATAR -->
<!-- DÉBUT INFO DERRIERE L'AVATAR -->
<div id="englob">
<div class="imgp">{postrow.displayed.POSTER_AVATAR}</div>
<div class="infosp">
<span class="postdetails poster-profile">
<!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL}
{postrow.displayed.profile_field.CONTENT}
{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field -->
{postrow.displayed.POSTER_RPG}
</span>
</div>
</div>
<!-- FIN INFO DERRIERE L'AVATAR -->
<br />
<!-- DÉBUT PSEUDO SOUS L'AVATAR -->
<center>
<span class="name">{postrow.displayed.POSTER_NAME}</span>
</center>
<!-- FIN PSEUDO SOUS L'AVATAR -->
<br />
<!-- DIV QUI SERT A FERMER LE FOND DU PROFIL -->
</div>
<img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<!-- FIN MODIFICATIONS DU PROFIL DANS LES SUJETS -->
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<!-- DÉBUT MODIFICATION FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->
<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}">#</a>) {L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
<!-- FIN FA POUR AVOIR L'ID D'UN MESSAGE DANS UN SUJET (ANCRE) -->
<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">
<hr />
</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">
<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}" />
<!-- 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>
</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">
<a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
</td>
<td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
</td>
</tr>
<!-- BEGIN first_post_br -->
</table>
<br />
<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="3" height="28">
<span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="3" 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><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></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}">{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">
<h1 class="cattitle"> {L_FORUM_RULES}</h1>
</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}" />
</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">
<!-- Début Modification pour Réponse Rapide en Spoiler -->
<!-- BEGIN switch_user_logged_in -->
<div class="boutonSlide">Réponse Rapide</div>
<div class="#panneauCoulissant">
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
</div>
<!-- END switch_user_logged_in -->
<!-- Fin Modification pour Réponse Rapide en Spoiler -->
</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>
<!-- CHEMIN DE NAVIGATION DANS LE BAS DU FORUM / CENTRÉ POUR LE MOMENT -->
<br>
<td valign="middle" width="100%"><center><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></center><br></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>
<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
<!-- END viewtopic_bottom -->
<!-- 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="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
Je reviens plus tard .
a++
Invité- Invité
Re: Avatar du profil décalé sur Chrome
Hello!
J'ai apporté les modifications suggérées et les icones sont revenus à leur place. Cependant, sur Chrome l'avatar est toujours décalé ainsi que les informations qui doivent se cacher dessous. Par-contre, déconnecté tout semble normal. Du côté de Firerox, tout est à sa place, autant connecté que déconnecté, donc de ce côté-là ça me semble réglé.
Mais juste histoire de comprendre, qu'est-ce que tu as fais exactement? Parce que je vois que le "absolute" est toujours là et comme il semblait que le souci venait de là...
A bientôt!
J'ai apporté les modifications suggérées et les icones sont revenus à leur place. Cependant, sur Chrome l'avatar est toujours décalé ainsi que les informations qui doivent se cacher dessous. Par-contre, déconnecté tout semble normal. Du côté de Firerox, tout est à sa place, autant connecté que déconnecté, donc de ce côté-là ça me semble réglé.
Mais juste histoire de comprendre, qu'est-ce que tu as fais exactement? Parce que je vois que le "absolute" est toujours là et comme il semblait que le souci venait de là...
A bientôt!
Re: Avatar du profil décalé sur Chrome
Salut Ishtar,
j'ai attribué une largeur de 200px afin d être concret dans le placement des
icônes.
Par contre sous Chrome et Firefox je n'ai aucun soucis .
Il faut vider ton cache .
a++
j'ai attribué une largeur de 200px afin d être concret dans le placement des
icônes.
Par contre sous Chrome et Firefox je n'ai aucun soucis .
Il faut vider ton cache .
a++
Invité- Invité
Re: Avatar du profil décalé sur Chrome
Hello!
Vider les caches, je l'avais tenté sans succès et étrangement, je viens de le faire et c'est réglé. Je renonce à comprendre!
Encore une fois, merci pour ton coup de pouce! ^^
Vider les caches, je l'avais tenté sans succès et étrangement, je viens de le faire et c'est réglé. Je renonce à comprendre!
Encore une fois, merci pour ton coup de pouce! ^^
Sujets similaires
» Mon profil est décalé sur google chrome [résolu]
» Forum décalé vers la droite sur Chrome
» Avatar décalé ?
» Avatar décalé.
» Avatar décalé vers le bas
» Forum décalé vers la droite sur Chrome
» Avatar décalé ?
» Avatar décalé.
» Avatar décalé vers le bas
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