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.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Transferir código para ModerNBB
Hoje à(s) 09:22 pm por Luiz

» Neve para ModerNBB
Hoje à(s) 09:13 pm por Luiz

» Formulário de Resposta
Hoje à(s) 09:13 pm por iScroll

» Colocar efeito Glitter no nick aparencendo na categoria do forum
Hoje à(s) 09:07 pm por Luiz

» Ajustar Largura
Hoje à(s) 08:50 pm por Luiz

» Widget apenas no Index modernbb
Hoje à(s) 08:30 pm por Luiz

» Como alterar os tooltips da versão ModernBB
Hoje à(s) 08:02 pm por Luiz

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Shek
 
Eduardo Lima
 
ranzatti
 
cocas20
 
LucasPofahl
 

Quem está conectado
257 usuários online :: 14 usuários cadastrados, Nenhum Invisível e 243 Visitantes :: 2 Motores de busca

banzé, BlueJOkeR, brunopro, Daniel Yan, EduardoMGP, iPlay, iScroll, Ketholy, Lost154, Luiz, odelgado, ranzatti, Shek, WizzardPT

[ 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 17/01/17, 08:00 am

Detalhes da questão


Endereço do fórum: http://narutoworld.ultimaterpg.net/ e http://narutottebayoteste.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Estou com 2 foruns de testes, onde um tem um perfil no topico com uma css mais "avantajada", quero colocar ela no outro fórum, mas não quero fazer burrice de pegar a parte do code errada
fórum que tem o perfil que quero: http://narutottebayoteste.forumeiros.com/forum
fórum que quero colocar o perfil: http://narutoworld.ultimaterpg.net/

viewtopic_body do fórum com o perfil que quero

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="https://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>


css do forum que está com o perfil que quero, css somente com a parte do perfil, a css desse forum é mto grande

Código:
/* Perfil topico */
#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%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}

 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }

#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {


}


.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: #333;
 
}
 
.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: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}


viewtopic do forum que quero colocar o perfil

Código:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
         addthis_close();
      }
   });
});
//]]>
</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="https://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="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
         <script type="text/javascript" src="https://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="https://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="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 topic">
      <!-- BEGIN postrow -->
         <!-- BEGIN displayed -->
         <div class="post"{postrow.displayed.THANK_BGCOLOR}>
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                     {postrow.displayed.ICON} <a href="{postrow.displayed.POST_URL}">{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}
                  </h2>
               </div>

               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">
                                                          <h4 class="username">{postrow.displayed.POSTER_NAME}</h4>
                        <div class="user-basic-info">
                                                                  {postrow.displayed.POSTER_AVATAR}<br /><br />
                           {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_RANK_NEW}
                        </div>
                     </div>
                     <div class="user-info">
                        <!-- BEGIN profile_field -->
                        {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                        <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}
                     </div>
                  </div>

                  <div class="post-entry">
                     <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="user-contact">
                     {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 class="post-options">
                     {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 -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
      <!-- 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 -->
<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="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>


css do forum que quero colocar o perfil


Código:
/* degrade */
div.boxfmvi.cat-degrade .main-content table {
    border-collapse: collapse;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
    z-index: 9;
    background: #fcfcfc;
    background: -webkit-linear-gradient(left, #663300 , #fcfcfc)!important;
    background: -o-linear-gradient(right, #663300, #fcfcfc)!important;
    background: -moz-linear-gradient(right, #663300, #fcfcfc)!important;
    background: linear-gradient(to right, #663300 , #fcfcfc)!important;
}
 
div.cat-degrade .reppost {
background:transparent!important;
background-color:transparent!important;
}
 
.cat-degrade td.tc2 {
    background-color: #724314!important;
}
 
.cat-degrade td.tc2 img {
    position: relative;
    left: 36px;
    top: -14px;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("https://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("https://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
    background: none repeat scroll 0% 0% rgb(241, 241, 241) !important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

.pun .post .user {
    text-align: center;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}

.postbody .user{
  margin-bottom:3em;
    overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
    width:350px;
        border: 1px dashed #333;
    display:none;
        top: 30px;
      position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 5px;
}

.postbody .user:hover .user-info{
    z-index: 9;
        left: 100%;
    display:block;
}
.postbody .user .user-info span {
color: #333;
font-weight: bold;
}

#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:
#F4F4F4;
}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}


@edit:
eu simplesmente substitui o viewtopic e adicionei o css no forum que queria, ok, deu mais certo que o esperado
mas ainda gostaria de fazer algumas coisas:

1- redimensionar o tamanho do perfil/avatar, creio que para isso teria que mexer no codigo do perfil, não me dou bem com ele, queria começar com 175x350

2- centralizar o avatar/perfil no local dele, ao lado esquerdo do fórum, está mto perto da área das mensagens

3- tirar a linha pontilhada da parte de baixo da mensagem, deixando somente na parte de cima, porém queria que tanto o "Hoje à(s) X horas" e o número do post, ficassem acima da linha pontilhada


Última edição por Appoloz em 17/01/17, 05:10 pm, editado 1 vez(es)
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 08:49 am

Olá. ^^

Coloque este código ao topo de sua Folha de Estilo CSS:
.pun .post .user {
margin-left: -160px;
width: 160px!important;
}

.datepostur {
position: relative;
top: -25px;
}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
margin-left: 163px!important;
margin-bottom: -9px!important;
}

Você pode alterar o valor "160px" à seu gosto. (Define o tamanho do avatar.)
Mas lembre-se de alterar o valor do "margin-left" também depois.

Até mais. Feliz
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 12:05 pm

Tem como retirar o tracejado da área do perfil, deixando somente no post?

Além também de tirar a cor cinza de trás da área do perfil, deixando-a na cor do restante do post

E também tirar o número da postagem

Aliás, como deixo a IMAGEM do rank abaixo da área do perfil? (Foto e etc)
Tentei pelo viewtopic mas daí ou ele fica dentro da parte azul(dos grupos) ou ele fica dentro da caixa de mensagem
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

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

Oi, de novo! Rindo

• Para remover o número do post:
Código:
div.posthead>h2>strong {
    visibility: hidden!important;
}

---

• Para deixar o background atrás do perfil na mesma cor do post num todo:
Ops... Algo está errado. Rindo
Preciso de sua Folha de estilo CSS num todo.

A mesma coisa para o tracejado. :/
Lembre-se: me passe somente a Folha de Estilo com a alteração acima já feita.

Até mais. o/


avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 01:19 pm

Código:
/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi img {
    position: relative!important;
    top: -13px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -190px;
width: 175px!important;
 
}

.datepostur {
position: relative;
top: -25px;
}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
margin-left: 215px!important;
margin-bottom: -9px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.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: #333;
 
}
 
.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: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("https://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("https://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
    background: none repeat scroll 0% 0% rgb(241, 241, 241) !important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

.pun .post .user {
    text-align: center;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(https://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(https://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(https://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}

Não esquece essa parte:
Aliás, como deixo a IMAGEM do rank abaixo da área do perfil? (Foto e etc)
Tentei pelo viewtopic mas daí ou ele fica dentro da parte azul(dos grupos) ou ele fica dentro da caixa de mensagem

Tinha editado anteriormente a mensagem, talvez não tenha visto..
Se precisar do viewtopic, é o primeiro lá do post inicial
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 01:41 pm

Não entendi muito bem essa parte:
@Appoloz escreveu:Aliás, como deixo a IMAGEM do rank abaixo da área do perfil? (Foto e etc)
Tentei pelo viewtopic mas daí ou ele fica dentro da parte azul(dos grupos) ou ele fica dentro da caixa de mensagem

---

Quanto aos itens anteriores, troque sua Folha de Estilo CSS por esta:
Código:
/* Alterações adicionais */
.pun .posthead {
    background: #fff!important;
    padding: 6px 0px 15px 0px!important;
}


/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi img {
    position: relative!important;
    top: -13px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -180px;
margin-bottom: -20px;
text-align: center;
width: 175px!important;
text-align: center;
position: relative!important;
top: -14px!important;
}

.datepostur {
position: relative;
top: -29px!important;

}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
   border-top: dashed 1px #a0948f!important;
    margin-bottom: 0px!important;
    margin-left: 203px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 245px;
}
 
.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: #333;
 
}
 
.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: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("https://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("https://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
   background-color:#fff!important;
   background:#fff!important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(https://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(https://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(https://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}

O resultado:
Spoiler:

Até que ficou bonitinho né? Fala sério! Rindo

---

Até mais. De bem com a vida


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 01:50 pm

Meu resultado ficou diferente do seu, agora tem duas linhas, porém uma somente no corpo da mensagem...

A questão anterior é o seguinte: há o rank no perfil, ok?
O rank atual do meu perfil é
"RANK:
SHODAIME HOKAGE
L. ANBU | BRUCE LEE"

Mas eu quero colocar logo abaixo da foto o meu rank, de modo que fique assim (editei no ps):


Nesse print você também vê que continua um tracejado
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 01:59 pm

Vamos por partes:
Primeiro, adicione este código, no lugar de sua Folha de Estilo CSS:
Código:
/* Alterações adicionais */
.pun .posthead {
   border:none!important;
    background: #fff!important;
    padding: 6px 0px 15px 0px!important;
}


/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi img {
    position: relative!important;
    top: -13px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -180px;
margin-bottom: -20px;
text-align: center;
width: 175px!important;
text-align: center;
position: relative!important;
top: -14px!important;
}

.datepostur {
position: relative;
top: -29px!important;

}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
  border-top: dashed 1px #a0948f!important;
    margin-bottom: 0px!important;
    margin-left: 203px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 245px;
}
 
.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: #333;
 
}
 
.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: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("https://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("https://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
  background-color:#fff!important;
  background:#fff!important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(https://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(https://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(https://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}

Ele irá resolver o problema das duas bordas.
Resolveu? {...}

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 02:04 pm

Feito e resolvido.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 02:05 pm

Deseja mais algo?
Se não, marque o tópico como resolvido.

---

Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 02:12 pm

@Appoloz escreveu:A questão anterior é o seguinte: há o rank no perfil, ok?
O rank atual do meu perfil é
"RANK:
SHODAIME HOKAGE
L. ANBU | BRUCE LEE"

Mas eu quero colocar logo abaixo da foto o meu rank, de modo que fique assim (editei no ps):


Nesse print você também vê que continua um tracejado
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 02:19 pm

Olá.
A borda já foi resolvida, certo?

---

Quanto ao rank fora do perfil:
Me passe sua folha de estilo CSS atualizada.

Inté. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 02:39 pm

Código:
/* coisas desnecessarias topico */
.titlebox{
    display: none!important;
}
.pun .post {
    border-left: none!important;
}

/* Alterações adicionais */
.pun .posthead {
  border:none!important;
    background: #fff!important;
    padding: 6px 0px 15px 0px!important;
}


/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi .status img {
    position: relative!important;
    top: -17px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -195px;
margin-bottom: -20px;
text-align: center;
width: 175px!important;
text-align: center;
position: relative!important;
top: -14px!important;
}

.datepostur {
position: relative;
top: -29px!important;

}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
  border-top: dashed 1px #a0948f!important;
    margin-bottom: 0px!important;
    margin-left: 203px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 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: #333;
 
}
 
.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: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("http://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("http://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
  background-color:#fff!important;
  background:#fff!important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(http://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 02:49 pm

Troque por:
Código:
/* coisas desnecessarias topico */
.titlebox{
    display: none!important;
}
.pun .post {
    border-left: none!important;
}

/* Alterações adicionais */
.pun .posthead {
  border:none!important;
    background: #fff!important;
    padding: 6px 0px 15px 0px!important;
}


/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi .status img {
    position: relative!important;
    top: -17px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -195px;
margin-bottom: 41px!important;
text-align: center;
width: 175px!important;
text-align: center;
position: relative!important;
top: -14px!important;
}

.datepostur {
position: relative;
top: -29px!important;

}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
  border-top: dashed 1px #a0948f!important;
    margin-bottom: 0px!important;
    margin-left: 203px!important;
}

#perf.fa-custom-rpg {
    top: -255px;
    position: relative;
    font-size: 10px;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 96%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 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: #333;
 
}
 
.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 {
    bottom: -81px;
    color: #000;
    background-color: transparent;
    position: relative;
    padding-bottom: 5px;
    text-transform: uppercase;
    width: 96%;
}
 
#perf.fa-custom-rank .label span {
  padding-bottom: 3px;
}
#perf.fa-custom-warn {
  float: none;
  text-align: center;
}
 
 
.fa-custom-online {
    background-color: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("http://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("http://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
  background-color:#fff!important;
  background:#fff!important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(http://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}

Até mais. Feliz


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 02:55 pm

não resultou, e ainda bugou o perfil t.t
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 02:56 pm

Olá.
O código passado anteriormente continua ativo?
Deixe-o ativo para que eu possa corrigir os erros.

Obrigado.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 03:00 pm

continua sim.
lembrando: desejo deixar o rank abaixo da caixa da foto...
E acredito que tenha que mexer no viewtopic_body, pois lá não tem o {postrow.displayed.RANK_IMAGE}
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 03:05 pm

CSS:
Código:
/** Outros */
.pun .user {
    overflow: visible!important;
}


/* coisas desnecessarias topico */
.titlebox{
    display: none!important;
}
.pun .post {
    border-left: none!important;
}

/* Alterações adicionais */
.pun .posthead {
  border:none!important;
    background: #fff!important;
    padding: 6px 0px 15px 0px!important;
}


/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi .status img {
    position: relative!important;
    top: -17px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -195px;
margin-bottom: 41px!important;
text-align: center;
width: 175px!important;
text-align: center;
position: relative!important;
top: -14px!important;
}

.datepostur {
position: relative;
top: -29px!important;

}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
  border-top: dashed 1px #a0948f!important;
    margin-bottom: 0px!important;
    margin-left: 203px!important;
}

#perf.fa-custom-rpg {
    top: 41px;
    position: relative;
    font-size: 10px;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 96%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 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: #333;
 
}
 
.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 {
    bottom: -241px;
    color: #000;
    background-color: transparent;
    position: relative;
    padding-bottom: 5px;
    text-transform: uppercase;
    width: 96%;
}
 
#perf.fa-custom-rank .label span {
  padding-bottom: 3px;
}
#perf.fa-custom-warn {
  float: none;
  text-align: center;
}
 
 
.fa-custom-online {
    background-color: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("http://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("http://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
  background-color:#fff!important;
  background:#fff!important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(http://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}

(Coloque no lugar do CSS passado anteriormente).
Até mais.


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 03:12 pm

Você só ta mexendo no rank escrito, não está mexendo no rank imagem...
Não resultou
Adicionei uma linha no viewtopic_body
<div class="fa-custom-rankimg"> {postrow.displayed.RANK_IMAGE}</div>

@edit: vou voltar a usar o css original, que acho que vc se confundiu tentando arrumar o rank com base no anterior
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 03:24 pm

Você deseja modificar este rank?
Spoiler:

Inté. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 03:27 pm

Sim, colocá-lo para fora dessa borda branca, mantendo embaixo da foto de perfil.
Mas se você achar impossível tirar para fora da borda branca, pode apenas tirar a borda
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/
  • 0

Resolvido Re: Perfil no topico

Mensagem por Luiz em 17/01/17, 03:39 pm

Usei a Folha de Estilo dessa mensagem para fazer as alterações a seguir.

---

Altere todo o conteúdo de sua Folha de Estilo CSS para:
Código:
/* coisas desnecessarias topico */
.titlebox{
    display: none!important;
}
.pun .post {
    border-left: none!important;
}

/* Alterações adicionais */
.pun .posthead {
  border:none!important;
    background: #fff!important;
    padding: 6px 0px 15px 0px!important;
}


/* numero do post */
div.posthead>h2>strong {
    visibility: hidden!important;
}

/* centralizar cat */
.boxfmvi {
    margin: 20px 2px 1px 8px!important;
}

.boxfmvi .status img {
    position: relative!important;
    top: -17px;
}


/* Perfil topico */
.pun .post .user {
margin-left: -195px;
margin-bottom: -20px;
text-align: center;
width: 175px!important;
text-align: center;
position: relative!important;
top: -14px!important;
}

.datepostur {
position: relative;
top: -29px!important;

}

.postfoot {
visibility: hidden;
}

.post {
margin-bottom: 30px!important;
}

.pun .postmain {
  border-top: dashed 1px #a0948f!important;
    margin-bottom: 0px!important;
    margin-left: 203px!important;
}

#perf.fa-custom-rpg {
    font-size: 10px;
    padding-top: -5px!important;
    height: 55px!important;
    margin-top: -6px!important;
    padding-bottom: 20px!important;
    text-transform: uppercase;
    width: 80%;
}
 
.postbody .user span.gensmall {
    position: relative!important;
    top: -11px;
    font-weight: bold;
    color: #333;
    text-shadow: 0 0 black;
}
 
 #perf.fa-custom-rpg {
  width: 96%;
  font-color: #fff;
  font-size: 10px;
  text-transform: uppercase;
  padding-bottom: 20px;
  height: 60px;
  margin-top: 4px;
  }
 
#perf.fa-custom-rpg .label span {
  position: absolute;
  top: 3px;
}
#perf.fa-custom-rpg {
 
 
}
 
 
.pun .postmain {
  margin-left: 200px;
}
 
.user-basic-info img {
  min-width: 100%;
  box-sizing: border-box;
}
 
.user {
  box-sizing: border-box;
  padding: 3px !important;
  border: none!important;
  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: #333;
 
}
 
.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: #333;
    color: #999;
    font-size: 8px;
    padding: 5px;
    margin-top: 160px;
    text-transform: uppercase;
}
 
.user .user-contact {
  padding: 5px;
  background-color: #999;
  position: relative;
  z-index: 1;
}

/* ultima mensagem */
.reppost {
    border: none!important;
    box-shadow: none!important;
    text-align: center!important;
}


/* quadrados brancos chatos */
.boxfmvi {
    margin: 0px;
    margin-bottom: 30px!important;
}
 
.main-content {
    margin-bottom: 0px!important;
}

/* arrumar topicos recentes */
table.forumline tr td table tr td:last-child {
    text-align: center;
    line-height:20.5px!important;
}
table.forumline tr td table tr td:nth-child(3) {
    line-height: 20.5px!important;
}

.pun tbody.statused span.status {
margin-left: -42px !important;
}

/* parada encima */
p.crumbs a {
    background: url("http://i.servimg.com/u/f42/17/32/13/00/second10.png") no-repeat scroll 100% -1px transparent;
    font-size: 10px;
    line-height: 30px;
    padding: 11px 17px 11px 4px;
}
.pun-crumbs p a {
    color: rgb(70, 70, 70) !important;
}
.pun-crumbs p {
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun-crumbs {
    background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
}

/* Top das categorias */
    .main .main-head, .main-foot {
    background-image: url("http://i.servimg.com/u/f48/15/98/03/89/header10.gif");
      border-bottom: 5px solid black;
    background-position: center bottom;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(150, 7, 7) rgb(150, 7, 7) rgb(51, 0, 0);
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 1px 0px 0px rgba(255, 255, 255, 0.2) inset, -1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.45);
    color: rgb(255, 255, 255) !important;
    font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
}

/* Centro da categoria */
.pun .main-content {
  background-color: rgb(251, 251, 251);
border: 1px solid rgb(221, 221, 221);
}
#pun-visit, .main-box {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}
.pun table.table th {
  background: none repeat scroll 0% 0% rgb(243, 243, 243);
    border: 1px solid rgb(217, 217, 217);
    border-radius: 3px 3px 3px 3px;
    margin-top: 10px;
    color: rgb(70, 70, 70);
    font-size: 0.95em;
    line-height: 1.5;
    margin: 0px;
}

/* menu navegação */
  #pun-navlinks li a {
  font-family: Marmelad,sans-serif !important;
    font-size: 13px;
    min-height: 20px;
    text-decoration: none;
    text-shadow: 0px 2px 3px rgb(0, 0, 0);
  font-color: white;
  font-align: center;
}
.navlinksxd ul {
text-align: center!important;
}
.navlinksxd ul {
list-style: none;
text-align: left;
}

.navlinksxd a, .navlinksxd a:visited {
text-decoration: none;
}

.navlinksxd li{display: inline;
font-size: 1.15em;}

.navlinksxd li a {
  padding-left: 10px;
color: #949494;
font-family: 'Yanone Kaffeesatz', arial, serif;
font-size: 12px;
line-height: 61px;
text-shadow: 0 -1px 0 black;
text-transform: uppercase;
}

    #main #main-content .main-content{margin-bottom:15px}
#pun-head #pun-navlinks {
    width: 973px;
  margin-bottom:15px;
    margin-left: -15px;

}
.pun {
    background-color: white;
    width: 970px;
    margin: 1px auto 0px;
border: 3px solid #8B0000;
-moz-box-shadow: 0px 20px 20px #CCCCCC;
-webkit-box-shadow: 0px 20px 20px #CCCCCC;
}
  .pun h2 {
    text-align: center;
}
.main-content.clearfix.center{
  margin-height: 100px;
}

.pun .post {
  background-color:#fff!important;
  background:#fff!important;
    border-left: 10px solid #8B0000;
    border-radius: 0px 20px 20px 0px;
    padding-left: 7px;
}

#text_editor_textarea{width:100%}.pun .frm #textarea_content dd.frm-textarea iframe#text_editor_iframe{height:250px;margin-top:-15px}dd.dd-textarea iframe#text_editor_iframe{background-color:#FFF}div.nav-head{background:#1F537B;color:#dedfdf;font-weight:400;margin:-1px 0 0;padding:.7em 1.3em}
#avatar-lastpost{
      border: 1px solid gray;
    float: left;
    height: 40px;
    margin-right: 10px;
    margin-top: 10px;
    width: 40px;
}
.lastpost{
}
#category tr {
    height: 100px;
}
.pun table.table td {
  border-style: none !important;
}
.pun .table .tc2, .pun .table .tc3{
 border-style: none !important;
}



#pun-intro {
  margin: -10px -10px -10px -5px;
  padding: 0;
  border-bottom: 1px;
  background-color: transparent;
  background-image: url('https://i.imgur.com/mnBW8.png');
  text-align: left;
  background-repeat: no-repeat;
height: 330px;
width: 1000px;
  }

body {
  background-color: #000000;
  background-image: url('https://i.imgur.com/lJBxg.png');
  background-attachment: fixed;
background-position: top;
background-repeat: no-repeat;
  color: #878686;
  font-size: 11px;
  font-family: Tahoma,Arial,Helvetica,sans-serif;
  }

body {
  background: url(https://i.imgur.com/O0fvH.png) repeat-y top center, url( ) no-repeat top center #000;
}

#text_editor_textarea {
  background-image: url('https://i.imgur.com/DLmxT.png');
  color: #FFFFFF;
}

/* nova amizade */
#newFriend a {
color: #900;
text-decoration: none;
font: bold 16px Georgia;
}

#newFriend {
text-shadow: 1px 1px 0 #e1e1e1;
line-height: 2em;
background: #f9f9f9;
border: 1px solid #CCC;
border-bottom: 0;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-o-border-radius: 5px 5px 0 0;
bottom: 0;
box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
-o-box-shadow: inset 0px 1px 9px #CCC ,0 0 3px rgba(0, 0, 0, 0.3);
color: #333;
font-weight: 700;
left: 65%;
min-height: 2em;
padding: 1em;
position: fixed;
text-align: center;
width: 25em;
}

/* mover hover forum */
a.forumtitle, #pun-logo:hover  {
-moz-transition-duration: 1.5s;
-webkit-transition-duration: 1.5s;
-o-transition-duration: 1.5s;
}
a.forumtitle:hover {
margin-left: 48px;
}

/* Advanced profile-------------------------------------------------------------*/
div.nav-head {
  margin: -1px 0 0 0;
  padding: 0.7em 1.3em;
  font-weight: normal;
  color: #dedfdf;
  background: #1F537B;
  }
#tabs {
  min-width: 932px;
  }
* html #tabs {
  width: 100%;
  }
#tabs ul {
  list-style-position: outside;
  list-style-type: none;
  padding: 0 1.8em;
  white-space: nowrap;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li {
  float: left;
  margin: 0;
  padding: 0 4px 0 0;
    -moz-transition-duration: .5s;
  -webkit-transition-duration: .5s;
  -o-transition-duration: .5s;
  }
#tabs ul li.activetab a {
  background-color: #1f537b;
  color: #cccccc;
  text-decoration:underline;
  border-top: 1px solid #23A4AF;
        text-shadow: 0 1px 0 #333333;
      background: url(https://i.imgur.com/K8GFo.png) repeat top center;
  }
#tabs ul li.activetab a:hover {
  background-color: #1f537b;
        color: #05292E;
    background-image: url('https://i.imgur.com/K8GFo.png') repeat top center;
    text-shadow: 0 1px 0 #67CFD5;
  border-top: 1px solid #23A4AF;
  }
.user .user-ident #desplegablegeneral img.desplegable {
  display: block;
  position: relative;
  bottom: .2em;
  left: 49px;
}

.user .user-ident .desplegado {
  position: relative;
  background: white;
  color: black!important;
  bottom: .2em;
}

/*index*/
.center{
  text-alogn:center;
}
#profile-advanced-details .autobot, .main-head .h2, .main-head .h3, .main-head h1, .main-head h2, .main-head h3 {
color:
white;
font-family: Trebuchet MS;
font-size: 17px!important;
font-variant: small-caps;
font-weight: 600!important;
text-shadow: 1px 1px 1px
black;
}
.pun h2, .pun h3, .pun input, .pun select, .pun th {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
font-style: normal;
font-variant: normal;
font-weight: normal;
}

.main .main-head .page-title {
font-size: 12px;
font-weight: 400;
}
.pun table.table td {
background-color:
#FBFBFB;
border-color:
#DDD;
border-style: solid none none solid;
border-width: 1px;
line-height: 130%;
padding: .6em 0 .7em;
}

.pun .main, .pun .main-category {
margin: 1em 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
background-color:#fbfbfb;}
.pun .table .tc2, .pun .table .tc3 {
text-align: center;
width: 10%;
}

.boxfmvi .tc2 {
margin: 0!important;
padding: 0!important;
position: inherit!important;
width: 70px!important;
}
.reppost {
background-color:
#FCFCFC;
border: 1px solid
#BFBFBF;
margin: 10px 5px 10px 0;
text-align: left;
  box-shadow:0px 0px 1px black;
font-weight: bold;
}
.pun tbody.statused span.status {
position: absolute;
}

/*rodapé*/
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

/* rodapé */
#footerSw {
width: 100%;
background: #262626;
color: #E1E1E1;
padding: 1em 1em 1em 10em;
text-align: center;
display: table;
border-top:3px solid #111;
}

#footerSw > li {
position: absolute;
right: 5em;
bottom: 2em;
}
#footerSw {
position: relative !important;
}
#footerSw p {
margin: 20px 0px;
float: left;
font:12px Tahoma;
}
#footerSw ul {
float: left;
list-style: none;
text-align: center;
margin: 0 auto;
width: 15em;
padding: 1em;
}
#footerSw li {
display: block;
padding: 1px;
text-align: left;
}
#footerSw h2 {
font: 20px "Century Gothic", Verdana, Geneva, sans-serif;
color: #F60;
margin-bottom:6px;
}
#footerSw a {
color: #F1F1F1;
text-decoration: none;
}

.pun table .tdtopics .status {
  margin-left: 100px;
}

/* ___________  Novo Chat Box Estilo IPB    ___________*/
@font-face {
  font-family: \'Play\';
  font-style: normal;
  font-weight: 400;
  src: local(\'Play\'), local(\'Play-Regular\'), url(https://fonts.gstatic.com/s/play/v7/ZNo-5SxCwH1CXgZ-n3bt2g.woff2) format(\'woff2\');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

body[bgcolor] {
  background: #fff;
}

.chatbox_row_1.clearfix.shout-0 span span[style="color:undefined"] {
  font-size: 0px;
}

.chatbox-options li a span#chatbox_option_co:before {
  content: "Para visualizar as mensagens clique em login.";
  text-align: center;
  margin-top: 125px;
  background: #FFFFFF!important;
  width: 100%;
  height: 80px;
  right: 0;
  position: absolute;
  z-index: 1;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 14px!important;
  color: #000;
}

.chatbox-options li a span#chatbox_option_co:after {
  content: " Você está desconectado!";
  margin-top: 180px;
  background: #ccc!important;
  width: 100%;
  padding: 10px 0;
  right: 0;
  position: absolute;
  z-index: 1;
  text-align: center;
  display: block;
  border-top: 1px solid #ebebeb;
  font-size: 20px!important;
  color: #000;
}

#chatbox .user strong span, body #chatbox .msg, #chatbox .date-and-time, #chatbox_header.main-head {
  font-family: Play,Arial,Helvetica,sans-serif!important;
  font-size: 14px!important;
}

#chatbox .date-and-time {
  float: right;
  color: #cacaca;
  font-size: 11px;
}

#chatbox .date-and-time img {
  opacity: 0.5;
}

#chatbox .date-and-time img:hover {
  opacity: 1.0;
}

#chatbox_header.main-head {
  padding: 0;
  margin: 0;
  list-style: none;
  position: inherit;
  height: 40px;
  display: block;
  border-radius: 4px 4px 4px 4px;
background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
}

#chatbox_header.main .main-foot, .main .main-head {
    background: url(http://i.servimg.com/u/f48/15/98/03/89/header10.gif) repeat-x scroll 0 0 #252525;
    border: 1px solid #171717;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.45);
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-bottom: 6px;
    overflow: hidden;
    padding: 14px 14px 14px 20px;
}

#chatbox_header.main .main-foot {
margin-top: 0px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
}
#chatbox_header.main .main-head {
    background-image: url(http://illiweb.com/fa/empty.gif);
}

#chatbox_header.main-head:after {
  content: "Divulgação, flood, spam ou atitudes desrespeitosas não são toleradas neste Chat.";
  background: #ebebeb;
  color: #111111;
  margin-top: 40px;
  display: block;
  padding: 10px;
  position: absolute;
  width: 100%;
}

.chatbox-title {
  font-size: 14px;
  color: #fff;
  padding: 10px 10px 0 10px;
}

.chatbox-title, .chatbox-title a.chat-title {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

#chatbox_members, #chatbox {
  top: 80px;
}

.chatbox-options {
  background: rgba(0,0,0,0.5);
  opacity: 0.6;
  color: #fff;
  padding: 5px;
}

#chatbox_members {
  display: none;
}

#chatbox {
  left: 0;
}

.chatbox_row_1, .chatbox_row_2 {
  background-color: #fff;
  position: relative;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #ebebeb;
  padding: 7px;
}

#chatbox > p {
  border-bottom: 1px solid #ebebeb!important;
}

body #chatbox .user strong {
  font-size: 0px;
  margin-left: 4px;
}

body #chatbox .user strong span {
  font-size: 12px;
  font-weight: 300;
}

body #chatbox .msg {
  display: block;
  line-height: 1.5em;
  margin-top: -7px!important;
}

#chatbox_footer .right:first-child {
  width: 100% !important;
  float: right;
}

.pun .main-content.chatbox {
  border: 0px solid #ebebeb;
}

#chatbox_footer .right:nth-child(2) {
  float: right;
  margin-top: -42px;
  z-index: 999;
}

#chatbox_messenger_form label[for="message"] {
  display: none;
}

input#message.post {
  width: 90% !important;
  margin-top: 2px;
  height: 12px;
  padding: 8px 10px 8px 8px !important;
  border: none !important;
  background: transparent;
  outline: none;
}

input#message.post {
  background: url(https://i.imgur.com/5zppq7r.png) no-repeat!important;
}

input#message.post:focus {
  background: transparent!important;
}

#divcolor,  #help-button, .format-message + label {
  display: none!important;
}

.right  #submit_button {
  position: absolute;
  right: 0;
  margin-right: 10px;
}

.right #submit_button {
  height: 30px!important;
  background: #1abc9c;
  color: #ffffff !important;
  cursor: pointer;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  padding: 5px 15px;
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,0.1);
  -webkit-transition: 0.1s all linear;
  -moz-transition: 0.1s all linear;
  -ms-transition: 0.1s all linear;
  -o-transition: 0.1s all linear;
  transition: 0.1s all linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-font-smoothing: antialiased;
  border-width: 0px!important;
}

#divsmilies {
  width: 24px!important;
  height: 24px!important;
  background: url(https://i.imgur.com/Ku7QNJd.png) no-repeat;
  border: 0px!important;
/* position:absolute; */
  margin-right: 80px;
  margin-top: 15px;
}

#divsmilies>img {
  display: none;
}

#divsmilies:hover:before {
  content: "Emoticons";
  background: #2a2a2a;
  line-height: 26px;
  font-size: 12px;
  color: #fff;
  position: absolute;
  padding: 0 8px;
  pointer-events: none;
  border-radius: 2px;
  position: absolute;
  margin-top: -30px;
  margin-left: -35px;
}

#chatbox_footer {
  height: auto !important;
  background-color: #fff!important;
  border-top: 0px dashed #ccc;
}

body #chatbox .cb-avatar {
  border-width: 0!important;
}

#chatbox .cb-avatar,  #chatbox .cb-avatar img {
  background: none repeat scroll 0 0 #fff!important;
  border: 0px solid #d5d5d5!important;
  border-width: 0!important;
  box-shadow: none!important;
  float: left;
  margin-right: 4px!important;
  padding: 1px!important;
  vertical-align: middle!important;
  width: 34px!important;
  height: 34px!important;
}

Inté. o/


Bem-vindo ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Luiz — Ajudeiro
avatar

Luiz
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 22/04/2016
Mensagens : 5778
Pontos Ativos : 6607

Ver perfil do usuário https://github.com/lffg/

Resolvido Re: Perfil no topico

Mensagem por Appoloz em 17/01/17, 03:45 pm

Perfeito! Obrigado.
avatar

Appoloz
Usuário avançado

Masculino
Inscrito dia : 14/02/2012
Mensagens : 405
Pontos Ativos : 630

Ver perfil do usuário http://rpg-narutoworld.forumeiros.com/

Resolvido Re: Perfil no topico

Mensagem por Kyo Panda em 17/01/17, 09:28 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!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4583
Pontos Ativos : 5832

Ver perfil do usuário http://ajuda.forumeiros.com

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


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