Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Acesso rápido

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como trasnferir um site do wix para forumeiros?
Hoje à(s) 02:18 pm por iScroll

» Como fazer sub entrada?
Hoje à(s) 02:04 pm por Czins

» Como ocultar iframe de um tópico para visitantes
Hoje à(s) 01:46 pm por Luiz

» MP para administradores
Hoje à(s) 01:42 pm por Luiz

» Caixa de Login
Hoje à(s) 01:20 pm por iScroll

» Personalizar cabeçalho
Hoje à(s) 01:12 pm por iScroll

» Personalizar posts
Hoje à(s) 11:00 am por Harleen

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
APOllO
 
odelgado
 
Kyko
 
mrvisible
 
iScroll
 
Shek
 
Luiz
 
rlmac
 

Quem está conectado
294 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 287 Visitantes :: 3 Motores de busca

alexandro.tadeu, Czins, iScroll, Kyo Panda, Luiz, odelgado, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

Perfil no topico!

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Perfil no topico!

Mensagem por zNeon em 13/01/17, 08:51 pm

Detalhes da questão


Endereço do fórum: http://mundialplayer.forumeiros.com/
Versão do fórum: PunBB

Descrição


Ola, 

Estava analisando um topico e gostei bastante e queria ter em meu forum... Porem como foi o Ajudeiro que editou o templete não consegui identificar as alterações... E fiquei com vergonha de me meter la  Muito feliz Então criei este com o mesmo objetivo.

Topico: http://ajuda.forumeiros.com/t107734-perfil-topicos

Meu forum: http://prntscr.com/dvccdq

O que quero: Gostaria que em todas essas informações que estão em meu topico se transforme no avatar da pessoa... Quando alguem passar o mouse por cima ira aparecer as seguintes informações: Mensagens, Reputação, Barra de avisos, Rank (não precisa a imagem do rank, apenas o nome)

Obs: Não precisa ter o espaca em branco para o usuario preencher o que quiser(como no topico), coloque a barra neste lugar...

Meu viewtopic_body

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(){
 _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>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
<ul>
<!-- BEGIN switch_plus_menu -->
<li>
<script type="text/javascript">//<![CDATA[
 var url_favourite = '{switch_user_logged_in.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}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
</script>
</li>
<!-- END switch_plus_menu -->
<li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
<li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
<li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
<!-- BEGIN watchtopic -->
<li>{S_WATCH_TOPIC}</li>
<!-- END watchtopic -->
</ul>
<p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
<p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<div class="pun-crumbs noprint">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
<!-- BEGIN switch_twitter_btn -->
<span id="twitter_btn" style="margin-left: 6px; ">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
</span>
<!-- END switch_twitter_btn -->
<!-- BEGIN switch_fb_likebtn -->
<span id="fb_likebtn" style="margin-left: 6px; ">
<iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
</span>
<!-- END switch_fb_likebtn -->
</p>
</div>

<div class="main paged">
<div class="paged-head clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
<!-- END switch_user_authpost -->

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>
{POLL_DISPLAY}
  
  
  <div class="titlebox"><dd> <dava><div class="avatarredet"><a class="teste2" href="/u1"><img class="teste" alt="" 

  src="http://www.contra-ataque.com/forum/public/style_images/tctc91_pulse/profile/default_large.png" /></a></div></dava><div itemscope="" 
itemtype="http://schema.org/Article" class="ipsBox_withphoto"><h1 itemprop="name" class="ipsType_pagetitle"><a 

href="{TOPIC_URL}" id="topictitletop">{TOPIC_TITLE}</a></h1><div class="desc lighter blend_links"><dts>Iniciado por:  

</dts><span itemprop="creator"></span>
  </div></div><div class="socialetopic"><div align="center" 
id="FM_widget_share"></div></div></dd></div>
  
<div class="main-head clearfix">
<p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp;
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
</div>

<div class="main-content_board_index">
<!-- BEGIN postrow -->
<!-- BEGIN hidden -->
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
<!-- END hidden -->

<!-- BEGIN displayed -->
<!-- BEGIN first_post_br -->
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<!-- END first_post_br -->
<div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
<a name="{postrow.displayed.U_POST_ID}"></a>
<div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
<h2>
<strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                  <span id="userpost">{postrow.displayed.POSTER_NAME} &nbsp; {postrow.displayed.ONLINE_IMG} </span>
</h2>
</div>
                          <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
<div class="user">
<div class="user-ident">
<div class="user-basic-info">

                                                                  {postrow.displayed.POSTER_AVATAR}<br />
                                                                {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                                                                  {postrow.displayed.POSTER_NAME}

                                                                  
</div>
</div>
<div class="user-info">
<!-- BEGIN profile_field -->
                                                          <span id="perf"><div class="post_field"> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></span>
                        <!-- END profile_field -->
                                                          
</div>
                                                  <br/>
                                                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
</div>
                                                  
</div>

<div class="post-entry">
                                                  <div class="datepostur">{postrow.displayed.POST_DATE_NEW}</div>
                                                  <div class="entry-content">
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">
<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
<!-- END switch_vote -->

<!-- BEGIN switch_bar -->
<div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
<!-- BEGIN switch_vote_plus -->
<div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
<!-- END switch_vote_plus -->

<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
<!-- END switch_vote_minus -->
</div>
<!-- END switch_bar -->

<!-- BEGIN switch_no_bar -->
<div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
<!-- END switch_no_bar -->

<!-- BEGIN switch_vote -->
<div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
<!-- END switch_vote -->
</div>
<!-- END switch_vote_active -->
<div>
<div>{postrow.displayed.MESSAGE}</div>
<!-- BEGIN switch_attachments -->
<dl class="attachbox">
<dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
<dd>
<!-- BEGIN switch_post_attachments -->
<dl class="file">
<dt>
<img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />

<!-- BEGIN switch_dl_att -->
<a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}</a> {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
<!-- END switch_dl_att -->

<!-- BEGIN switch_no_dl_att -->
{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
<!-- END switch_no_dl_att -->
</dt>

<!-- BEGIN switch_no_comment -->
<dd>
<em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
</dd>
<!-- END switch_no_comment -->

<!-- BEGIN switch_no_dl_att -->
<dd>
<em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
</dd>
<!-- END switch_no_dl_att -->

<dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
</dl>
<!-- END switch_post_attachments -->
</dd>
</dl>
<!-- END switch_attachments -->
<div class="clear"></div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>

<!-- BEGIN switch_signature -->
<div class="sig-content">
{postrow.displayed.SIGNATURE_NEW}
</div>
<!-- END switch_signature -->

<div class="postfoot">

<div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
{postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
</div>
<div style="clear:both;"></div>
</div>
</div>
</div>
<!-- END displayed -->
<!-- END postrow -->
</div>

<div class="main-foot clearfix">
<p class="h2">
<a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;<a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
{L_MESSAGE} [{PAGE_NUMBER}]
</p>
<p class="options">
<input type="hidden" name="t" value="{TOPIC_ID}" />

<!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
<input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />

<!-- BEGIN viewtopic_bottom -->
{S_TOPIC_ADMIN}
<!-- END viewtopic_bottom -->
</p>
</div>

<a name="bottomtitle"></a>

<div class="paged-foot clearfix">
<!-- BEGIN topicpagination -->
<p class="paging">{PAGINATION}</p>
<!-- END topicpagination -->
<p class="posting">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" /></a>&nbsp;&nbsp;
<!-- END switch_user_authpost -->

<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
<!-- END switch_user_authreply -->
</p>
</div>

</div>

<div class="pun-crumbs">
<p class="crumbs">
<a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
<strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
</p>
</div>

<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="" border="0" /></a></p>
</div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
<div class="main-head clearfix">
<p class="h2">{PROMOT_TRAFIC_TITLE}</p>
<p class="options"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="" border="0" /></a></p>
</div>
<div class="main-content clearfix">
<!-- BEGIN link -->
»&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
<!-- END link -->
</div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
<div class="main-head clearfix">
<p class="h2">{L_FORUM_RULES}</p>
</div>
<table class="main-content frm">
<tr>
<!-- BEGIN switch_forum_rule_image -->
<td class="logo">
<img src="{RULE_IMG_URL}" />
</td>
<!-- END switch_forum_rule_image -->
<td class="rules entry-content">
{RULE_MSG}
</td>
</tr>
</table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<div class="reply_form_topic"><a name="quickreply"></a>
  {QUICK_REPLY_FORM}</div>
<!-- END switch_user_logged_in -->

<div id="pun-info" class="main">
<div class="main-content">
<div id="stats">
<p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
</div>
</div>
</div>

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.post-entry .entry-content', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->

<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

<style>
   /*box*/
.titlebox {
text-shadow: white 0px 1px 0px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 4px;
overflow: hidden;
}
.titlebox dd {display: block;}
.titlebox dava {float: left;}
.ipsBox_withphoto {float: left; margin-left: 10px;}
.ipsType_pagetitle {color: #323232; display: block; font-family: Helvetica,Arial,sans-serif; font-size: 26px; font-style: normal; font-variant: normal; font-weight: 300; line-height: 1.4; outline-style: none; overflow: hidden; text-align: left; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; width: 420px;}
.ipsType_pagetitle a {font-size: 23px; z-index: 999;}
.desc.lighter.blend_links {color: #a4a4a4;; float: left; font-size: 11px;}
.socialetopic {float: right; position: relative;}
.seguir {float: right; position: relative;}
.seguir a {
height: 24px;
line-height: 24px;
font-size: 11px;
padding: 0 10px;
background: #ececec url('http://i45.tinypic.com/2hrd3tg.png') repeat-x 0 0;
border: 1px solid #d0d0d0;
-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #616161!important;
text-shadow: #fff 0px 1px 0px;
display: inline-block;
white-space: nowrap;
cursor: pointer;
}
.seguir a:hover {color:#4c4c4c;background-color:#f8f8f8}
.titlebox dava a img {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); background: white; border: 1px solid #D5D5D5; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1); float: left; height: 50px!important; padding: 1px; width: 50px!important;}
.titlebox dava a img:hover {
border-color: #A1A1A1;
-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
}
</style>

Obs: Pode aumentar a area das informações, pois quando coloca um avatar de largura maior, a imagem fica cortada no meio... Pode aumentar para ate 330pxls de largura... Obrigado!


Última edição por zNeon em 14/01/17, 05:40 pm, editado 2 vez(es)
avatar

zNeon
Nível 6

Masculino
Inscrito dia : 03/01/2017
Mensagens : 62
Pontos Ativos : 97

http://cyberclas2.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico!

Mensagem por Kyo Panda em 13/01/17, 11:50 pm

Bem, eu posso até tentar, mas não garanto fidelidade (é realmente dolorido alcançar fidelidade).

O resultado que obtive foi esse: http://ajuda-punbb.forumeiros.com/t19-teste-bbcode-personalizado

Se o agradar, troque de viewtopic_body por esse:

Código:
<script type="text/javascript">//<![CDATA[
  var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}';
  var multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}';
  var _atr = '{JS_DIR}addthis/';
  var _ati = '{PATH_IMG_FA}addthis/{ADDTHIS_LANG}';
  var addthis_localize = {
    share_caption: '{L_SHARE_CAPTION}',
    email: '{L_EMAIL}',
    email_caption: '{L_EMAIL_CAPTION}',
    favorites: '{L_SHARE_BOOKMARKS}',
    print: '{L_PRINT}',
    more: '{L_MORE}'
  };

  $(function() {
    _atc.cwait = 0;
    $('.addthis_button').mouseup(function() {
      if ($('#at15s').css('display') == 'block') {
        addthis_close();
      }
    });
  });

  var hiddenMsgLabel = {
    visible: '{JS_HIDE_HIDDEN_MESSAGE}',
    hidden: '{JS_SHOW_HIDDEN_MESSAGE}'
  };

  showHiddenMessage = function(id) {
    try {
      var regId = parseInt(id, 10);
      if (isNaN(regId)) { regId = 0; }

      if (regId > 0) {
        $('.post--' + id).toggle(0, function() {
          if ($(this).is(':visible')) {
            $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
          }
          else {
            $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
          }
        });
      }
    }
    catch (e) { }

    return false;
  };

  (function($) {
    'use strict';

    $(function() {
      $('.user').each(function(index, elem) {
        var $self = $(elem);

        var $info = $self.find('.fa-custom-user-info');

        var $warn = $self
          .find('.label:contains(Aviso)')
          .closest('#perf')
          .addClass('fa-custom-warn')
          .appendTo($info);

        var $img = $warn
          .find('.post_field')
          .removeClass('post_field')
          .find('img');
       
        $img.appendTo($img.parent());

        var $online = $self
          .find('.i_icon_online');

        $([
          '<div class="fa-custom-online">',
            'Usuário ', $online.length ? 'online' : 'offline',
          '</div>'
        ].join('')).appendTo($info);

        $online.remove();

        var $color = $self
          .find('.fa-custom-username span[style]');

        if ($color.length) {
          $self
            .find('.user-contact')
            .css('background-color', $color.css('color'));

          $color.css('color', '');
        }
      });
    });
  }(jQuery));
//]]></script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
  <ul>
    <!-- BEGIN switch_plus_menu -->
    <li>
      <script type="text/javascript">//<![CDATA[
        var url_favourite = '{switch_user_logged_in.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}&amp;t={TOPIC_ID}', '{JS_SESSION_ID}', { JS_AUTH_FAVOURITES });
      //]]></script>
    </li>
    <!-- END switch_plus_menu -->
    <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
    <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
    <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
    <!-- BEGIN watchtopic -->
    <li>{S_WATCH_TOPIC}</li>
    <!-- END watchtopic -->
  </ul>
  <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
  <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->
<div class="pun-crumbs noprint">
  <p class="crumbs">
    <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
    <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
    <!-- BEGIN switch_twitter_btn -->
    <span id="twitter_btn" style="margin-left: 6px; ">
      <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
      <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
    </span>
    <!-- END switch_twitter_btn -->
    <!-- BEGIN switch_fb_likebtn -->
    <span id="fb_likebtn" style="margin-left: 6px; ">
    <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&amp;layout=button_count&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=21"
      scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:auto; height:21px;" allowTransparency="true"></iframe>
    </span>
    <!-- END switch_fb_likebtn -->
  </p>
</div>

<div class="main paged">
  <div class="paged-head clearfix">
    <!-- BEGIN topicpagination -->
    <p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p class="posting">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
        <img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" />
      </a>&nbsp;&nbsp;
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
    </p>
  </div>
  {POLL_DISPLAY}
  <div class="titlebox">
    <dd>
      <dava>
        <div class="avatarredet">
          <a class="teste2" href="/u1">
            <img class="teste" alt="" src="http://www.contra-ataque.com/forum/public/style_images/tctc91_pulse/profile/default_large.png"/>
          </a>
        </div>
      </dava>
      <div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
        <h1 itemprop="name" class="ipsType_pagetitle"><a href="{TOPIC_URL}" id="topictitletop">{TOPIC_TITLE}</a></h1>
        <div class="desc lighter blend_links">
          <dts>Iniciado por:
          </dts><span itemprop="creator"></span>
        </div>
      </div>
      <div class="socialetopic">
        <div align="center" id="FM_widget_share"></div>
      </div>
    </dd>
  </div>

  <div class="main-head clearfix">
    <p class="h2">
      <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;<a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;
      <a href="#bottom">{L_GOTO_DOWN}</a>&nbsp;&nbsp; {L_MESSAGE} [{PAGE_NUMBER}]
    </p>
  </div>

  <div class="main-content_board_index">
    <!-- BEGIN postrow -->
    <!-- BEGIN hidden -->
    <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
    <!-- END hidden -->
    <!-- BEGIN displayed -->
    <!-- BEGIN first_post_br -->
  </div>
  <hr id="first-post-br" />
  <div class="main-content topic">
    <!-- END first_post_br -->
    <div class="post post--{postrow.displayed.U_POST_ID}" {postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
      <a name="{postrow.displayed.U_POST_ID}"></a>
      <div id="p{postrow.displayed.U_POST_ID}" class="posthead" {postrow.displayed.THANK_BGCOLOR}>
        <h2>
          <strong>{postrow.displayed.COUNT_POSTS}</strong>
        </h2>
      </div>
      <div class="postmain" {postrow.displayed.THANK_BGCOLOR}>
        <div class="postbody" {postrow.displayed.THANK_BGCOLOR}>
          <div class="user">
            <div class="user-ident">
              <div class="user-basic-info">
                {postrow.displayed.POSTER_AVATAR}
              </div>
            </div>
            <div class="user-info">
              <div class="fa-custom-username">{postrow.displayed.POSTER_NAME}</div>
                <div class="fa-custom-user-info">
                <!-- BEGIN profile_field -->
                <span id="perf">
                  <div class="post_field">
                    {postrow.displayed.profile_field.CONTENT}
                    {postrow.displayed.profile_field.LABEL}
                  </div>
                </span>
                <!-- END profile_field -->
                <span id="perf" class="fa-custom-rank">
                  <div class="post_field">
                    <span class="label"><span>Rank</span>: </span>
                    {postrow.displayed.POSTER_RANK_NEW}
                  </div>
                </span>
                {postrow.displayed.ONLINE_IMG}
              </div>
            </div>
            <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
              {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}
              <!-- BEGIN contact_field -->
              {postrow.displayed.contact_field.CONTENT}
              <!-- END contact_field -->
            </div>
          </div>
          <div class="post-entry">
            <div class="datepostur">{postrow.displayed.POST_DATE_NEW}</div>
            <div class="entry-content">
              <!-- BEGIN switch_vote_active -->
              <div class="vote gensmall">
                <!-- BEGIN switch_vote -->
                <div class="vote-button">
                  <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a>
                </div>
                <!-- END switch_vote -->
                <!-- BEGIN switch_bar -->
                <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                  <!-- BEGIN switch_vote_plus -->
                  <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                  <!-- END switch_vote_plus -->
                  <!-- BEGIN switch_vote_minus -->
                  <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                  <!-- END switch_vote_minus -->
                </div>
                <!-- END switch_bar -->
                <!-- BEGIN switch_no_bar -->
                <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                <!-- END switch_no_bar -->
                <!-- BEGIN switch_vote -->
                <div class="vote-button">
                  <a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a>
                </div>
                <!-- END switch_vote -->
              </div>
              <!-- END switch_vote_active -->
              <div>
                <div>{postrow.displayed.MESSAGE}</div>
                <!-- BEGIN switch_attachments -->
                <dl class="attachbox">
                  <dt>{postrow.displayed.switch_attachments.L_ATTACHMENTS}</dt>
                  <dd>
                    <!-- BEGIN switch_post_attachments -->
                    <dl class="file">
                      <dt>
                        <img src="{postrow.displayed.switch_attachments.switch_post_attachments.U_IMG}" />
                        <!-- BEGIN switch_dl_att -->
                        <a class="postlink" href="{postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.U_ATTACHMENT}">
                          {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT}
                        </a>
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_dl_att -->
                        <!-- BEGIN switch_no_dl_att -->
                        {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT} {postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.ATTACHMENT_DEL}
                        <!-- END switch_no_dl_att -->
                      </dt>
                      <!-- BEGIN switch_no_comment -->
                      <dd>
                        <em>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_comment.ATTACHMENT_COMMENT}</em>
                      </dd>
                      <!-- END switch_no_comment -->
                      <!-- BEGIN switch_no_dl_att -->
                      <dd>
                        <em><strong>{postrow.displayed.switch_attachments.switch_post_attachments.switch_no_dl_att.TEXT_NO_DL}</strong></em>
                      </dd>
                      <!-- END switch_no_dl_att -->
                      <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                    </dl>
                    <!-- END switch_post_attachments -->
                  </dd>
                </dl>
                <!-- END switch_attachments -->
                <div class="clear"></div>
              </div>
              <p>
                {postrow.displayed.EDITED_MESSAGE}
              </p>
            </div>
          </div>
        </div>
        <!-- BEGIN switch_signature -->
        <div class="sig-content">
          {postrow.displayed.SIGNATURE_NEW}
        </div>
        <!-- END switch_signature -->
        <div class="postfoot">
          <div class="post-options profile_{postrow.displayed.PROFILE_POSITION}">
            {postrow.displayed.THANK_IMG} {postrow.displayed.MULTIQUOTE_IMG} {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG}
            {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
          </div>
          <div style="clear:both;"></div>
        </div>
      </div>
    </div>
    <!-- END displayed -->
  <!-- END postrow -->
  </div>
  <div class="main-foot clearfix">
    <p class="h2">
      <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a>&nbsp;
      <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a>&nbsp;
      <a href="#top">{L_BACK_TO_TOP}</a>&nbsp;&nbsp;
      {L_MESSAGE} [{PAGE_NUMBER}]
    </p>
    <p class="options">
      <input type="hidden" name="t" value="{TOPIC_ID}" />
      <!-- <input type="hidden" name="sid" value="{S_SID}" /> -->
      <input type="hidden" name="{SECURE_ID_NAME}" value="{SECURE_ID_VALUE}" />
      <!-- BEGIN viewtopic_bottom -->
      {S_TOPIC_ADMIN}
      <!-- END viewtopic_bottom -->
    </p>
  </div>
  <a name="bottomtitle"></a>
  <div class="paged-foot clearfix">
    <!-- BEGIN topicpagination -->
    <p class="paging">{PAGINATION}</p>
    <!-- END topicpagination -->
    <p class="posting">
      <!-- BEGIN switch_user_authpost -->
      <a href="{U_POST_NEW_TOPIC}" rel="nofollow">
        <img src="{POST_IMG}" class="{POST_IMG_CLASS}" alt="{L_POST_NEW_TOPIC}" />
      </a>&nbsp;&nbsp;
      <!-- END switch_user_authpost -->
      <!-- BEGIN switch_user_authreply -->
      <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" class="i_reply" alt="{L_POST_REPLY_TOPIC}" /></a>
      <!-- END switch_user_authreply -->
    </p>
  </div>
</div>
<div class="pun-crumbs">
  <p class="crumbs">
    <a href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}&nbsp;»&nbsp;
    <strong><a href="{TOPIC_URL}">{TOPIC_TITLE}</a></strong>
  </p>
</div>
<!-- BEGIN promot_trafic -->
<div class="main" id="ptrafic_close" style="display:none">
  <div class="main-head clearfix">
    <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
    <p class="options">
      <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
        <img src="{TABS_MORE_IMG}" alt="+" align="" border="0" />
      </a>
    </p>
  </div>
</div>
<div class="main" id="ptrafic_open" style="display:''">
  <div class="main-head clearfix">
    <p class="h2">{PROMOT_TRAFIC_TITLE}</p>
    <p class="options">
      <a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');">
        <img src="{TABS_LESS_IMG}" alt="-" align="" border="0" />
      </a>
    </p>
  </div>
  <div class="main-content clearfix">
    <!-- BEGIN link -->
    »&nbsp;<a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">
      {promot_trafic.link.TITLE}
    </a>
    <br />
    <!-- END link -->
  </div>
</div>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<div class="main" id="forum_rules">
  <div class="main-head clearfix">
    <p class="h2">{L_FORUM_RULES}</p>
  </div>
  <table class="main-content frm">
    <tr>
      <!-- BEGIN switch_forum_rule_image -->
      <td class="logo">
        <img src="{RULE_IMG_URL}" />
      </td>
      <!-- END switch_forum_rule_image -->
      <td class="rules entry-content">
        {RULE_MSG}
      </td>
    </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

<!-- BEGIN switch_user_logged_in -->
<div class="reply_form_topic">
  <a name="quickreply"></a>
  {QUICK_REPLY_FORM}</div>
  <!-- END switch_user_logged_in -->
  <div id="pun-info" class="main">
    <div class="main-content">
      <div id="stats">
        <p>{L_TABS_PERMISSIONS} <br />{S_AUTH_LIST}</p>
      </div>
    </div>
  </div>
  <!-- BEGIN switch_image_resize -->
  <script type="text/javascript">//<![CDATA[
    $(resize_images({ 'selector': '.post-entry .entry-content', 'max_width': { switch_image_resize.IMG_RESIZE_WIDTH }, 'max_height': { switch_image_resize.IMG_RESIZE_HEIGHT } }));
  //]]></script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>
<style>
  /*box*/
  .titlebox {
    text-shadow: white 0px 1px 0px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 4px;
    overflow: hidden;
  }

  .titlebox dd {
    display: block;
  }

  .titlebox dava {
    float: left;
  }

  .ipsBox_withphoto {
    float: left;
    margin-left: 10px;
  }

  .ipsType_pagetitle {
    color: #323232;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    line-height: 1.4;
    outline-style: none;
    overflow: hidden;
    text-align: left;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 420px;
  }

  .ipsType_pagetitle a {
    font-size: 23px;
    z-index: 999;
  }

  .desc.lighter.blend_links {
    color: #a4a4a4;
    float: left;
    font-size: 11px;
  }

  .socialetopic {
    float: right;
    position: relative;
  }

  .seguir {
    float: right;
    position: relative;
  }

  .seguir a {
    height: 24px;
    line-height: 24px;
    font-size: 11px;
    padding: 0 10px;
    background: #ececec url('http://i45.tinypic.com/2hrd3tg.png') repeat-x 0 0;
    border: 1px solid #d0d0d0;
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #616161!important;
    text-shadow: #fff 0px 1px 0px;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
  }

  .seguir a:hover {
    color:#4c4c4c;
    background-color:#f8f8f8
  }

  .titlebox dava a img {
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    background: white;
    border: 1px solid #D5D5D5;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    float: left; height: 50px!important;
    padding: 1px; width: 50px!important;
  }

  .titlebox dava a img:hover {
    border-color: #A1A1A1;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
  }
</style>

E adicione ao CSS:

Código:
.user {
  box-sizing: border-box;
  padding: 3px !important;
  border: 1px #ccc solid;
  position: relative;
  margin-top: 0 !important;
}

.user:hover .user-basic-info img {
  opacity: 0;
}

.user-basic-info img {
  opacity: 1;
  max-width: 100%;
  min-height: 300px;
  transition: 1000ms ease opacity;
}

.user-info {
  position: absolute;
  opacity: 0;
  top: 0;
  bottom: 0;
  left: -100%;
  width: 100%;
  transition: 1000ms ease;
  transition-property: opacity, left;
}

.user:hover .user-info {
  left: 0;
  opacity: 1;
}

.fa-custom-username {
  text-align: center;
  padding-top: 3px;
}

.fa-custom-username a {
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding: 30px 10px;
  text-transform: uppercase;
  color: #ccc !important;
}

.fa-custom-username a:before,
.fa-custom-username a:after {
  content: " ";
  position: absolute;
  left: -15px;
  right: -15px;
  top: 50%;
  height: 1px;
  background-color: #ccc;
}

.fa-custom-username a:before {
  right: 100%;
}

.fa-custom-username a:after {
  left: 100%;
}

.fa-custom-user-info {
  width: 80%;
  margin: 0 10%;
  background-color: #fff;
  overflow: hidden;
}

.fa-custom-user-info .label {
  font-size: 0;
}

.fa-custom-user-info .label span {
  font-size: 7px;
  text-transform: uppercase;
  display: block;
  letter-spacing: 1px;
}

#perf {
  width: 46%;
  margin: 2%;
  background-color: #333;
  float: left;
  color: #ccc;
  text-align: center;
  line-height: 1em;
  padding-top: 8px;
}

.user-ident {
  background-color: #333;
  padding: 0 !important;
}

#perf.fa-custom-rank {
  width: 96%;
  text-transform: uppercase;
  padding-bottom: 5px;
}

#perf.fa-custom-rank .label span {
  padding-bottom: 3px;
}

#perf.fa-custom-warn {
  float: none;
  text-align: center;
}

.fa-custom-online {
  background-color: #393939;
  color: #999;
  padding: 5px;
  font-size: 8px;
  text-transform: uppercase;
}

.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

Qualquer alteração é só falar. (Mas com moderação ^-^)
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3789
Pontos Ativos : 5012

http://ajuda.forumeiros.com

Resolvido Re: Perfil no topico!

Mensagem por zNeon em 14/01/17, 01:47 am

Ficou simplesmente perfeito Kyo. 

http://prntscr.com/dvey9f

Mas como ja mencionei, tem como aumentar a largura desta area? O avatar esta ficando muito comprido ficando apertado e bugado, como mostra a PRINT acima

E queria deixar apenas estas informações, como podem ver quanto mais informações o usuario coloca no perfil esta aparecendo ali -> http://prntscr.com/dvez9h
avatar

zNeon
Nível 6

Masculino
Inscrito dia : 03/01/2017
Mensagens : 62
Pontos Ativos : 97

http://cyberclas2.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico!

Mensagem por Kyo Panda em 14/01/17, 10:28 am

Quanto à largura, adicione ao CSS:

Código:
.pun .postmain {
  margin-left: 330px;
}

.pun .post .user {
  margin-left: -330px;
  width: 330px;
}

.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}

Quanto aos campos, é só você ir em Painel de controle Flecha ajudeiros Usuários & Grupos Flecha ajudeiros Usuários Flecha ajudeiros Perfis Flecha ajudeiros Campos do perfil e editar todos os campos que não queira que apareçam no perfil, desmarcando a opção Mensagens do campo Visualização.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3789
Pontos Ativos : 5012

http://ajuda.forumeiros.com

Resolvido Re: Perfil no topico!

Mensagem por zNeon em 14/01/17, 04:16 pm

Muito obrigado Kyo, ficou perfeito. Resolvido

Ultima duvida. http://prntscr.com/dvm6u1

Dei uma editada no codigo, mas como faço pra mensagem ficar ao lado do avatar? Ela esta ficando pro meio...
avatar

zNeon
Nível 6

Masculino
Inscrito dia : 03/01/2017
Mensagens : 62
Pontos Ativos : 97

http://cyberclas2.forumeiros.com/

Resolvido Re: Perfil no topico!

Mensagem por Kyo Panda em 14/01/17, 04:37 pm

No seu CSS, em:

Código:
.pun .postmain {
    background-color: #fff;
    border-left: 0;
    margin-left: 330px;
}

Mude 330px para 220px. E em:

Código:
.pun .post .user {
    font-size: 12px;
    line-height: 150%;
    margin-left: -330px;
    margin-top: -.6em;
    text-align: center;
    width: 220px;
}

Mude o -330px para -220px. Feliz
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3789
Pontos Ativos : 5012

http://ajuda.forumeiros.com

Resolvido Re: Perfil no topico!

Mensagem por zNeon em 14/01/17, 04:54 pm

Bom estava assim, http://prntscr.com/dvmjoy

Não estava exatamente estes numeros sitados acima... Mas mudei por estes que voce falaou, e não surgiu efeito nenhum...
avatar

zNeon
Nível 6

Masculino
Inscrito dia : 03/01/2017
Mensagens : 62
Pontos Ativos : 97

http://cyberclas2.forumeiros.com/

Resolvido Re: Perfil no topico!

Mensagem por Luiz em 14/01/17, 05:04 pm

Use este código ao topo de sua Folha de Estilo CSS:
Código:
.pun .post-entry {
    margin-left: -102px;
}

Altere o valor -102px à seu gosto, se for necessário.
Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3752
Pontos Ativos : 4440

https://github.com/lffg/

Resolvido Re: Perfil no topico!

Mensagem por Kyo Panda em 14/01/17, 05:09 pm

Esse código está acima do código que é para mudar. Continue rolando a caixa de texto para encontrar o código citado.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3789
Pontos Ativos : 5012

http://ajuda.forumeiros.com

Resolvido Re: Perfil no topico!

Mensagem por zNeon em 14/01/17, 05:32 pm

Agora sim foi de fato resolvido!

Obrigado
avatar

zNeon
Nível 6

Masculino
Inscrito dia : 03/01/2017
Mensagens : 62
Pontos Ativos : 97

http://cyberclas2.forumeiros.com/

Resolvido Re: Perfil no topico!

Mensagem por Kyo Panda em 14/01/17, 05:53 pm

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

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

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3789
Pontos Ativos : 5012

http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum