AccueilMembres connectés récemment
[PHPBB2] Profil en onglet
Page 1 sur 1 • Partagez
- Esprit
-
Esprit Mer 7 Avr 2021 - 23:09
- Version du forum :PHPBB2
- Templates modifiés :oui
- Navigateur :Chrome
Bonsoir ! Aujourd'hui je me permets de poster ce message et de me tourner vers vous car après maintes et maintes recherches je me retrouve sans réponse et assez désespérée.
Actuellement sur la création d'un forum, je suis bloquée sur le codage d'un profil (template -> viewtopic_body : affichage d'un sujet)
Voici le lien du forum en question : https://reversalmaxima.forumactif.com/
Ci dessous une image du profil :
Comme vous pouvez le voir, il est en onglet. Seulement voilà mon problème, je voudrais que certaine informations restent dans le premier onglet, et que les autres aillent dans le second. Ce que je n'arrive pas à faire...
J'ai bien classé mes éléments de profil
En effet je souhaiterais qu'à partir du second "Montre toi" élément numéro 16, que tous les autres intitulés passent dans le second onglet ainsi que "montre toi", nommé "more". Actuellement tous les éléments sont dans le même onglet et se suivent.
Voici donc le template en question :
Le CSS
Et le JavaScript qui va avec
En vous remerciant pour l'attention que vous porterez à mon message !
Actuellement sur la création d'un forum, je suis bloquée sur le codage d'un profil (template -> viewtopic_body : affichage d'un sujet)
Voici le lien du forum en question : https://reversalmaxima.forumactif.com/
Ci dessous une image du profil :
- Spoiler:
![[PHPBB2] Profil en onglet C0l2](https://www.zupimages.net/up/21/14/c0l2.png)
Comme vous pouvez le voir, il est en onglet. Seulement voilà mon problème, je voudrais que certaine informations restent dans le premier onglet, et que les autres aillent dans le second. Ce que je n'arrive pas à faire...
J'ai bien classé mes éléments de profil
- Spoiler:
![[PHPBB2] Profil en onglet T3k9](https://www.zupimages.net/up/21/14/t3k9.png)
En effet je souhaiterais qu'à partir du second "Montre toi" élément numéro 16, que tous les autres intitulés passent dans le second onglet ainsi que "montre toi", nommé "more". Actuellement tous les éléments sont dans le même onglet et se suivent.
- Spoiler:
![[PHPBB2] Profil en onglet T24v](https://www.zupimages.net/up/21/14/t24v.png)
Voici donc le template en question :
- Code:
<!-- BEGIN switch_plus_menu --><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Playfair+Display&display=swap" rel="stylesheet">
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td class="nav" valign="middle" width="100%">
<span class="nav">
<a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
<!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
{NAV_CAT_DESC_SECOND}
</span>
</td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
<!-- END switch_fb_likebtn -->
<span class="gensmall bold">
<!-- BEGIN switch_plus_menu -->
<div id="addthis-toolbar" style="display: inline-block;">
<div class="btn-floating-left" tabindex="100">
{L_SHARE}
</div>
<div class="addthis-toolbar-btn" style="display:none;">
{switch_plus_menu.SOCIAL_BUTTONS}
</div>
</div>
|
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
{switch_plus_menu.JS_SOCIAL_BUTTONS}
<!-- END switch_plus_menu -->
</span>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
<tr align="right">
<td class="catHead" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows">
<!-- BEGIN switch_isconnect -->
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
<!-- END switch_isconnect -->
<a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- 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">{L_MESSAGE}</th>
</tr>
<!-- 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} profiletotal"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="vraifond"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<strong class="pseudoprofil">{postrow.displayed.POSTER_NAME}</strong>
<br />
<div class="avatarprofil">{postrow.displayed.POSTER_AVATAR}</div>
<span class="rankprofil">{postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE}</span>
<div class="post-btn">
<div class="postbtn1">Informations</div><div class="postbtn2">More</div>
</div>
<div class="post-clic">
<div class="clicpostbtn1"> <!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div>
<div class="clicpostbtn2"> {postrow.displayed.POSTER_RPG}</div>
</div></div>
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
<table width="100%" height="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" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <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">
<hr />
</td>
</tr>
<tr height="100%" valign="top">
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<!-- BEGIN switch_signature -->
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
<!-- END switch_signature -->
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
<!-- BEGIN switch_likes_active -->
<tr><td colspan="2">
<div class="fa_like_div">
<!-- BEGIN switch_like_list -->
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
<!-- END switch_like_list -->
<!-- BEGIN switch_dislike_list -->
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
<!-- END switch_dislike_list -->
<button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
<svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
</button>
<!-- BEGIN switch_dislike_button -->
<button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
<svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
</button>
<!-- END switch_dislike_button -->
</div></td></tr>
<!-- END switch_likes_active -->
</table>
</td>
</tr>
<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">
<table border="0" cellspacing="0" cellpadding="0">
<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">{TOPIC_TITLE}</div></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
<!-- BEGIN switch_isconnect -->
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
<!-- END switch_isconnect -->
<a href="#top">{L_BACK_TO_TOP}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<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 -->
Le CSS
- Code:
.profiletotal{padding:2px !important; }
.profiletotal, .profiletotal *{ box-sizing:border-box;}
.vraifond {width:210px;background-color:#131417 !important; padding-bottom:10px !important;}
.pseudoprofil{ display:block; text-align:center; font-family: 'Dancing Script', cursive; font-size: 22px;
letter-spacing: 2px;
margin-bottom: 4px;
margin-top: 4px;
padding-top: 8px;}
.rankprofil{ display:block; text-align:center; font-size:12px; font-family: 'Playfair Display', serif; }
.avatarprofil {margin-bottom: 20px; margin-left: 5px; margin-top: -10px;}
.post-clic div{ display:none; font-size: 11px;}
.post-clic .actif, .clic1{ display:block; }
.post-clic .clicpostbtn1, .post-clic .clicpostbtn2{ padding: 5px; width: 100%; height: 320px; overflow: auto; background-color: #181c29;}
.post-clic div img{ max-width: 190px; }
.post-btn .dpb-bloc{ background-color:#3F4356; }
.clicpostbtn1 a{ display:flex; }
.clicpostbtn1 img{ max-width: 190px; object-fit:cover; margin:0 auto;}
.clicpostbtn2, .clicpostbtn3{ background-color:#181c29; padding:10px; height:320px; overflow:auto; }
.clicpostbtn3 [rel*="nofollow"]{ color:#dedede; } /* Couleur du titre feuille de personnage */
.post-btn{ display:flex; justify-content:space-between; margin-top:10px;}
.post-btn div{ background-color:#1b1d25; padding:2px; font-family: 'Playfair Display', serif; width:49%; font-size:12px; color:#dedede; cursor:pointer; margin:0px 3px; text-align:center; margin-bottom: 8px;}
Et le JavaScript qui va avec
- Code:
;( function(){
$(document).ready( function(){
// par défaut
$('.post-btn .postbtn1').addClass('dpb-bloc');
$('.post-clic .clicpostbtn1').addClass('actif');
$('body').on('click', '.post-btn [class^="postbtn"]', function(){
// On récupère le parent
$parent = $(this).parents('.profiletotal');
// On désactive tous les groupes
$parent.find('.post-btn [class^="postbtn"]').removeClass('dpb-bloc');
$parent.find('.post-clic [class^="clicpostbtn"]').removeClass('actif');
// On récupère le nom du groupe
$idGroup = $(this).attr('class');
// On active le bon groupe
$parent.find('.post-btn .'+ $idGroup).addClass('dpb-bloc');
$parent.find('.post-clic .clic'+ $idGroup).addClass('actif');
});
});
})($);
En vous remerciant pour l'attention que vous porterez à mon message !
Milouze14 aime ce message
- Milouze14
Fondateur -
Milouze14 Jeu 8 Avr 2021 - 6:53
Coucou Oxana,
on va tester cela,
il est impératif d'avoir tous les champs du profil cochés sur le profil et sur les messages:
![[PHPBB2] Profil en onglet 1281](https://i.servimg.com/u/f20/20/11/87/27/1281.png)
Actuellement utilises tu les feuilles de personnages ?
Car dans ton template , tu as la variable qui s'y attache dans cette div:
Je vais revoir tout le codage suivant car il y na trop de div pour ce que tu veux avoir:
on va tester cela,
il est impératif d'avoir tous les champs du profil cochés sur le profil et sur les messages:
![[PHPBB2] Profil en onglet 1281](https://servimg.com/r/2020118727/1281.png)
Actuellement utilises tu les feuilles de personnages ?
Car dans ton template , tu as la variable qui s'y attache dans cette div:
- Code:
<div class="clicpostbtn2"> {postrow.displayed.POSTER_RPG}</div>
Je vais revoir tout le codage suivant car il y na trop de div pour ce que tu veux avoir:
- Code:
<div class="postbtn1">Informations</div><div class="postbtn2">More</div>
</div>
<div class="post-clic">
<div class="clicpostbtn1"> <!-- BEGIN profile_field -->
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
<!-- END profile_field --></div>
<div class="clicpostbtn2"> {postrow.displayed.POSTER_RPG}</div>
</div></div>
- Milouze14Fondateur
-
Milouze14 Jeu 8 Avr 2021 - 8:44
Alors je t'ai ajouté un script qui va donner une class a chaque champs,
ensuite il suffira de placer chaque class dans la div désirée.
Je t'explique afin que tu comprennes le but de ce script.
Exemple avec un champ comme "Réputation", le script ne reconnait pas l'accent alors il va être remplacé des caractères spéciaux comme ceci:
Ou comme Date d'inscription:
Bref, c'est la seule méthode ou tu pourras placer chaque champs dans les div concernées.
Est-ce que tu connais un peu la console de ton navigateur ?
C'est l'idéal pour connaitre la class donnée à chaque champs.
Pour ton template, remplaces par ce contenu:
Les class n'ont pas été modifié, mais j'ai repositionné les commentaires des profils car il étaient pas configurés:
Esnuite, si tu n'utilises pas le feuilles de personnage, tu peux supprimer cette varibale qui ne te servira a rien:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher Sur les sujets
Déposer ceci:
Penser a cliquer sur le bouton
Le deuxième script est vide:
Cette ligne:
Et celle-ci:
Te serviront a déposer ce que tu souhaites là ou tu le souhaites chère amie.
Je t'explique rapidement:
Pour chacune des 2 lignes tu as ceci
Il est impératif de laisser les simples guillemets et de déposer les class désirées,séparées par une virgule sauf pour la dernière.
Le script que j'ai utilisé sur mon fofo de test:
Bon courage et n'hésites pas a demander si tu as besoin .
ensuite il suffira de placer chaque class dans la div désirée.
Je t'explique afin que tu comprennes le but de ce script.
Exemple avec un champ comme "Réputation", le script ne reconnait pas l'accent alors il va être remplacé des caractères spéciaux comme ceci:
- Code:
.profile-field.field_r__00e9putation
Ou comme Date d'inscription:
- Code:
.profile-field.field_date-d__0027inscription
Bref, c'est la seule méthode ou tu pourras placer chaque champs dans les div concernées.
Est-ce que tu connais un peu la console de ton navigateur ?
C'est l'idéal pour connaitre la class donnée à chaque champs.
Pour ton template, remplaces par ce contenu:
- Code:
<!-- BEGIN switch_plus_menu --><link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Playfair+Display&display=swap" rel="stylesheet">
<script type="text/javascript">
//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
</script>
<!-- END switch_plus_menu -->
<script type="text/javascript">
var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
try
{
var regId = parseInt(id, 10);
if( isNaN(regId) ) { regId = 0; }
if( regId > 0)
{
$('.post--' + id).toggle(0, function()
{
if( $(this).is(":visible") )
{
$('#hidden-title--' + id).html(hiddenMsgLabel.visible);
}
else
{
$('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
}
});
}
}
catch(e) { }
return false;
};
//]]>
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td align="left" valign="middle" nowrap="nowrap">
<span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span>
</td>
<td class="nav" valign="middle" width="100%">
<span class="nav">
<a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>
<!--{NAV_SEP}<a class="nav" href="{U_ALBUM}"><span>{L_ALBUM}</span></a>-->
{NAV_CAT_DESC_SECOND}
</span>
</td>
<td align="right" valign="bottom" nowrap="nowrap" width="100%">
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="https://twitter.com/share" class="twitter-share-button" data-via="{TWITTER}">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></div>
<!-- END switch_fb_likebtn -->
<span class="gensmall bold">
<!-- BEGIN switch_plus_menu -->
<div id="addthis-toolbar" style="display: inline-block;">
<div class="btn-floating-left" tabindex="100">
{L_SHARE}
</div>
<div class="addthis-toolbar-btn" style="display:none;">
{switch_plus_menu.SOCIAL_BUTTONS}
</div>
</div>
|
<script type="text/javascript">//<![CDATA[
var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//]]>
</script>
{switch_plus_menu.JS_SOCIAL_BUTTONS}
<!-- END switch_plus_menu -->
</span>
</td>
</tr>
</table>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
<tr align="right">
<td class="catHead" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"> </td>
<td align="center" class="t-title">
<h1 class="cattitle"> {TOPIC_TITLE}</h1>
</td>
<td align="right" width="9%" class="browse-arrows">
<!-- BEGIN switch_isconnect -->
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
<!-- END switch_isconnect -->
<a href="#bottom">{L_GOTO_DOWN}</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- 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">{L_MESSAGE}</th>
</tr>
<!-- 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} profiletotal"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
<div class="vraifond"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
<strong class="pseudoprofil">{postrow.displayed.POSTER_NAME}</strong>
<br />
<div class="avatarprofil">{postrow.displayed.POSTER_AVATAR}</div>
<span class="rankprofil">{postrow.displayed.POSTER_RANK}{postrow.displayed.RANK_IMAGE}</span>
<div class="post-btn">
<div class="postbtn1">Informations</div><div class="postbtn2">More</div>
</div>
<div class="post-clic">
<!-- BEGIN profile_field -->
<span class="profile-field">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
<!-- END profile_field -->
<div class="clicpostbtn1"></div><div class="clicpostbtn2"></div>
</div>
{postrow.displayed.POSTER_RPG}
</div>
<img src="https://2img.net/i/empty.gif" alt="" style="width:150px;height:1px" />
</td>
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="100%">
<table width="100%" height="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" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT} <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">
<hr />
</td>
</tr>
<tr height="100%" valign="top">
<td colspan="2">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->
<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->
<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div class="postbody">
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt="" />
<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->
<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>
<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->
<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->
<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
<!-- BEGIN switch_signature -->
<div class="signature_div">
{postrow.displayed.SIGNATURE}
</div>
<!-- END switch_signature -->
</div>
<span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
</td>
</tr>
<!-- BEGIN switch_likes_active -->
<tr><td colspan="2">
<div class="fa_like_div">
<!-- BEGIN switch_like_list -->
{postrow.displayed.switch_likes_active.switch_like_list.D_LIKE_LIST}
<!-- END switch_like_list -->
<!-- BEGIN switch_dislike_list -->
{postrow.displayed.switch_likes_active.switch_dislike_list.D_DISLIKE_LIST}
<!-- END switch_dislike_list -->
<button class="rep-button {postrow.displayed.switch_likes_active.C_VOTE_LIKE}" data-href="{postrow.displayed.switch_likes_active.U_VOTE_LIKE}" data-href-rm="{postrow.displayed.switch_likes_active.U_VOTE_RM_LIKE}">
<svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 1344q0-26-19-45t-45-19q-27 0-45.5 19t-18.5 45q0 27 18.5 45.5t45.5 18.5q26 0 45-18.5t19-45.5zm160-512v640q0 26-19 45t-45 19h-288q-26 0-45-19t-19-45v-640q0-26 19-45t45-19h288q26 0 45 19t19 45zm1184 0q0 86-55 149 15 44 15 76 3 76-43 137 17 56 0 117-15 57-54 94 9 112-49 181-64 76-197 78h-129q-66 0-144-15.5t-121.5-29-120.5-39.5q-123-43-158-44-26-1-45-19.5t-19-44.5v-641q0-25 18-43.5t43-20.5q24-2 76-59t101-121q68-87 101-120 18-18 31-48t17.5-48.5 13.5-60.5q7-39 12.5-61t19.5-52 34-50q19-19 45-19 46 0 82.5 10.5t60 26 40 40.5 24 45 12 50 5 45 .5 39q0 38-9.5 76t-19 60-27.5 56q-3 6-10 18t-11 22-8 24h277q78 0 135 57t57 135z" fill="#666"/></svg>
<span>{postrow.displayed.switch_likes_active.L_LIKE}</span>{postrow.displayed.switch_likes_active.COUNT_VOTE_LIKE}
</button>
<!-- BEGIN switch_dislike_button -->
<button class="rep-button {postrow.displayed.switch_likes_active.switch_dislike_button.C_VOTE_DISLIKE}" data-href="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_DISLIKE}" data-href-rm="{postrow.displayed.switch_likes_active.switch_dislike_button.U_VOTE_RM_LIKE}">
<svg width="15px" height="15px" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M320 576q0 26-19 45t-45 19q-27 0-45.5-19t-18.5-45q0-27 18.5-45.5t45.5-18.5q26 0 45 18.5t19 45.5zm160 512v-640q0-26-19-45t-45-19h-288q-26 0-45 19t-19 45v640q0 26 19 45t45 19h288q26 0 45-19t19-45zm1129-149q55 61 55 149-1 78-57.5 135t-134.5 57h-277q4 14 8 24t11 22 10 18q18 37 27 57t19 58.5 10 76.5q0 24-.5 39t-5 45-12 50-24 45-40 40.5-60 26-82.5 10.5q-26 0-45-19-20-20-34-50t-19.5-52-12.5-61q-9-42-13.5-60.5t-17.5-48.5-31-48q-33-33-101-120-49-64-101-121t-76-59q-25-2-43-20.5t-18-43.5v-641q0-26 19-44.5t45-19.5q35-1 158-44 77-26 120.5-39.5t121.5-29 144-15.5h129q133 2 197 78 58 69 49 181 39 37 54 94 17 61 0 117 46 61 43 137 0 32-15 76z" fill="#666"/></svg>
<span>{postrow.displayed.switch_likes_active.switch_dislike_button.L_DISLIKE}</span>{postrow.displayed.switch_likes_active.switch_dislike_button.COUNT_VOTE_DISLIKE}
</button>
<!-- END switch_dislike_button -->
</div></td></tr>
<!-- END switch_likes_active -->
</table>
</td>
</tr>
<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">
<table border="0" cellspacing="0" cellpadding="0">
<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">{TOPIC_TITLE}</div></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows">
<!-- BEGIN switch_isconnect -->
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>
<!-- END switch_isconnect -->
<a href="#top">{L_BACK_TO_TOP}</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<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 -->
Les class n'ont pas été modifié, mais j'ai repositionné les commentaires des profils car il étaient pas configurés:
Esnuite, si tu n'utilises pas le feuilles de personnage, tu peux supprimer cette varibale qui ne te servira a rien:
- Code:
{postrow.displayed.POSTER_RPG}
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher Sur les sujets
Déposer ceci:
- Code:
$(function() {
for (var field = $('.profile-field'), i = 0, j = field.length; i < j; i++) {
field[i].className += ' field_' + $('.label', field[i]).text().toLowerCase().replace(/ : /, '').replace(/[^a-z0-9]/g, function(s) {
var c = s.charCodeAt(0);
if (c == 32) return '-';
return '__' + ('000' + c.toString(16)).slice(-4);
});
}
});
$(function(){
$('div.post-clic').each(function(){
var a=$(this).find('.clicpostbtn1');
var b=$(this).find('.clicpostbtn2');
//on deplace les class désirées dans la div ayant la class clicpostbtn1
$(this).find('').appendTo(a);
//on deplace les class désirées dans la div ayant la class clicpostbtn2
$(this).find('').appendTo(b);
});});
Penser a cliquer sur le bouton
Le deuxième script est vide:
- Code:
$(function(){
$('div.post-clic').each(function(){
var a=$(this).find('.clicpostbtn1');
var b=$(this).find('.clicpostbtn2');
//on deplace les class désirées dans la div ayant la class clicpostbtn1
$(this).find('').appendTo(a);
//on deplace les class désirées dans la div ayant la class clicpostbtn2
$(this).find('').appendTo(b);
});});
Cette ligne:
- Code:
//on deplace les class désirées dans la div ayant la class clicpostbtn1
$(this).find('').appendTo(a);
Et celle-ci:
- Code:
//on deplace les class désirées dans la div ayant la class clicpostbtn2
$(this).find('').appendTo(b);
Te serviront a déposer ce que tu souhaites là ou tu le souhaites chère amie.
Je t'explique rapidement:
Pour chacune des 2 lignes tu as ceci
- Code:
find(' ')
Il est impératif de laisser les simples guillemets et de déposer les class désirées,séparées par une virgule sauf pour la dernière.
Le script que j'ai utilisé sur mon fofo de test:
- Code:
$(function(){
$('div.post-clic').each(function(){
var a=$(this).find('.clicpostbtn1');
var b=$(this).find('.clicpostbtn2');
//on deplace les class désirées dans la div ayant la class clicpostbtn1
$(this).find('.profile-field.field_date-de-naissance,.profile-field.field_titre,.profile-field.field_zodiaque,.profile-field.field_signe-chinois,.profile-field.field_date-d__0027inscription,.profile-field.field_age').appendTo(a);
//on deplace les class désirées dans la div ayant la class clicpostbtn2
$(this).find('.profile-field.field_messages,.profile-field.field_r__00e9putation,.profile-field.field_localisation,.profile-field.field_emploi__002floisirs,.profile-field.field_rang,.profile-field.field_commentaires,.profile-field.field_sexe').appendTo(b);
});});
Bon courage et n'hésites pas a demander si tu as besoin .
- Esprit
-
Esprit Jeu 8 Avr 2021 - 15:29
Bonjour !! Merci infiniment pour cette réponse !
Pour l'instant tout a l'air de merveilleusement bien fonctionner ! Il y a cependant un petit hic... Je pense ne pas connaître assez bien la console de mon navigateur pour connaître les class données à chaque champs. Ou du moins, je pourrais peut être le connaître, mais je ne sais pas où chercher... J'ai tout de même essayé de rajouter des class dans le script par exemple pour que l'image "Montre toi" soit comme il faut dans mon onglet 1 j'ai essayé ceci
J'ai vite compris que ça n'allait pas être aussi simple puisque le résultat est toujours le même :
(onglet 1 -> image 1/ onglet 2 -> image 2)
J'ai essayé avec un champ texte
S'il y a un moyen de connaître les class je serais en tout cas ravie d'apprendre !
Merci encore, je suis déjà vraiment contente que certaines informations puissent être sur tel ou tel onglet !
Merci pour votre attention !
Pour l'instant tout a l'air de merveilleusement bien fonctionner ! Il y a cependant un petit hic... Je pense ne pas connaître assez bien la console de mon navigateur pour connaître les class données à chaque champs. Ou du moins, je pourrais peut être le connaître, mais je ne sais pas où chercher... J'ai tout de même essayé de rajouter des class dans le script par exemple pour que l'image "Montre toi" soit comme il faut dans mon onglet 1 j'ai essayé ceci
- Code:
.profile-field.field_montre-toi,
J'ai vite compris que ça n'allait pas être aussi simple puisque le résultat est toujours le même :
(onglet 1 -> image 1/ onglet 2 -> image 2)
- Spoiler:
![[PHPBB2] Profil en onglet Rr1l](https://www.zupimages.net/up/21/14/rr1l.png)
![[PHPBB2] Profil en onglet Q404](https://www.zupimages.net/up/21/14/q404.png)
J'ai essayé avec un champ texte
- Code:
.profile-field.field_humeur
S'il y a un moyen de connaître les class je serais en tout cas ravie d'apprendre !
Merci encore, je suis déjà vraiment contente que certaines informations puissent être sur tel ou tel onglet !
Merci pour votre attention !
Milouze14 aime ce message
- Milouze14Fondateur
-
Milouze14 Jeu 8 Avr 2021 - 16:24
Je suis avec mon iPhone et je ne peux rien faire actuellement,
est-ce que les profils des messages sont visibles par les invités ?
Une chose importante, il faut que les champs aient une nomination différente.
Ensuite il n’y a pas d’autres solution pour connaître les class chère amie que de passer par la console du navigateur ou alors créer une div avec ces dernières affichées !!
Je verrais tout cela ce soir.
est-ce que les profils des messages sont visibles par les invités ?
Une chose importante, il faut que les champs aient une nomination différente.
Ensuite il n’y a pas d’autres solution pour connaître les class chère amie que de passer par la console du navigateur ou alors créer une div avec ces dernières affichées !!
Je verrais tout cela ce soir.
Esprit aime ce message
- Esprit
-
Esprit Jeu 8 Avr 2021 - 17:11
Pas de souci, merci encore pour cette réponse !
Alors sur le véritable forum, je n'ai pas encore installé le nouveau template/html et script, (de peur de faire des bêtises je préfère toujours passer sur un forum test avant) cependant il est possible de voir tous les champs de profil en allant sur ce lien (le profil de draco étant complet) : https://reversalmaxima.forumactif.com/t39-draco-malfoy-sang-pur
Mais sinon, j'ai tout installé sur ce forum test :
https://forumtestreversal.forumactif.com/t3-la-presentation#4
Il n'y a juste pas tous les champs, mais si c'est un problème je peux tous les ajouter sans problème !
Alors sur le véritable forum, je n'ai pas encore installé le nouveau template/html et script, (de peur de faire des bêtises je préfère toujours passer sur un forum test avant) cependant il est possible de voir tous les champs de profil en allant sur ce lien (le profil de draco étant complet) : https://reversalmaxima.forumactif.com/t39-draco-malfoy-sang-pur
Mais sinon, j'ai tout installé sur ce forum test :
https://forumtestreversal.forumactif.com/t3-la-presentation#4
Il n'y a juste pas tous les champs, mais si c'est un problème je peux tous les ajouter sans problème !
Milouze14 aime ce message
- Milouze14Fondateur
-
Milouze14 Jeu 8 Avr 2021 - 18:35
De rien chère amie,
Comme mentionné plus haut, il est vraiment important de tout déposer dans les messages du-moins ce que tu souhaites et les champs doivent avoir au moins un contenu par défaut
.
je viens de te concocter un petit script qui va rechercher toutes les class du profil des messages.
Gardes le au chaud quelque fois que tu en ais besoin ultérieurement:
Une fois installé, retourne sur un message et regardes, tu devrais avoir une div de couleur noire avec toutes les class avec les ponctuations:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher Sur les sujets
Déposer ceci:
Penser a cliquer sur le bouton
Il n'y a juste pas tous les champs, mais si c'est un problème je peux tous les ajouter sans problème !
Comme mentionné plus haut, il est vraiment important de tout déposer dans les messages du-moins ce que tu souhaites et les champs doivent avoir au moins un contenu par défaut
.je viens de te concocter un petit script qui va rechercher toutes les class du profil des messages.
Gardes le au chaud quelque fois que tu en ais besoin ultérieurement:
Une fois installé, retourne sur un message et regardes, tu devrais avoir une div de couleur noire avec toutes les class avec les ponctuations:
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher Sur les sujets
Déposer ceci:
- Code:
$(function(){
$('body').append('<div class="M14_receptclass"style="background:black;padding: 20px;color:white!important;position:fixed;top:20%;left:20%;width: 60%;text-align: center;height: 70%;overflow-y: auto;"></div>');
$('div.post-clic:first').find('span.profile-field ').each(function(){
var w=$(this).attr('class');
$('.M14_receptclass').append('<cite>.profile-field.'+w+'</cite><br /><br />');
});});
Penser a cliquer sur le bouton
Esprit aime ce message
- Esprit
-
Esprit Jeu 8 Avr 2021 - 20:24
Merci merci merci ! Ce script est génial et risque de changer ma vie ! Merci beaucoup !
Je m'excuse d'avance pour mon côté blonde... Mais il reste un petit souci, je l'ai plus ou moins "réglé" mais je me suis vite rendue compte que ça n'allait pas me convenir...
En effet, toutes les class s'affichent dans le cadre noir.
Toutes sauf les images...
J'ai bien compris qu'il fallait que je réécrive chaque classe pour que ça donne ceci
Seulement voilà le problème avec les images, il n'y a pas de suite...
J'ai du coup réglé à moitié mon problème en lui disant que je recherchais pas forcément une class mais un peu tout ce qui peut correspondre. J'ai donc écrit ceci :
Elles se sont tout de suite bien intégrées au cadre, mais voilà mon hic, je voulais aussi des images sur le second onglet.. Et avec ce que j'ai écris ce n'est pas possible...
J'avoue j'ai essayé la petite technique
Mais ça n'a pas marché..
Voilà... voilà... S'il n'y a pas de solution ce n'est pas grave, je pense que je ferais avec seulement des images sur le premier onglet. Merci encore pour cette aide vraiment vraiment précieuse !
Edit :
En effet cette fonction ne va pas... même pas du tout ...
Quand j'essaye d'intégrer l'image dans mon cadre bleu de profil, il y a un certain élargissement entre information/more et mon cadre.
Ci dessous une image pour comparer sans et avec les images.
Je me suis dis avec un margin-top négatif ça devrait faire remonter le tout, sauf que...
Quand une personne n'a pas d'information sur son profil... Ben c'est sacrément moche...
Et j'ai juste une dernière question, après ça j'arrête promis !
Dans mon champs de profil "all about you" je souhaitais que les membres puissent mettre tout ce qu'il souhaitait dedans..
Notamment des gifs, des écrits un peu personnalisé en utilisant cette fonction (ce n'est qu'un exemple)
Mais absolument rien ne s'affiche... Même pas le texte...
Merci beaucoup pour l'aide apporté ! En tout cas tout est installé sur le vrai forum, tout fonctionne merveilleusement bien, mise à part les deux petits détails.. Merci encore !
Je m'excuse d'avance pour mon côté blonde... Mais il reste un petit souci, je l'ai plus ou moins "réglé" mais je me suis vite rendue compte que ça n'allait pas me convenir...
En effet, toutes les class s'affichent dans le cadre noir.
Toutes sauf les images...
- Code:
.profile-field.profile-field field_
J'ai bien compris qu'il fallait que je réécrive chaque classe pour que ça donne ceci
- Code:
.profile-field.field_
Seulement voilà le problème avec les images, il n'y a pas de suite...
J'ai du coup réglé à moitié mon problème en lui disant que je recherchais pas forcément une class mais un peu tout ce qui peut correspondre. J'ai donc écrit ceci :
- Code:
.profile-field > img
Elles se sont tout de suite bien intégrées au cadre, mais voilà mon hic, je voulais aussi des images sur le second onglet.. Et avec ce que j'ai écris ce n'est pas possible...
J'avoue j'ai essayé la petite technique
- Code:
.profile-field > img2
Mais ça n'a pas marché..
Voilà... voilà... S'il n'y a pas de solution ce n'est pas grave, je pense que je ferais avec seulement des images sur le premier onglet. Merci encore pour cette aide vraiment vraiment précieuse !
Edit :
En effet cette fonction ne va pas... même pas du tout ...
Quand j'essaye d'intégrer l'image dans mon cadre bleu de profil, il y a un certain élargissement entre information/more et mon cadre.
Ci dessous une image pour comparer sans et avec les images.
- Spoiler:
![[PHPBB2] Profil en onglet 58wx](https://www.zupimages.net/up/21/14/58wx.png)
![[PHPBB2] Profil en onglet Edy6](https://www.zupimages.net/up/21/14/edy6.png)
Je me suis dis avec un margin-top négatif ça devrait faire remonter le tout, sauf que...
Quand une personne n'a pas d'information sur son profil... Ben c'est sacrément moche...
- Spoiler:
![[PHPBB2] Profil en onglet K9z7](https://www.zupimages.net/up/21/14/k9z7.png)
Et j'ai juste une dernière question, après ça j'arrête promis !
Dans mon champs de profil "all about you" je souhaitais que les membres puissent mettre tout ce qu'il souhaitait dedans..
Notamment des gifs, des écrits un peu personnalisé en utilisant cette fonction (ce n'est qu'un exemple)
- Code:
[center][size=10]Le démon n'est jamais loin...[/size]
[img]https://www.zupimages.net/up/21/01/jojg.gif[/img][/center]
Mais absolument rien ne s'affiche... Même pas le texte...
Merci beaucoup pour l'aide apporté ! En tout cas tout est installé sur le vrai forum, tout fonctionne merveilleusement bien, mise à part les deux petits détails.. Merci encore !
- Milouze14Fondateur
-
Milouze14 Ven 9 Avr 2021 - 7:33
Coucou Oxana,
alors comme mentionné plus haut il faut que le champ soit renseigné:
Qu'il faut bien comprendre le fonctionnement du profil,
c'est à dire qu'il faut que le membre renseignes son profil et le valide ensuite tu auras la class nommée.
Donc il faudra une condition afin d'afficher le champs seulement si il est présent.
J'ai créé un champ avec une image et un autre avec une liste d image et une fois validée dans mon profil, je reçois bien les class sur le profil des messages dans la boite noire.
Champs nommé myalbum:
Champs nommé pictures:
C'est pas très important car on peut définir dans le script si cette class
est présente alors on la place dans la div clicpostbtn1 ou clicpostbtn2 .
Ensuite pour l'importation d'image, il faut bien te rendre compte que ajoute une image qui
dépasse amplement la largeur du profil des messages et s'ajoute en dessous
Pourquoi ne pas crééer un autre bouton et de surcroit une autre div pour importer toutes les images comme cette apparence:
Bon tout le design est moche mais c 'est un fofo de tests
.
![[PHPBB2] Profil en onglet 1282](https://i.servimg.com/u/f20/20/11/87/27/1282.png)
![[PHPBB2] Profil en onglet 2109](https://i.servimg.com/u/f20/20/11/87/27/2109.png)
Si le membre n'a pas renseigné alors on cache l onglet récemment créé:
![[PHPBB2] Profil en onglet 330](https://i.servimg.com/u/f20/20/11/87/27/330.png)
L'avantage est que l'on désactive la désignation (côté gauche ) et on centre tout afin de ne pas avoir de décalage.
Pour ta dernière demande,
comme tous nouveaux champs créés,il faut déjà supprimer tout ce qui est html car tu retrouveras les balises dans les messages car elles ne seront pas interprétées (Sécurité avant tout ) et ensuite reporter le style sur la class ajoutée.
J'ai créé un champs(Texte) nommé "Test" qui reçoit cette class une fois renseigné dans le profil du membre:
Puis la c.s.s:
Ensuite, il ne faut pas être trop gourmande sur l'apparence de ce champs sur les messages.
Il vaut mieux créer un champs texte et un autre pour les images.
L'espace étant restreint
alors comme mentionné plus haut il faut que le champ soit renseigné:
Qu'il faut bien comprendre le fonctionnement du profil,
c'est à dire qu'il faut que le membre renseignes son profil et le valide ensuite tu auras la class nommée.
Donc il faudra une condition afin d'afficher le champs seulement si il est présent.
J'ai créé un champ avec une image et un autre avec une liste d image et une fois validée dans mon profil, je reçois bien les class sur le profil des messages dans la boite noire.
Champs nommé myalbum:
- Code:
.profile-field.profile-field field_myalbum
Champs nommé pictures:
- Code:
.profile-field.profile-field field_pictures
C'est pas très important car on peut définir dans le script si cette class
est présente alors on la place dans la div clicpostbtn1 ou clicpostbtn2 .
Ensuite pour l'importation d'image, il faut bien te rendre compte que ajoute une image qui
dépasse amplement la largeur du profil des messages et s'ajoute en dessous
Pourquoi ne pas crééer un autre bouton et de surcroit une autre div pour importer toutes les images comme cette apparence:
Bon tout le design est moche mais c 'est un fofo de tests
.![[PHPBB2] Profil en onglet 1282](https://servimg.com/r/2020118727/1282.png)
![[PHPBB2] Profil en onglet 2109](https://servimg.com/r/2020118727/2109.png)
Si le membre n'a pas renseigné alors on cache l onglet récemment créé:
![[PHPBB2] Profil en onglet 330](https://servimg.com/r/2020118727/330.png)
L'avantage est que l'on désactive la désignation (côté gauche ) et on centre tout afin de ne pas avoir de décalage.
Pour ta dernière demande,
comme tous nouveaux champs créés,il faut déjà supprimer tout ce qui est html car tu retrouveras les balises dans les messages car elles ne seront pas interprétées (Sécurité avant tout ) et ensuite reporter le style sur la class ajoutée.
J'ai créé un champs(Texte) nommé "Test" qui reçoit cette class une fois renseigné dans le profil du membre:
- Code:
.profile-field.profile-field.field_test
Puis la c.s.s:
- Code:
.profile-field.profile-field.field_test{font-size:10px;}
Ensuite, il ne faut pas être trop gourmande sur l'apparence de ce champs sur les messages.
Il vaut mieux créer un champs texte et un autre pour les images.
L'espace étant restreint
Esprit aime ce message
- Esprit
-
Esprit Ven 9 Avr 2021 - 16:41
Bonjour Milouze !
Merci beaucoup pour cette aide vraiment précieuse !!!
En effet au lieu de créer un champ "Icone + Texte" je mettais simplement Icone. (pour ne pas avoir la phrase au dessus et du coup cette mise à la ligne de l'image) Mais je pense qu'il est possible de créer un petit CSS pour faire disparaitre le tout ^^
En tout cas pour moi c'est résolu !
Je vous remercie énormément pour votre aide !
Merci beaucoup pour cette aide vraiment précieuse !!!
En effet au lieu de créer un champ "Icone + Texte" je mettais simplement Icone. (pour ne pas avoir la phrase au dessus et du coup cette mise à la ligne de l'image) Mais je pense qu'il est possible de créer un petit CSS pour faire disparaitre le tout ^^
En tout cas pour moi c'est résolu !
Je vous remercie énormément pour votre aide !
Milouze14 aime ce message
Sujets similaires
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum