Perfil topicos

Item: Perfil topicos
Rating: 1

por vitorsali Ter 10 Jan 2017 - 16:02

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 Qua 11 Jan 2017 - 18:08

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 Qua 11 Jan 2017 - 18:15

por vitorsali Qua 11 Jan 2017 - 18:20

Isso

por [S]herlock Qua 11 Jan 2017 - 18:46

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

por vitorsali Qua 11 Jan 2017 - 18:48

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 Qua 11 Jan 2017 - 18:52

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 Qua 11 Jan 2017 - 19:03

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 Qua 11 Jan 2017 - 22:02

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 Qui 12 Jan 2017 - 15:30

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 Qui 12 Jan 2017 - 21:45

Boa Noite, crie campos de perfil, e deixe-os nessa ordem
Perfil u38996 - 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 u38996 - Perfil topicos Ea8023fba72145ca9844ce6892c222c9

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

Até mais

por vitorsali Sex 13 Jan 2017 - 15:28

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 Sex 13 Jan 2017 - 15:56

Editei o código ali em cima

Editando Consegui arrumar

por Harleen Sex 13 Jan 2017 - 16:29

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 Sex 13 Jan 2017 - 16:52

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 Sex 13 Jan 2017 - 17:03

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 Sex 13 Jan 2017 - 17:08

Fiz o que mandou e deu uma bugada loca

por Harleen Sex 13 Jan 2017 - 18:11

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 Sex 13 Jan 2017 - 18:16

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 Sex 13 Jan 2017 - 18:29

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 Sex 13 Jan 2017 - 18:36

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 u38996 - Perfil topicos 61bb68ce501c4d7e9e29c3bd5510e484

Até mais

por vitorsali Sex 13 Jan 2017 - 18:38

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

por vitorsali Sex 13 Jan 2017 - 19:12

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 Sáb 14 Jan 2017 - 11:59

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

por Luiz Sáb 14 Jan 2017 - 12:06

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 Sáb 14 Jan 2017 - 12:09

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 Sáb 14 Jan 2017 - 12:12

Eu editei a mensagem acima, confira!

Até mais. Feliz

por vitorsali Sáb 14 Jan 2017 - 12:14

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 Sáb 14 Jan 2017 - 14:06

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 u38996 - Perfil topicos Db3b23db1cdb4fad8518885eb8971924

Até mais

por vitorsali Sáb 14 Jan 2017 - 14:10

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

por Kyo Panda Sáb 14 Jan 2017 - 14:14

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