Perfil Personalizado

por PlayWillian 30.09.17 17:21

Detalhes da questão

Endereço do fórum: http://smi-oficial.forumeiros.com
Versão do fórum: phpBB3

Descrição

Seria possível um perfil parecido com este: https://prnt.sc/83kf5r

OBS: Vi em um tópico este perfil, e queria adequá-lo ao meu fórum se possível.
Obrigado. o/

por iScroll 30.09.17 18:49

Olá usuário, diga-me onde achou tal perfil ?

por Luiz 30.09.17 21:28

Em:
Painel de Controle -> Visualização -> Cores -> Folha de Estilo CSS.

Adicione o código ao final da caixa de código:

Código:: .post > .inner > .postprofile, .post > .inner > .postprofile * { box-sizing: border-box; } .post > .inner > .postprofile { border: solid 1px #ddd; border-radius: 2px; margin-left: 10px; width: 175px; } .post > .inner > .postprofile > dl > dt { display: flex; flex-direction: column; margin-left: 0; } .post > .inner > .postprofile > dl > dt > a { background-image: none; } .post > .inner > .postprofile > dl > dt > strong { order: -1; background-color: #f0f0f0; border-bottom: solid 1px #ddd; margin: -10px -7px 0 -7px; display: block; padding: 10px 5px; } .post > .inner > .postprofile > dl > dd:first-of-type { margin: 0 -7px 0 -7px; padding-bottom: 10px; border-bottom: solid 1px #ddd; } .post > .inner > .postprofile > dl > dd:first-of-type > img { width: 80%; } .post > .inner > .postprofile > dl > dd:last-of-type { background-color: #f0f0f0; margin: 0px -7px 0 -7px; padding: 5px; border-top: solid 1px #ddd; }

O resultado será:
-> http://prntscr.com/grot2d

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.

por Luiz 30.09.17 21:29

Olá,

Em:
Visualização -> Cores -> Folha de Estilo CSS.

Adicione ao final da caixa de código:

Código:: .post > .inner > .postprofile, .post > .inner > .postprofile * { box-sizing: border-box; } .post > .inner > .postprofile { border: solid 1px #ddd; border-radius: 2px; margin-left: 10px; width: 175px; } .post > .inner > .postprofile > dl > dt { display: flex; flex-direction: column; margin-left: 0; } .post > .inner > .postprofile > dl > dt > a { background-image: none; } .post > .inner > .postprofile > dl > dt > strong { order: -1; background-color: #f0f0f0; border-bottom: solid 1px #ddd; margin: -10px -7px 0 -7px; display: block; padding: 10px 5px; } .post > .inner > .postprofile > dl > dd:first-of-type { margin: 0 -7px 0 -7px; padding-bottom: 10px; border-bottom: solid 1px #ddd; } .post > .inner > .postprofile > dl > dd:first-of-type > img { width: 80%; } .post > .inner > .postprofile > dl > dd:last-of-type { background-color: #f0f0f0; margin: 0px -7px 0 -7px; padding: 5px; border-top: solid 1px #ddd; }

O resultado será:
-> http://prntscr.com/grotn3

o/

---

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'.

por PlayWillian 30.09.17 23:28

Luiz, resultou e ficou bacana! Porém queria mais um favorzinho seu, gostaria de um rank editável daquele modelo (se possível).
Gostaria também aquela fonte, e o botão de reputação.

por Luiz 30.09.17 23:39

Alguns pontos:

Eu não sei o nome daquela fonte. Logo, só poderei alterar se o senhor souber;
Para os ranks, leia este tópico;
Para a reputação, precisarei do seu template viewtopic_body.

o/

por PlayWillian 30.09.17 23:50

Certo, mas consegue alguma que chegue próximo talvez?
Rank perfeito!

Aqui vai!

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="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 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 = "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="https://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}'; 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}">  <dl> <dt> {postrow.displayed.POSTER_AVATAR} <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong> </dt> <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd> <dd><br /></dd> <dd>  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  {postrow.displayed.POSTER_RPG} </dd> <dd><br /></dd> <dd> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </dd> </dl> </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 Luiz 01.10.17 0:08

Eu não acho interessante deixar só uma parte do perfil com uma fonte diferente do fórum no geral, e não tenho ideia de uma parecida. :/
Você poderá verificar aqui:
-> http://fonts.google.com/

De todo modo, acho desnecessário carregar uma fonte a mais no fórum só para o perfil.

---

Para a reputação, troque por:

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="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 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 = "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="https://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}'; 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}">  <dl> <dt> {postrow.displayed.POSTER_AVATAR} <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong> </dt> <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd> <dd><br /></dd> <dd class="postprofile-fields">  {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}  {postrow.displayed.POSTER_RPG} </dd> <dd><br /></dd> <dd> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </dd> </dl> </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 PlayWillian 01.10.17 0:27

Certo, acho melhor deixar aquela fonte mesmo!

Não resultou o código...

por Luiz 01.10.17 0:29

Isso era esperado, tendo em vista que só mexi no HTML.

Por favor, ative a reputação para convidados:
-> http://prntscr.com/grqr53

por PlayWillian 01.10.17 0:30

Feito.

por Luiz 01.10.17 0:36

Troque o HTML novamente:

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="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 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 = "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="https://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}'; 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}">  <dl> <dt> {postrow.displayed.POSTER_AVATAR} <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong> </dt> <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd> <dd><br /></dd> <dd class="postprofile-fields">  <div class="postprofile-field"> <span class="field-label">{postrow.displayed.profile_field.LABEL}</span> <span class="field-content">{postrow.displayed.profile_field.CONTENT}</span><span class="field-separator">{postrow.displayed.profile_field.SEPARATOR}</span> </div>  {postrow.displayed.POSTER_RPG} </dd> <dd><br /></dd> <dd> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.contact_field.CONTENT} </dd> </dl> </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 PlayWillian 01.10.17 0:42

Ainda não.

por Luiz 01.10.17 0:53

Como disse, querido gafanhoto, isso era esperado, tendo em vista que o HTML é pouco ligado à estilização. Só estava mexendo na base. Piscada

Para concluirmos, crie um novo JavaScript investido nos tópicos contendo:

Código:: (function ($, css) { 'use strict'; $(function () { $('.postprofile-field').each(function () { var $this = $(this); console.log($this.text()); if (!/reputação/gi.test($this.text())) { return; } $this.addClass('reputation-field'); }); $('<style>', { 'text': css.join('\n') }).appendTo('head'); }); }(jQuery, [ '.postprofile-fields {', ' margin: 0 !important;', '}', '', '.reputation-field {', ' background-color: #858585;', ' padding: 9px;', ' border-radius: 2px;', ' text-transform: uppercase;', ' font-size: 10px;', ' margin: 5px 0;', ' box-shadow: inset 0 2px 0 0px rgba(0, 0, 0, 0.14);', '}', '', '.reputation-field * {', ' color: #fff;', '}' ]));

o/

por PlayWillian 01.10.17 1:06

Perfeito meu brother!
Agradecido novamente.

o/

por Luiz 01.10.17 1:17

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.

Hitskin.com

Perfil Personalizado