Perfil topicos

Item: Perfil topicos
Rating: 1

por vitorsali 10/01/17, 11:02 pm

Detalhes da questão

Endereço do fórum: http://camphalf-bloodbr.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Como fazer o perfil dos tópicos como esse forum http://whispersinthedark.foros-activos.es/t1638-pared-pintarrajeada-mt3#11420

por [S]herlock 12/01/17, 01:08 am

Boa noite,
Você fala de deixar o perfil do autor da mensagem no lado direito e aparecer os dados dele assim que passar o mouse por cima do mouse?

Abraços!

por vitorsali 12/01/17, 01:15 am

por vitorsali 12/01/17, 01:20 am

Isso

por [S]herlock 12/01/17, 01:46 am

Por favor, me envie o seu template viewtopic_body para que eu possa fazer as alterações necessárias

por vitorsali 12/01/17, 01:48 am

Código:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } _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> <h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </h1> <div class="pathname-box"> <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>  {NAV_CAT_DESC} </p> </div> <p class="right">  <span> <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>   <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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  </p> <div class="pagination"> {PAGE_NUMBER}  •  <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>   •  <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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> <div class="clear"></div>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> {POLL_DISPLAY}   <div class="post {postrow.hidden.ROW_COUNT}"> <div class="inner"> <span class="corners-top"><span></span></span> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> <div class="clear"></div> <span class="corners-bottom"><span></span></span> </div> </div>   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="inner"><span class="corners-top"><span></span></span> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postbody"> <div id="post-tite"> <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p> </div> <ul class="profile-icons"> <li>{postrow.displayed.THANK_IMG}</li> <li>{postrow.displayed.MULTIQUOTE_IMG}</li> <li>{postrow.displayed.QUOTE_IMG}</li> <li>{postrow.displayed.EDIT_IMG}</li> <li>{postrow.displayed.DELETE_IMG}</li> <li>{postrow.displayed.IP_IMG}</li> <li>{postrow.displayed.REPORT_IMG_NEW}</li> </ul> <div class="clearfix"></div>  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div style="display:none"></div> <div class="content clearfix"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments">  <dl class="file clearfix"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd>  <span><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}</span>   <span>{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}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>   <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>  <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl>  </dd> </dl>  </div>  <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div> <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <div id="perfil-cuerpo"> <div id="perfil-fijo"> <div id="perfil-nombre">{postrow.displayed.POSTER_NAME}</div> </div> <div id="perfil-avatar"><div id="perfil-img">{postrow.displayed.POSTER_AVATAR}</div> <div id="perfil-datos"> <div id="datos-info">  <div id="info-cont">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div> <div id="info-sep">{postrow.displayed.profile_field.SEPARATOR}</div>  </div> <div id="datos-contacto"> {postrow.displayed.contact_field.CONTENT}</div> <div id="perfil-rango">{postrow.displayed.RANK_IMAGE}</div> </div> </div> <div id="perfil-fijo">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}</div> </div> </div> <div class="clear"></div> <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p> <span class="corners-bottom"><span></span></span></div> </div>  <hr id="first-post-br" />    <a name="bottomtitle"></a>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> <div class="noprint">   <p class="right">{S_WATCH_TOPIC}</p>   </div>  <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <span class="corners-bottom"><span></span></span> </div> <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <div class="clear"></div> <div>  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </div> <span class="corners-bottom"><span></span></span> </div>   <div class="post row1" id="forum_rules"> <span class="corners-top"><span></span></span> <div class="h3"> {L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> <span class="corners-bottom"><span></span></span> </div>   <a name="quickreply"></a> {QUICK_REPLY_FORM}  <hr /> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p> </div> <div class="pagination"> {PAGE_NUMBER} </div> </div> <div class="clear"></div>  <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>   <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label>{L_MOD_TOOLS}: </label> {S_SELECT_MOD}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <div class="clear"></div> <p class="right">{S_TOPIC_ADMIN}</p>   <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST}   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

por [S]herlock 12/01/17, 01:52 am

Troque seu template por este:

Código:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } _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> <h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </h1> <div class="pathname-box"> <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>  {NAV_CAT_DESC} </p> </div> <p class="right">  <span> <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>   <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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  </p> <div class="pagination"> {PAGE_NUMBER}  •  <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>   •  <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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> <div class="clear"></div>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> {POLL_DISPLAY}   <div class="post {postrow.hidden.ROW_COUNT}"> <div class="inner"> <span class="corners-top"><span></span></span> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> <div class="clear"></div> <span class="corners-bottom"><span></span></span> </div> </div>   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="inner"><span class="corners-top"><span></span></span> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postbody"> <div id="post-tite"> <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p> </div> <ul class="profile-icons"> <li>{postrow.displayed.THANK_IMG}</li> <li>{postrow.displayed.MULTIQUOTE_IMG}</li> <li>{postrow.displayed.QUOTE_IMG}</li> <li>{postrow.displayed.EDIT_IMG}</li> <li>{postrow.displayed.DELETE_IMG}</li> <li>{postrow.displayed.IP_IMG}</li> <li>{postrow.displayed.REPORT_IMG_NEW}</li> </ul> <div class="clearfix"></div>  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div style="display:none"></div> <div class="content clearfix"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments">  <dl class="file clearfix"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd>  <span><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}</span>   <span>{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}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>   <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>  <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl>  </dd> </dl>  </div>  <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div> <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <div id="perfil-cuerpo"> <div id="perfil-avatar"> <div id="perfil-img">{postrow.displayed.POSTER_AVATAR}</div> <div id="perfil-datos"> <div id="perfil-fijo"> <div id="perfil-nombre">{postrow.displayed.POSTER_NAME}</div> </div> <div id="datos-info">  <div id="info-cont">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div> <div id="info-sep">{postrow.displayed.profile_field.SEPARATOR}</div>  </div> <div id="datos-contacto"> {postrow.displayed.contact_field.CONTENT}</div> <div id="perfil-rango">{postrow.displayed.RANK_IMAGE}</div> </div> </div> <div id="perfil-fijo">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}</div> </div> </div> <div class="clear"></div> <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p> <span class="corners-bottom"><span></span></span></div> </div>  <hr id="first-post-br" />    <a name="bottomtitle"></a>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> <div class="noprint">   <p class="right">{S_WATCH_TOPIC}</p>   </div>  <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <span class="corners-bottom"><span></span></span> </div> <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <div class="clear"></div> <div>  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </div> <span class="corners-bottom"><span></span></span> </div>   <div class="post row1" id="forum_rules"> <span class="corners-top"><span></span></span> <div class="h3"> {L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> <span class="corners-bottom"><span></span></span> </div>   <a name="quickreply"></a> {QUICK_REPLY_FORM}  <hr /> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p> </div> <div class="pagination"> {PAGE_NUMBER} </div> </div> <div class="clear"></div>  <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>   <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label>{L_MOD_TOOLS}: </label> {S_SELECT_MOD}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <div class="clear"></div> <p class="right">{S_TOPIC_ADMIN}</p>   <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST}   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

Adicione isto a sua folha de estilo css:

Código:: div#perfil-datos { position: absolute; margin-left: -100%; margin-top: -85%; } #perfil-avatar:hover #perfil-datos { margin-left: 2%; transition: 1s; }

por vitorsali 12/01/17, 02:03 am

Perfil meio Bugado

Tentar botar a cor do grupo em baixo como ali, e o botões de perfil e mp em baixo

Tentar botar um fundo quando vem as informações

por [S]herlock 12/01/17, 05:02 am

Troque o código css anterior por este:

Código:: #perfil-avatar:hover #perfil-datos { margin-left: 0%; transition: 1s; background: rgba(0, 0, 0, 0.74); width: 100%; height: 100%; top: 55%; } div#perfil-datos { margin-left: -100%; margin-top: -85%; position: absolute; } div#perfil-field { padding: 27px; margin-top: 40%; }

Troque o template por este:

Código:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } _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> <h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </h1> <div class="pathname-box"> <p itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <a class="nav" href="{U_INDEX}" itemprop="url"><span itemprop="title">{L_INDEX}</span></a>  {NAV_CAT_DESC} </p> </div> <p class="right">  <span> <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>   <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 = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  </p> <div class="pagination"> {PAGE_NUMBER}  •  <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>   •  <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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> <div class="clear"></div>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> {POLL_DISPLAY}   <div class="post {postrow.hidden.ROW_COUNT}"> <div class="inner"> <span class="corners-top"><span></span></span> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> <div class="clear"></div> <span class="corners-bottom"><span></span></span> </div> </div>   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="inner"><span class="corners-top"><span></span></span> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postbody"> <div id="post-tite"> <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p> </div> <ul class="profile-icons"> <li>{postrow.displayed.THANK_IMG}</li> <li>{postrow.displayed.MULTIQUOTE_IMG}</li> <li>{postrow.displayed.QUOTE_IMG}</li> <li>{postrow.displayed.EDIT_IMG}</li> <li>{postrow.displayed.DELETE_IMG}</li> <li>{postrow.displayed.IP_IMG}</li> <li>{postrow.displayed.REPORT_IMG_NEW}</li> </ul> <div class="clearfix"></div>  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div style="display:none"></div> <div class="content clearfix"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments">  <dl class="file clearfix"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd>  <span><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}</span>   <span>{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}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>   <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>  <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl>  </dd> </dl>  </div>  <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div> <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <div id="perfil-cuerpo"> <div id="perfil-avatar"> <div id="perfil-img">{postrow.displayed.POSTER_AVATAR}</div> <div id="perfil-datos"> <div id="perfil-field"> <div id="perfil-fijo"> <div id="perfil-nombre">{postrow.displayed.POSTER_NAME}</div> </div> <div id="datos-info">  <div id="info-cont">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div> <div id="info-sep">{postrow.displayed.profile_field.SEPARATOR}</div>  </div> <div id="datos-contacto"> {postrow.displayed.contact_field.CONTENT}</div> <div id="perfil-rango">{postrow.displayed.RANK_IMAGE}</div> </div> </div> </div> <div id="perfil-fijo">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}</div> </div> </div> <div class="clear"></div> <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p> <span class="corners-bottom"><span></span></span></div> </div>  <hr id="first-post-br" />    <a name="bottomtitle"></a>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> <div class="noprint">   <p class="right">{S_WATCH_TOPIC}</p>   </div>  <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <span class="corners-bottom"><span></span></span> </div> <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <div class="clear"></div> <div>  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </div> <span class="corners-bottom"><span></span></span> </div>   <div class="post row1" id="forum_rules"> <span class="corners-top"><span></span></span> <div class="h3"> {L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> <span class="corners-bottom"><span></span></span> </div>   <a name="quickreply"></a> {QUICK_REPLY_FORM}  <hr /> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p> </div> <div class="pagination"> {PAGE_NUMBER} </div> </div> <div class="clear"></div>  <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>   <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label>{L_MOD_TOOLS}: </label> {S_SELECT_MOD}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <div class="clear"></div> <p class="right">{S_TOPIC_ADMIN}</p>   <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST}   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

por vitorsali 12/01/17, 10:30 pm

Melhorou mais ainda tenho algumas coisas para ajeitar

1-

Trazes as informações mais para cima

2-

Tirar a cor do nome e deixar em linck e botar rank a baixo

3- https://i.servimg.com/u/f37/19/31/29/19/captur17.png

tirar esse espaço que tem e os :

4-

Botar cor do grupo que o membro estiver nele

5-

tentar organizar assim as informações com e espaçamento e botar o link a baixo de conectado e desconectado, tirar do meu o escrito pp e frase

por Harleen 13/01/17, 04:45 am

Boa Noite, crie campos de perfil, e deixe-os nessa ordem
Perfil topicos 7a85595be3d24490af70f06ccc5af9b6

Adicione esses códigos em sua CSS

Código:: span.label { display: none; } #info-cont:nth-child(3)::after { content: "mensagens"; display: block; font-size: 7px; line-height: 10px; } #info-cont:nth-child(3) { margin-bottom: 5px; } #info-cont:nth-child(5)::after { content: "privilegios"; display: block; font-size: 7px; line-height: 10px; }

Resultado

Perfil topicos Ea8023fba72145ca9844ce6892c222c9

Quando essas partes, ainda estou tentando ajeitá-las...
Perfil topicos 959f717579844699a583e9e0a14d7bd3

Até mais

por vitorsali 13/01/17, 10:28 pm

Bugou tudo Css que uso para ali

Código:: /* P E R F I L E S */ span.label { display: none; } #info-cont:nth-child(3)::after { content: "mensagens"; display: block; font-size: 7px; line-height: 10px; } #info-cont:nth-child(3) { margin-bottom: 5px; } #info-cont:nth-child(5)::after { content: "privilegios"; display: block; font-size: 7px; line-height: 10px; } #info-cont:nth-child(1){ float: left; margin-right: 5px; overflow: hidden; width: 90px; } #info-cont:nth-child(1) img { height: 90px; } #info-cont:nth-child(3) { margin-bottom: -3px; } #info-cont:nth-child(3), #info-cont:nth-child(5){ background: #1b1b1b; color: #8e8e8e; font-family: poppins; font-size: 12px; font-style: normal; font-weight: 200; height: 30px; letter-spacing: 1px; margin-left: 95px; padding: 5px; text-align: center; width: 75px; } #info-cont:nth-child(7){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } #info-cont:nth-child(9){ background: #eee; border: 5px solid #eee; color: #333; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; height: 50px; letter-spacing: 1px; line-height: 10px; overflow: hidden; text-align: justify; text-transform: uppercase; } #datos-info{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-nombre{ color: #8e8e8e; font-family: poppins; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-left: -10px; margin-top: -70px; position: absolute; text-align: center; text-shadow: 0 0 #000; text-transform: uppercase; width: 200px; } #perfil-nombre:nth-child(1)::before { content: "— "; } #perfil-nombre:nth-child(1)::after { content: " —"; } .postprofile { border: 1px solid #aaa; height: 450px; margin: 0; overflow: hidden; padding: 2px; width: 250px; } #perfil-info { moz-transition: 1.2s ease-in-out; -webkit-transition: 1.2s ease-in-out; height: 265px; margin-left: -300px; margin-top: -350px; padding: 55px 30px 30px; position: absolute; transition: 1.2s ease-in-out; width: 200px; z-index: 1; } #perfil-rango, .perfil-estado{ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: right; text-shadow: none; text-transform: uppercase; } #perfil-estado { text-align: left; } #perfil-campos{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-avatar:hover #perfil-datos { margin-left: 0%; transition: 1s; background: rgba(0, 0, 0, 0.74); width: 100%; height: 89%; top: 47%; } div#perfil-datos { margin-left: -100%; margin-top: -85%; position: absolute; } div#perfil-field { padding: 27px; margin-top: 25%; } #perfil-fijo { height: 40px; padding: 5px; position: absolute; text-align: left; width: 250px; } #perfil-fijo img{ border-radius: 50%; display: inline-block; height: 20px; opacity: .7; padding: 5px; text-align: center; width: 20px; margin: 5px 2px; } #perfil-fondo { background: #1b1b1b; height: 50px; overflow: hidden; width: 260px; }

por vitorsali 13/01/17, 10:56 pm

Editei o código ali em cima

Editando Consegui arrumar

por Harleen 13/01/17, 11:29 pm

Olá, eu consegui também, porém ainda não consegui arrumar o rank
http://prntscr.com/dvb9xn

Para adicionar o status de online/offline, primeiro remova o ícone de online dos tópicos e depois crie um novo campo de perfil com essas configurações
http://prntscr.com/dvbb9x

Ficando assim
http://prntscr.com/dvbcih

No conteúdo padrão adicione esse código

Código:: [table id="is_on" class="user_status"][tr][td]Personagem Conectado[/td][/tr][/table] [table id="is_off" class="user_status"][tr][td]Personagem Desconectado[/td][/tr][/table]

e esse código CSS

Código:: .user_status { vertical-align:top; border-spacing:0; display:inline; } #is_on.user_status { color:green; } /*Edita como se verá el código cuando esta online*/ #is_off.user_status { color:red; } /*Edita como se verá el código cuando esta offline*/ .post #is_on.user_status { display:none; } .post.online #is_off.user_status{ display:none; } .post.online #is_on.user_status { display:inline; }

Até mais

Editado....

Esqueci de mencionar, depois que o campo estiver configurado, clique em Substituir Conteúdo

por vitorsali 13/01/17, 11:52 pm

Adicionei porem tenho que trazer ela um pouco mais para baixo como proceder

Sobre o Ranks tive a perceber :

1-

o RANK seria como os outros, um simples campo

2 - O verdadeiro rank se localiza aqui

Pois ele utiliza imagens

http://i.imgbox.com/lCnHFmME.png
http://i.imgbox.com/JGSk3bda.png

então ele estaria aqui no meu

por Harleen 14/01/17, 12:03 am

Sim é esse campo do rank que está me deixando careca Irritado

Libere os campos para convidados, para que eu possa ver o que ocorre.

Quanto a imagem do rank, adicione uma dessas para testes e troque o viewtopic_body por esse

Código:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } }); var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script> <h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </h1> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>  {NAV_CAT_DESC} </p> </div> <p class="right">  <span> <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>   <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> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  </p> <div class="pagination"> {PAGE_NUMBER}  •  <a class="addthis_button" href="#">{L_SHARE}</a>   •  <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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> <div class="clear"></div> </div>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> {POLL_DISPLAY}   <div class="post {postrow.hidden.ROW_COUNT}"> <div class="inner"> <span class="corners-top"><span></span></span> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> <div class="clear"></div> <span class="corners-bottom"><span></span></span> </div> </div>   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="inner"><span class="corners-top"><span></span></span> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postbody"> <ul class="profile-icons"> <li>{postrow.displayed.THANK_IMG}</li> <li>{postrow.displayed.MULTIQUOTE_IMG}</li> <li>{postrow.displayed.QUOTE_IMG}</li> <li>{postrow.displayed.EDIT_IMG}</li> <li>{postrow.displayed.DELETE_IMG}</li> <li>{postrow.displayed.IP_IMG}</li> <li>{postrow.displayed.REPORT_IMG_NEW}</li> </ul> <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p> <div class="clearfix"></div>  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div style="display:none"></div> <div class="content clearfix"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments">  <dl class="file clearfix"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd>  <span><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}</span>   <span>{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}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>   <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>  <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl>  </dd> </dl>  </div> {postrow.displayed.EDITED_MESSAGE}  <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div> <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <div id="perfil-cuerpo"> <div id="perfil-avatar"> <div id="perfil-img">{postrow.displayed.POSTER_AVATAR}</div> <div id="perfil-datos"> <div id="perfil-field"> <div id="perfil-fijo"> <div id="perfil-nombre">{postrow.displayed.POSTER_NAME}</div> </div> <div id="datos-info">  <div id="info-cont">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div> <div id="info-sep">{postrow.displayed.profile_field.SEPARATOR}</div>  </div> <div id="datos-contacto"> {postrow.displayed.contact_field.CONTENT}</div> </div> </div> <div id="perfil-rango">{postrow.displayed.RANK_IMAGE}</div> </div> <div id="perfil-fijo">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG}</div> </div> </div> <div class="clear"></div> <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p> <span class="corners-bottom"><span></span></span></div> </div>  <hr id="first-post-br" />    <a name="bottomtitle"></a>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> <div class="noprint">   <p class="right">{S_WATCH_TOPIC}</p>   </div>  <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <span class="corners-bottom"><span></span></span> </div> <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <div class="clear"></div> <div>  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </div> <span class="corners-bottom"><span></span></span> </div>   <div class="post row1" id="forum_rules"> <span class="corners-top"><span></span></span> <div class="h3"> {L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> <span class="corners-bottom"><span></span></span> </div>   <a name="quickreply"></a> {QUICK_REPLY_FORM}  <hr /> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p> </div> <div class="pagination"> {PAGE_NUMBER} </div> </div> <div class="clear"></div> <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>  <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label>{L_MOD_TOOLS}: </label> {S_SELECT_MOD}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <div class="clear"></div> <p class="right">{S_TOPIC_ADMIN}</p>   <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST}   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

Até mais

por vitorsali 14/01/17, 12:08 am

Fiz o que mandou e deu uma bugada loca

por Harleen 14/01/17, 01:11 am

Olá, no campo da frase escolha o separador Quebra de linha, faça um backup dos códigos se quiser, depois troque o viewtopic por esse

Código:: <script type="text/javascript"> //<![CDATA[ var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" }; $(function(){ if(typeof(_atc) == "undefined") { _atc = { }; } }); var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' }; showHiddenMessage = function(id) { try { var regId = parseInt(id, 10); if( isNaN(regId) ) { regId = 0; } if( regId > 0) { $('.post--' + id).toggle(0, function() { if( $(this).is(":visible") ) { $('#hidden-title--' + id).html(hiddenMsgLabel.visible); } else { $('#hidden-title--' + id).html(hiddenMsgLabel.hidden); } }); } } catch(e) { } return false; }; //]]> </script> <h1 class="page-title"> <a href="{TOPIC_URL}">{TOPIC_TITLE}</a> </h1> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p> <a class="nav" href="{U_INDEX}"><span>{L_INDEX}</span></a>  {NAV_CAT_DESC} </p> </div> <p class="right">  <span> <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>   <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> <span class="fb-like" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false"></span>  </p> <div class="pagination"> {PAGE_NUMBER}  •  <a class="addthis_button" href="#">{L_SHARE}</a>   •  <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_new('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES}); //]]> </script>  </div> <div class="clear"></div> </div>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> {POLL_DISPLAY}   <div class="post {postrow.hidden.ROW_COUNT}"> <div class="inner"> <span class="corners-top"><span></span></span> <p style="text-align:center">{postrow.hidden.MESSAGE}</p> <div class="clear"></div> <span class="corners-bottom"><span></span></span> </div> </div>   <div id="p{postrow.displayed.U_POST_ID}" class="post {postrow.displayed.ROW_COUNT}{postrow.displayed.ONLINE_IMG_NEW} post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}"> <div class="inner"><span class="corners-top"><span></span></span> <div style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></div> <div class="postbody"> <ul class="profile-icons"> <li>{postrow.displayed.THANK_IMG}</li> <li>{postrow.displayed.MULTIQUOTE_IMG}</li> <li>{postrow.displayed.QUOTE_IMG}</li> <li>{postrow.displayed.EDIT_IMG}</li> <li>{postrow.displayed.DELETE_IMG}</li> <li>{postrow.displayed.IP_IMG}</li> <li>{postrow.displayed.REPORT_IMG_NEW}</li> </ul> <h2 class="topic-title">{postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a></h2> <p class="author"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" /> {L_TOPIC_BY} {postrow.displayed.POSTER_NAME} {postrow.displayed.POST_DATE_NEW}</p> <div class="clearfix"></div>  <div class="vote gensmall">  <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>   <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>  </div>   <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>   <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>  </div>  <div style="display:none"></div> <div class="content clearfix"> <div>{postrow.displayed.MESSAGE}</div>  <dl class="attachbox"> <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt> <dd class="attachments">  <dl class="file clearfix"> <dt> <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" alt=""/> </dt> <dd>  <span><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}</span>   <span>{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}</span>   <span>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</span>   <span><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></span>  <span>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</span> </dd> </dl>  </dd> </dl>  </div> {postrow.displayed.EDITED_MESSAGE}  <div class="signature_div" id="sig{postrow.displayed.U_POST_ID}">{postrow.displayed.SIGNATURE_NEW}</div>  </div> <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">  <div id="perfil-cuerpo"> <div id="perfil-avatar"> <div id="perfil-img">{postrow.displayed.POSTER_AVATAR}</div> <div id="perfil-datos"> <div id="perfil-field"> <div id="perfil-nombre">{postrow.displayed.POSTER_NAME}</div> <div id="datos-info">  <div id="info-cont">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div> <div id="info-sep">{postrow.displayed.profile_field.SEPARATOR}</div>  </div> </div> </div> <div id="perfil-rango">{postrow.displayed.RANK_IMAGE}</div> </div> <div id="datos-contacto">{postrow.displayed.PROFILE_IMG}{postrow.displayed.PM_IMG}{postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT}</div> </div> </div> <div class="clear"></div> <p class="right"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></p> <span class="corners-bottom"><span></span></span></div> </div>  <hr id="first-post-br" />    <a name="bottomtitle"></a>  <p class="pagination">{PAGINATION}</p>  <p class="left-box"><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></p> <div class="clear"></div> <div class="noprint">   <p class="right">{S_WATCH_TOPIC}</p>   </div>  <div class="post row2" id="ptrafic_close" style="display:none;font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <span class="corners-bottom"><span></span></span> </div> <div class="post row2" id="ptrafic_open" style="display:'';font-size:1.3em;line-height:1.4em"> <span class="corners-top"><span></span></span> <span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></span> <span class="ptrafic"> {PROMOT_TRAFIC_TITLE}</span> <div class="clear"></div> <div>  » <a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}" rel="nofollow">{promot_trafic.link.TITLE}</a><br />  </div> <span class="corners-bottom"><span></span></span> </div>   <div class="post row1" id="forum_rules"> <span class="corners-top"><span></span></span> <div class="h3"> {L_FORUM_RULES}</div> <div class="clear"></div> <table class="postbody"> <tr>  <td class="logo"> <img src="{RULE_IMG_URL}" alt="" /> </td>  <td class="rules content"> {RULE_MSG} </td> </tr> </table> <span class="corners-bottom"><span></span></span> </div>   <a name="quickreply"></a> {QUICK_REPLY_FORM}  <hr /> <div class="topic-actions"> <div class="buttons">  <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>  </div> <div class="pathname-box"> <p><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</p> </div> <div class="pagination"> {PAGE_NUMBER} </div> </div> <div class="clear"></div> <form action="{S_JUMPBOX_ACTION}" method="get" onsubmit="if(document.jumpbox.f.value == -1){return false;}"> <fieldset class="jumpbox"> <label>{L_JUMP_TO}: </label> {S_JUMPBOX_SELECT}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form>  <form method="get" action="{S_FORM_MOD_ACTION}"> <fieldset class="quickmod"> <input type="hidden" name="t" value="{TOPIC_ID}" />  <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" /> <label>{L_MOD_TOOLS}: </label> {S_SELECT_MOD}  <input class="button2" type="submit" value="{L_GO}" /> </fieldset> </form> <div class="clear"></div> <p class="right">{S_TOPIC_ADMIN}</p>   <div class="h3">{L_TABS_PERMISSIONS}</div> {S_AUTH_LIST}   <script type="text/javascript"> //<![CDATA[ $(resize_images({ 'selector' : '.postbody .content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} })); //]]> </script>  <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" type="text/javascript"></script>

e troque o CSS por esse

Código:: @import url('https://fonts.googleapis.com/css?family=Poppins'); /* P E R F I L E S */ span.label { display: none; } #info-cont:nth-child(3)::after { content: "mensagens"; display: block; font-size: 7px; line-height: 10px; } #info-cont:nth-child(3) { margin-bottom: 5px; } #info-cont:nth-child(5)::after { content: "privilegios"; display: block; font-size: 7px; line-height: 10px; } #info-cont:nth-child(1){ float: left; margin-right: 5px; overflow: hidden; width: 90px; } #info-cont:nth-child(1) img { height: 90px; } #info-cont:nth-child(3), #info-cont:nth-child(5){ background: #1b1b1b; color: #8e8e8e; font-family: poppins; font-size: 12px; font-style: normal; font-weight: 200; height: 30px; letter-spacing: 1px; margin-left: 95px; padding: 5px; text-align: center; width: 75px; } #info-cont:nth-child(7){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } #info-cont:nth-child(9){ background: #eee; border: 5px solid #eee; color: #333; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; height: 40px; letter-spacing: 1px; line-height: 10px; overflow: hidden; text-align: justify; text-transform: uppercase; } #datos-info{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-nombre{ color: #8e8e8e; font-family: poppins; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-left: -10px; margin-top: -70px; position: absolute; text-align: center; text-shadow: 0 0 #000; text-transform: uppercase; width: 200px; } #perfil-nombre:nth-child(1)::before { content: "— "; } #perfil-nombre:nth-child(1)::after { content: " —"; } .postprofile { border: 1px solid #aaa; height: 390px; margin: 0; overflow: hidden; padding: 2px; width: 250px; } #perfil-info { moz-transition: 1.2s ease-in-out; -webkit-transition: 1.2s ease-in-out; height: 265px; margin-left: -300px; margin-top: -350px; padding: 55px 30px 30px; position: absolute; transition: 1.2s ease-in-out; width: 200px; z-index: 1; } #perfil-rango, .perfil-estado{ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 0 !important; text-align: right; text-shadow: none; text-transform: uppercase; } #perfil-estado { text-align: left; } #perfil-campos{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-avatar:hover #perfil-datos { margin-left: 0%; transition: 1s; background: rgba(0, 0, 0, 0.74); width: 100%; height: 89%; top: 55%; } div#perfil-datos { margin-left: -100%; margin-top: -85%; position: absolute; } div#perfil-field { padding: 27px; margin-top: 25%; } #datos-contacto { height: 40px; margin-top: -80px; padding: 5px; position: absolute; text-align: left; width: 250px; } #datos-contacto img { border-radius: 50%; display: inline-block; height: 20px; margin: 5px 2px; opacity: 0.7; padding: 5px; text-align: center; width: 20px; } #perfil-fijo { height: 40px; padding: 5px; position: absolute; text-align: left; width: 250px; } #perfil-fijo img { border-radius: 50%; display: inline-block; height: 20px; opacity: .7; padding: 5px; text-align: center; width: 20px; margin: 5px 2px; } #perfil-fondo { background: #1b1b1b; height: 50px; overflow: hidden; width: 260px; } .user_status { vertical-align:top; border-spacing:0px; display:inline; } #is_on.user_status { color:green; } /*Edita como se verá el código cuando esta online*/ #is_off.user_status { color:red; } /*Edita como se verá el código cuando esta offline*/ .post #is_on.user_status { display:none; } .post.online #is_off.user_status{ display:none; } .post.online #is_on.user_status { display:inline; }

Deverá ficar assim http://prntscr.com/dvcmso

Até

por vitorsali 14/01/17, 01:16 am

Código:: /* P E R F I L E S */ .user_status { vertical-align:top; border-spacing:0; display:inline; } #is_on.user_status { color:green; } #is_off.user_status { color:red; } .post #is_on.user_status { display:none; } .post.online #is_off.user_status{ display:none; } .post.online #is_on.user_status { display:inline; } span.label { display: none; } #info-cont:nth-child(3)::after { content: "mensagens"; display: block; font-size: 10px; line-height: 10px; font-family: poppins; text-transform: uppercase; } #info-cont:nth-child(5)::after { content: "privilegios"; display: block; font-size: 10px; line-height: 10px; font-family: poppins; text-transform: uppercase; } #info-cont:nth-child(1){ float: left; height: 85px; margin-right: 5px; overflow: hidden; width: 90px; } #info-cont:nth-child(1) img { height: 90px; } #info-sep:nth-child(2) { margin-bottom: -13px; } #info-sep:nth-child(6) { margin-bottom: -13px; } #info-sep:nth-child(8) { margin-bottom: -13px; } #info-cont:nth-child(3) { margin-bottom: -8px; } #info-cont:nth-child(3), #info-cont:nth-child(5){ background: #1b1b1b; color: #8e8e8e; font-family: poppins; font-size: 12px; font-style: normal; font-weight: 200; height: 30px; letter-spacing: 1px; margin-left: 95px; padding: 5px; text-align: center; width: 75px; } #info-cont:nth-child(7){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } #info-cont:nth-child(9){ background: #eee; border: 5px solid #eee; color: #333; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 200; height: 50px; letter-spacing: 1px; line-height: 10px; overflow: hidden; text-align: justify; text-transform: uppercase; } #info-cont:nth-child(11){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: center; text-shadow: none; text-transform: uppercase; width: 181px; margin-top: 10px; margin-left: -10px; } #datos-info{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-nombre{ color: #8e8e8e; font-family: poppins; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-left: -10px; margin-top: -70px; position: absolute; text-align: center; text-shadow: 0 0 #000; text-transform: uppercase; width: 200px; } #perfil-nombre:nth-child(1)::before { content: "— "; } #perfil-nombre:nth-child(1)::after { content: " —"; } .postprofile { border: 1px solid #aaa; height: 450px; margin: 0; overflow: hidden; padding: 2px; width: 250px; } #perfil-info { moz-transition: 1.2s ease-in-out; -webkit-transition: 1.2s ease-in-out; height: 265px; margin-left: -300px; margin-top: -350px; padding: 55px 30px 30px; position: absolute; transition: 1.2s ease-in-out; width: 200px; z-index: 1; } #perfil-rango{ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: right; text-shadow: none; text-transform: uppercase; width: 181px; } #perfil-estado { text-align: left; } #perfil-campos{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-avatar:hover #perfil-datos { margin-left: 0%; transition: 1s; background: rgba(0, 0, 0, 0.74); width: 98%; height: 88%; top: 48%; } div#perfil-datos { margin-left: -100%; margin-top: -85%; position: absolute; } div#perfil-field { padding: 27px; margin-top: 25%; } #perfil-fijo { height: 40px; padding: 5px; position: absolute; text-align: left; width: 250px; } #perfil-fijo img{ border-radius: 50%; display: inline-block; height: 20px; opacity: .7; padding: 5px; text-align: center; width: 20px; margin: 5px 2px; } #perfil-fondo { background: #1b1b1b; height: 50px; overflow: hidden; width: 260px; }

Esse e o novo css meu, quando tive que fazer mudanças, com esse que vc me passou de muitos problemas, caso puder edite esse para ver se resulta algo

por vitorsali 14/01/17, 01:29 am

Consegui botar o rank ali em cima e escrita e ajeitar o conectado

Falta agora so arrumar o a imagem do rank ali em baixo

Segue CSS

Código:: /* P E R F I L E S */ .user_status { vertical-align:top; border-spacing:0; display:inline; } #is_on.user_status { color:green; } #is_off.user_status { color:red; } .post #is_on.user_status { display:none; } .post.online #is_off.user_status{ display:none; } .post.online #is_on.user_status { display:inline; } span.label { display: none; } #info-cont:nth-child(3)::after { content: "mensagens"; display: block; font-size: 10px; line-height: 10px; font-family: poppins; text-transform: uppercase; } #info-cont:nth-child(5)::after { content: "privilegios"; display: block; font-size: 10px; line-height: 10px; font-family: poppins; text-transform: uppercase; } #info-cont:nth-child(1){ float: left; height: 85px; margin-right: 5px; overflow: hidden; width: 90px; } #info-cont:nth-child(1) img { height: 90px; } #info-sep:nth-child(2) { margin-bottom: -13px; } #info-sep:nth-child(6) { margin-bottom: -13px; } #info-sep:nth-child(8) { margin-bottom: -13px; } #info-cont:nth-child(3) { margin-bottom: -8px; } #info-cont:nth-child(3), #info-cont:nth-child(5){ background: #1b1b1b; color: #8e8e8e; font-family: poppins; font-size: 12px; font-style: normal; font-weight: 200; height: 30px; letter-spacing: 1px; margin-left: 95px; padding: 5px; text-align: center; width: 75px; } #info-cont:nth-child(7){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; text-align: center; text-transform: uppercase; } #info-cont:nth-child(9){ background: #eee; border: 5px solid #eee; color: #333; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 200; height: 50px; letter-spacing: 1px; line-height: 10px; overflow: hidden; text-align: justify; text-transform: uppercase; } #info-cont:nth-child(11){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: right; text-shadow: none; text-transform: uppercase; width: 181px; margin-left: -10px; } #info-cont:nth-child(13){ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 10px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: center; text-shadow: none; text-transform: uppercase; width: 181px; margin-left: -10px; margin-top: -278px; } #datos-info{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-nombre{ color: #8e8e8e; font-family: poppins; font-size: 15px; font-style: normal; font-weight: 400; letter-spacing: 1px; line-height: 30px; margin-left: -10px; margin-top: -70px; position: absolute; text-align: center; text-shadow: 0 0 #000; text-transform: uppercase; width: 200px; } #perfil-nombre:nth-child(1)::before { content: "— "; } #perfil-nombre:nth-child(1)::after { content: " —"; } .postprofile { border: 1px solid #aaa; height: 450px; margin: 0; overflow: hidden; padding: 2px; width: 250px; } #perfil-info { moz-transition: 1.2s ease-in-out; -webkit-transition: 1.2s ease-in-out; height: 265px; margin-left: -300px; margin-top: -350px; padding: 55px 30px 30px; position: absolute; transition: 1.2s ease-in-out; width: 200px; z-index: 1; } #perfil-rango{ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: right; text-shadow: none; text-transform: uppercase; width: 181px; } #perfil-estado { text-align: left; } #perfil-campos{ background: #ddd; height: 185px; padding: 10px; width: 180px; } #perfil-avatar:hover #perfil-datos { margin-left: 0%; transition: 1s; background: rgba(0, 0, 0, 0.74); width: 98%; height: 88%; top: 48%; } div#perfil-datos { margin-left: -100%; margin-top: -85%; position: absolute; } div#perfil-field { padding: 27px; margin-top: 25%; } #perfil-fijo { height: 40px; padding: 5px; position: absolute; text-align: left; width: 250px; } #perfil-fijo img{ border-radius: 50%; display: inline-block; height: 20px; opacity: .7; padding: 5px; text-align: center; width: 20px; margin: 5px 2px; } #perfil-fondo { background: #1b1b1b; height: 50px; overflow: hidden; width: 260px; }

por Harleen 14/01/17, 01:36 am

Nessa parte do código

Código:: #perfil-rango{ background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 10px; text-align: right; text-shadow: none; text-transform: uppercase; width: 181px; }

altere para esse

Código:: #perfil-rango { background: #1b1b1b; color: #8e8e8e; display: block; font-family: poppins; font-size: 8px; font-style: normal; font-weight: 200; letter-spacing: 1px; line-height: 12px; padding: 0 !important; text-align: right; text-shadow: none; text-transform: uppercase; }

Resultado

Perfil topicos 61bb68ce501c4d7e9e29c3bd5510e484

Até mais

por vitorsali 14/01/17, 01:38 am

Como fazer para ir por trás dos botões do perfil e mp

por vitorsali 14/01/17, 02:12 am

Consegui resolvi

Uma ultima coisa

Quando vou clicar no botões do perfil e da mp, eles não funcionam quando o mouse eta em cima da imagem so quando ele ta mais para baixo como arrumar isso

Mais ou menos onde a flecha aponta tenho que clicar, isso e pessimo

por vitorsali 14/01/17, 06:59 pm

Uma ultima questão como remover a cor do usurários no perfil deixando todos com a mesma cor
no perfil

por Luiz 14/01/17, 07:06 pm

Olá.

Lembre-se: Mensagens duplas antes de 24 horas da última postagem não são permitidas.
Aconselho a leitura:
-> https://ajuda.forumeiros.com/t99571-regulamento-do-setor-de-suporte

---

Quanto à sua questão:

Para fazer isso, acesse, através de seu painel de controle:
Usuários & Grupos -> Usuários -> Opções dos usuários.
Procure pela opção: "Colorir o nome dos usuários", e marque não.

---

Edit:

Quanto à sua dúvida desta mensagem:

Adicione ao topo de sua Folha de Estilo CSS o código:

Código:: #perfil-fijo img {margin-bottom: -20px!important}

Salve e pronto! Feliz

por vitorsali 14/01/17, 07:09 pm

Desculpa foi mal - E obrigado funcionou em caso possa me ajudar com os botões, para clicar nele tenho que clicar a baixo da imagem, isso complica

por Luiz 14/01/17, 07:12 pm

Eu editei a mensagem acima, confira!

Até mais. Feliz

por vitorsali 14/01/17, 07:14 pm

Muito obrigado resultou

EDIT

SOU MUITO GRATO AOS 3

EDIT2

Uma questão tem como remover a cor do nome dos Usuários no no perfil dos tópicos, não removendo ela nas outras parte como no chat

EDIT3
Marquei sen querê o botão resolvido

por Harleen 14/01/17, 09:06 pm

Olá isso também é um campo de perfil (creio eu), pois se perceber os nomes no tópico
http://prntscr.com/dvmglz

O que se pode fazer sem mexer em time que tá ganhando Rindo

rs, é adicionar esse CSS

Código:: .postprofile, #perfil-nombre strong { color: grey!important; }

Troque o grey pela cor que desejar
Resultado
Perfil topicos Db3b23db1cdb4fad8518885eb8971924

Até mais

por vitorsali 14/01/17, 09:10 pm

Resultou muito obrigado, erra isso que queria mudar so a cor ali,
Fico grato, agora posso dizer que esta finalizado

por Kyo Panda 14/01/17, 09:14 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Perfil topicos

Perfil topicos

Detalhes da questão

Descrição

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos

Re: Perfil topicos