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
» Caixa de resposta rápida nos tópicos
Hoje à(s) 09:53 pm por Harleen

» Categoria do fórum
Hoje à(s) 09:48 pm por Harleen

» Remover "Não há mensagens"
Hoje à(s) 09:45 pm por Harleen

» Template quebra ao ser editado
Hoje à(s) 09:21 pm por Starset

» Aparecer pop-up de login ao clicar em Conectar-se
Hoje à(s) 07:39 pm por Flames

» Bug nos tópicos
Hoje à(s) 07:05 pm por Luiz

» Personalizar barra de ferramentas
Hoje à(s) 06:19 pm por Flames

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Os membros mais ativos da semana
Harleen
 
Kyo Panda
 
Luiz
 
Fatalisss
 
Holkis
 
JulioPais
 
Shek
 
Flames
 
APOllO
 
Forumpw
 

Quem está conectado
264 usuários online :: 7 usuários cadastrados, 1 Invisível e 256 Visitantes :: 2 Motores de busca

[SRD]JimClark, Harleen, Holkis, Luiz, Starset, ThedbR, Tiago João

[ 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 Appoloz em 15/01/17, 07:18 pm

Detalhes da questão


Endereço do fórum: http://narutottebayoteste.forumeiros.com/t2-testando2132#6
Versão do fórum: PunBB

Descrição


Estou tentando modificar o perfil para ficar que nem aqui: http://ajuda-punbb.forumeiros.com/t19-teste-bbcode-personalizado

Mas têm 2 problemas que encontro:
1- não consigo mudar a dimensão da imagem no tópico
2- o fundo do quadrado menor, não fica todo branco, somente uma parte: https://i.imgur.com/tTJRGyQ.png

Código:
/* Perfil topico */
.pun .postmain {
  margin-left: 245px;
}
 
.pun .post .user {
  margin-left: -200px;
  width: 200px;
}
 
.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}

.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: 150px;
  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;
}

Codigo css que estou usando para mexer no perfil

Vi tmbm este topico aqui: http://ajuda.forumeiros.com/t107767-perfil-no-topico?highlight=perfil


Última edição por Appoloz em 17/01/17, 08:05 am, editado 2 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Harleen em 15/01/17, 08:16 pm

Olá, você pode me passar o viewtopic_body que está usando?

Até mais
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1278
Pontos Ativos : 1679

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 15/01/17, 08:31 pm

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>
              <div class="post_field"><span id="perf" class="fa-custom-rpg">{postrow.displayed.POSTER_RPG}</span></div></div>
                {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>

Eu adicionei um campo ao perfil "ninja card" onde tem barra de hp e ck, tem como colocar mais pra cima? fica um espaço um tanto grande antes delas

css

Código:
/* Perfil topico */
.pun .postmain {
  margin-left: 245px;
}
 
.pun .post .user {
  margin-left: -200px;
  width: 200px;
}
 
.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}

.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: 150px;
  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;
 
}
 
.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-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 1px;
}
#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;
}
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Harleen em 15/01/17, 10:48 pm

Olá, desculpe a demora, salve o que está usando e depois altere para esse e veja se resulta

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>

<!-- 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="#">{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 clearfix">
   <span class="crumbs">
      <a href="{U_INDEX}"><span>{L_INDEX}</span></a>{NAV_CAT_DESC}&nbsp;»&nbsp;
      <strong><a href="{TOPIC_URL}"><span>{TOPIC_TITLE}</span></a></strong>
    </span>
    <div class="right">
        <!-- BEGIN switch_twitter_btn -->
        <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>
        <!-- END switch_twitter_btn -->
      <!-- BEGIN switch_fb_likebtn -->
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "https://connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>   
      <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>
      <!-- END switch_fb_likebtn -->
    </div>
</div>

<div class="main paged">
   <div class="paged-head clearfix">
            <h1>{TOPIC_TITLE}</h1>
      <!-- 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}" alt="" />

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

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

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

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

                                    <dd>({postrow.displayed.switch_attachments.switch_post_attachments.FILE_SIZE}) {postrow.displayed.switch_attachments.switch_post_attachments.NB_DL}</dd>
                                 </dl>
                                 <!-- END switch_post_attachments -->
                              </dd>
                           </dl>
                           <!-- END switch_attachments -->
                           <div class="clear"></div>
                        </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>
         <!-- BEGIN first_post_br -->
         </div>
         <hr id="first-post-br" />
         <div class="main-content topic">
         <!-- END first_post_br -->
         <!-- 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}" rel="nofollow">{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}" alt="" />
         </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 -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}
<!-- 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="//s7.addthis.com/js/300/addthis_widget.js#pubid=forumotion" 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>

Até mais
avatar

Harleen
Ajudeira
Ajudeira

Feminino
Inscrito dia : 09/07/2012
Mensagens : 1278
Pontos Ativos : 1679

https://soulfulbrmusic.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 15/01/17, 11:15 pm

Sumiu o "usuário conectado" e os campos de rpg que estavam dando problema :s

Fora isso o nome agr ta com cor e a barra abaixo do avatar tá sem cor t.t

@edit: quero que fique com o fundo branco dessa aqui: http://i.imgur.com/DifK7Ff.png
mas com a cor do nick, da barra de baixo (que é ligada aos grupos) desta aqui: http://i.imgur.com/18EvxPI.png
fora que o campo do rpg está muito para baixo...
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por vitorsali em 15/01/17, 11:41 pm

Ola troque seu css por esse
Código:
/* Perfil topico */
.pun .postmain {
  margin-left: 245px;
}
 
.pun .post .user {
  margin-left: -200px;
  width: 200px;
}
 
.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}
 
.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: 150px;
  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;
 
}
 
.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-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 1px;
}
#perf.fa-custom-warn {
  float: none;
  text-align: center;
}
 
 
.fa-custom-online {
    background-color: #393939;
    color: #999;
    font-size: 8px;
    padding: 5px;
    text-transform: uppercase;
    margin-top: 190px;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

E bote a template

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>
              <div class="post_field"><span id="perf" class="fa-custom-rpg">{postrow.displayed.POSTER_RPG}</span></div></div>
                {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>

vê se muda algo
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 15/01/17, 11:49 pm

Mudou, desconfigurou algumas coisas haha
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por vitorsali em 15/01/17, 11:50 pm

Volta td desde o começo bota a template antiga e o css antigo
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 15/01/17, 11:52 pm

o padrão?

aliás, o seu css que o senhor me passou apenas estendeu a caixa do rank mais para baixo, em vez de mover o texto e barras para cima

enquanto o view topic desconfigurou tudo...
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por vitorsali em 15/01/17, 11:54 pm

Torque só esse dois
Código:
#perf {
    background-color: #333;
    color: #ccc;
    float: left;
    line-height: 1em;
    margin: 2%;
    text-align: center;
    width: 46%;
}

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

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 12:00 am

sinto que estamos chegando lá!

http://i.imgur.com/xwzQexM.png

quero colocar as barras de hp e ck mais para cima, como se estivessem centralizadas tanto em height quanto em width dentro da caixa

a mesma coisa com mensagens e ryous, que parecem que subiram um pouco
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por vitorsali em 16/01/17, 12:03 am

Blz, so peço que libere o ryous para convidados porem visualizar, pois para mim não aparece
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 12:10 am

É um campo do perfil (não de rpg), não sei como fazer isso Triste
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por vitorsali em 16/01/17, 12:14 am

Va em painel de controle - usuários e grupos - usuários e grupos - perfis - vai ate o ryous modificar e procura por Exibir este campo para os visitantes tendo ao menos o status : seleciona convidados e salva
avatar

vitorsali
Usuário destaque

Masculino
Inscrito dia : 05/08/2013
Mensagens : 658
Pontos Ativos : 1056

http://camphalf-bloodbr.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 12:15 am

Perdoe-me a ignorância, passei os olhos por cima e não tinha visto. Pronto =)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 16/01/17, 02:23 pm

A dúvida está resolvida?
O senhor deseja mais algo?

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3553
Pontos Ativos : 4228

https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 02:26 pm

Não, ainda tenho que colocar o campo do rpg presente no perfil mais para cima, de modo que fique próximo a borda de cima
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 16/01/17, 02:34 pm

Adicione este código à sua CSS:
Código:
#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: 0px!important;
    height: 83px!important;
    margin-top: 4px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 96%;
}

---

O resultado:
Spoiler:

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3553
Pontos Ativos : 4228

https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 02:38 pm

Funcional, porém não tem como mover o campo para cima em vez de aumentar o quadrado onde está o campo de rpg?
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 16/01/17, 02:43 pm

É um pouco mais complicado.
Realmente deseja essa alteração?
(Nem sei se é possível, pois aí os outros campos abaixam, aí dá um fusuê todo). =p

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3553
Pontos Ativos : 4228

https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 07:06 pm

Gostaria de tentar haha
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 16/01/17, 07:18 pm

Remova o código passado anteriormente, colocando como novo o seguinte:
Código:
#perf.fa-custom-rpg {
    font-size: 10px;
    height: 33px!important;
    margin-top: 4px!important;
    padding-bottom: 20px!important;
    padding-top: 0!important;
    text-transform: uppercase;
    width: 96%;
    line-height: 4px;
}
.postbody .user span.gensmall {
    color: #000;
    font-weight: 700;
    position: relative!important;
    text-shadow: 0 0 #000;
    top: -8px;
}

Recomendo que o senhor salve sua Folha de Estilo CSS, se quiser voltar a como estava antes de adicionar o código acima.
Eu particularmente prefiro como estava antes. =p

Até mais.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3553
Pontos Ativos : 4228

https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 07:52 pm

Bugou bem pouco, o que bugou mesmo foi a posição do valor das barras e o nome das barras
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 16/01/17, 08:00 pm

Para arrumar, preciso que me passe o atual conteúdo do seu template:
"viewtopic_body".

Até mais.
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3553
Pontos Ativos : 4228

https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 08:07 pm

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>
                  <span id="perf" class="fa-custom-rpg">{postrow.displayed.POSTER_RPG}</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>
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 16/01/17, 08:15 pm

Pensando bem... O template não foi necessário, visto que é uma variável que gera aquele campo.
Desculpe-me o engano.

---

Troque o CSS passado anteriormente por:
Código:
#perf.fa-custom-rpg {
    font-size: 10px;
    height: 33px!important;
    margin-top: 4px!important;
    padding-bottom: 20px!important;
    padding-top: 0!important;
    text-transform: uppercase;
    width: 96%;
    line-height: 7px;
}

.fa-custom-rpg img {
    position: relative!important;
    top: 1px!important;
}

.postbody .user span.gensmall {
    color: #000;
    font-weight: 700;
    position: relative!important;
    text-shadow: 0 0 #000;
    top: -8px;
}

Esse é o melhor que posso fazer para o senhor. :/

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 3553
Pontos Ativos : 4228

https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 16/01/17, 08:29 pm

Melhor deixar como antes, obrigado pela ajuda e o esforço! Muito feliz
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 404
Pontos Ativos : 629

http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Kyo Panda em 17/01/17, 09:17 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".


Bem vindo ao Fórum dos Fóruns. Antes de começar a postar, por favor, queira visitar alguns links importantes:
Regulamento e informações afins:
Seta Condições gerais de uso & equipe voluntária de suporte.
Seta Lista de perguntas e respostas e Tutoriais e astúcias.
Seta Sistema de busca do fórum.
Fóruns interessantes:
Seta Ajuda e Suporte.
Seta Serviços Extras.
Seta Publicidade & SEO.
Seta Sugestões e Melhoras.
Desenvolvedores:
Seta Addons ou Plugins.
Seta Desenvolvimento Beta.
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 3708
Pontos Ativos : 4952

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