Best Style

Você não está conectado. Conecte-se ou registre-se

Perfil Personalizado

Ir à página : 1, 2, 3, 4  Seguinte

Ir em baixo  Mensagem [Página 1 de 4]

1 Perfil Personalizado em 30.12.15 17:34

PrisoN

avatar
Membro
Bom eu gostaria de aumentar o tamanho dos avatares quando posta em um tópico, ficaram muito pequeno.
Print: https://imgur.com/IhBKSgE



Última edição por PrisoN em 07.01.16 11:13, editado 1 vez(es)

Ver perfil do usuário

2 Re: Perfil Personalizado em 30.12.15 18:43

Sliw

avatar
Administrador
Preciso de uma conta de teste amigo em seu fórum, pois não tenho certeza qual classe estais a usar.

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

3 Re: Perfil Personalizado em 30.12.15 18:51

PrisoN

avatar
Membro
Já te mandei por MP.

Ver perfil do usuário

4 Re: Perfil Personalizado em 30.12.15 18:55

Sliw

avatar
Administrador
Adicione esse codigo CSS no topo de sua folha de estilo:

Código:
.user-basic-info a img {height:200px;width:150px;}

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

5 Re: Perfil Personalizado em 30.12.15 18:58

PrisoN

avatar
Membro
Não resultou.

Ver perfil do usuário

6 Re: Perfil Personalizado em 30.12.15 19:01

Sliw

avatar
Administrador
Estranho, pois testei em seu fórum... Você adicionou no topo da sua folha de estilo?

Tem que ser no INICIO! sinão não funcionará.

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

7 Re: Perfil Personalizado em 30.12.15 19:05

PrisoN

avatar
Membro
Sim, adicionei no inicio da CSS, mais como não resulto eu retirei. Procurei um parecido na minha CSS achei e modifiquei, resultou mais o perfil ficou pequeno, veja a imagem abaixo. Gostaria que o avatar ficasse o tamanho normal 300x150.
Poderia me fornecer o código?

Print do problema: https://imgur.com/1FGuZJT

Ver perfil do usuário

8 Re: Perfil Personalizado em 31.12.15 0:16

Fael

avatar
Ajudeiro
Fornecer qual código amigo? você já não achou ele em sua folha de estilo CSS, é só modificar ele no tamanho que quiser.

height = altura, ou seja 300px
width = largura, ou seja 150px

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

9 Re: Perfil Personalizado em 31.12.15 9:57

PrisoN

avatar
Membro
@Faeel, você não entendeu a minha questão, eu quero aumentar o tamanho do perfil de postagem, pois se eu aumentar só o tamanho do avatar, vai fica bugado, o avatar grande dentro de um quadrado pequeno que não deixa mostrar quase nada do avatar.
Eu gostaria de aumentar o tamanho do perfil de postagem ou deixa-lo assim: https://imgur.com/f1jxgQD
Link onde o perfil da print se encontra: www.brasilplayforever.com/forum

Ver perfil do usuário

10 Re: Perfil Personalizado em 31.12.15 11:27

Sliw

avatar
Administrador
Desculpe a demora, depois da minha ultima resposta aqui eu tive que sair, e só consegui tempo pra entrar agora...
Adicione esse codigo css em sua folha de estilo:

Código:
 .pun .postmain {margin-left: 250px;}
.pun .user-ident .user-basic-info {margin-left: -30px;}

Seria bom se fosse no TOPO da sua folha de estilo Razz

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

11 Re: Perfil Personalizado em 31.12.15 11:59

PrisoN

avatar
Membro
Não deu o resultado que eu queria, eu gostaria de um perfil de postagem tipo esse da print abaixo;
https://imgur.com/f1jxgQD
https://imgur.com/uan2AVF

Ver perfil do usuário

12 Re: Perfil Personalizado em 31.12.15 12:13

Sliw

avatar
Administrador
Preciso do seu template viewtopic_body
pois não possui uma classe pra essa ação... terei que adicionar

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

13 Re: Perfil Personalizado em 31.12.15 12:20

PrisoN

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

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

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

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
         {
            if( $(this).is(":visible") )
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
               $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
         });
        }
    }
    catch(e) { }
   
   return false;
};

//]]>
</script>
<script>
$(function(){
$('img[alt="Novo Tópico"]').remove();
$('img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."]').replaceWith('<span class="topic_buttons important">Este tópico está bloqueado</span>');
$('img[alt="Responder ao tópico"]').replaceWith('<span class="topic_buttons">Responder ao tópico</span>');
$('img[alt="Responder com citação"]').replaceWith('<span class="post_controls">Citar</span>');
$('img[alt="Editar/excluir esta mensagem"]').replaceWith('<span class="post_controls">Editar</span>');
$('img[alt="Excluir esta mensagem"]').replaceWith('<span class="post_controls">Deletar</span>');
$('img[alt="Ver o IP do Usuário"]').replaceWith('<span class="post_controls">Ver IP</span>');
$('img[src="http://illiweb.com/fa/subsilver/icon_multiquote_off_en.png"]').replaceWith('<span class="post_controls">Multi-Quote</span>');
$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').replaceWith('<span class="post_controls report">Reportar</span>');
});
</script>
<script>
        jQuery(document).ready(function() {
          var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
          $('.ipsUserPhoto').attr('src',url);
          var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
          jQuery('.teste2').attr('href',url2);
          var url3=jQuery('.post_username span a span strong').html();
          jQuery('span[itemprop="creator"]').html(url3);
          var url5=jQuery('abbr[itemprop="commentTime"]').html();
          jQuery('span[itemprop="dateCreated"]').html(url5);
        });
</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}&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&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} » 
      <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 -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>   
      <div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
      <!-- END switch_fb_likebtn -->
   </p>
</div>

<div class="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Started by <span itemprop="creator"></span>, <span itemprop="dateCreated">{postrow.displayed.POST_DATE_NEW}</span>
</div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</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>  
         <!-- 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="border">
   <div class="main-head clearfix">
      <p class="h2">
         <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a>  
         {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
   </div>

   <div class="main-content topic">
      <!-- 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}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
         <h3{postrow.displayed.THANK_BGCOLOR}>
<div class="post_username">
<span itemprop="creator name" class="author vcard" itemprop="name">{postrow.displayed.POSTER_NAME}</span>{postrow.displayed.ONLINE_IMG}
</div>
<div class="post_date">
Postado <abbr class="published" itemprop="commentTime">{postrow.displayed.POST_DATE_NEW}</abbr>
</div>
</h3>   
                          <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">
                                                                  <span class="photo-user">{postrow.displayed.POSTER_AVATAR}</span><br />
                           {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </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}" alt="" />

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

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

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

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

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

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

               <div class="postfoot">
                  <div class="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 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> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a>  
         {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>
  </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>  
         <!-- 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} » 
      <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}" alt="" />
         </td>
         <!-- END switch_forum_rule_image -->
         <td class="rules entry-content">
            {RULE_MSG}
         </td>
      </tr>
   </table>
</div>
<!-- END switch_forum_rules -->

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

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

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

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

Espero que consiga

Ver perfil do usuário

14 Re: Perfil Personalizado em 31.12.15 13:02

Sliw

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

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

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

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>
<script>
$(function(){
$('img[alt="Novo Tópico"]').remove();
$('img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."]').replaceWith('<span class="topic_buttons important">Este tópico está bloqueado</span>');
$('img[alt="Responder ao tópico"]').replaceWith('<span class="topic_buttons">Responder ao tópico</span>');
$('img[alt="Responder com citação"]').replaceWith('<span class="post_controls">Citar</span>');
$('img[alt="Editar/excluir esta mensagem"]').replaceWith('<span class="post_controls">Editar</span>');
$('img[alt="Excluir esta mensagem"]').replaceWith('<span class="post_controls">Deletar</span>');
$('img[alt="Ver o IP do Usuário"]').replaceWith('<span class="post_controls">Ver IP</span>');
$('img[src="http://illiweb.com/fa/subsilver/icon_multiquote_off_en.png"]').replaceWith('<span class="post_controls">Multi-Quote</span>');
$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').replaceWith('<span class="post_controls report">Reportar</span>');
});
</script>
<script>
        jQuery(document).ready(function() {
          var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
          $('.ipsUserPhoto').attr('src',url);
          var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
          jQuery('.teste2').attr('href',url2);
          var url3=jQuery('.post_username span a span strong').html();
          jQuery('span[itemprop="creator"]').html(url3);
          var url5=jQuery('abbr[itemprop="commentTime"]').html();
          jQuery('span[itemprop="dateCreated"]').html(url5);
        });
</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}&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&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} »
      <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 -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script> 
      <div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
      <!-- END switch_fb_likebtn -->
  </p>
</div>

<div class="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Started by <span itemprop="creator"></span>, <span itemprop="dateCreated">{postrow.displayed.POST_DATE_NEW}</span>
</div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</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> 
        <!-- 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="border">
  <div class="main-head clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
  </div>

  <div class="main-content topic">
      <!-- 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}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
        <h3{postrow.displayed.THANK_BGCOLOR}>
<div class="post_username">
<span itemprop="creator name" class="author vcard" itemprop="name">{postrow.displayed.POSTER_NAME}</span>{postrow.displayed.ONLINE_IMG}
</div>
<div class="post_date">
Postado <abbr class="published" itemprop="commentTime">{postrow.displayed.POST_DATE_NEW}</abbr>
</div>
</h3> 
                          <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
              <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 />
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </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}" alt="" />

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

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

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

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

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

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

              <div class="postfoot">
                  <div class="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 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> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
        {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>
  </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> 
        <!-- 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} »
      <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}" alt="" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

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

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

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

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

Salve e publique e adicione esse codigo css no topo de sua folha de estilo:

Código:
.pun .post .user {width:180px;}
        .pun .user-ident .username {width:180px;}

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

15 Re: Perfil Personalizado em 31.12.15 13:16

PrisoN

avatar
Membro
Não resultou, do jeito que eu quero, ficou parecido com oque estava.

Ver perfil do usuário

16 Re: Perfil Personalizado em 31.12.15 13:59

Sliw

avatar
Administrador
Vamos lá, tente adicionar esse codigo CSS no TOPO de sua folha de estilo CSS:
Código:
.pun .postmain {margin-left:22em;}
        .user-basic-info a img{max-height:150px;max-width:300px;margin-left:-50px;}
.pun .post .user {width:150px;}

Agora certeza que dará sucesso Very Happy

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

17 Re: Perfil Personalizado em 31.12.15 14:54

PrisoN

avatar
Membro
Ainda não deu o resultado que eu quero, quero que fique assim: https://imgur.com/f1jxgQD
https://imgur.com/uan2AVF
E está assim: https://imgur.com/s6nhH9t

Ver perfil do usuário

18 Re: Perfil Personalizado em 31.12.15 15:14

Sliw

avatar
Administrador
Troque seu CSS pra este:
http://pastebin.com/exbUnHzs
e Salve.

feito isto ,altere seu template : viewtopic_body por este:
Código:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){

    if(typeof(_atc) == "undefined") {
        _atc = { };
    }

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

var hiddenMsgLabel = { visible:'{JS_HIDE_HIDDEN_MESSAGE}', hidden:'{JS_SHOW_HIDDEN_MESSAGE}' };
showHiddenMessage = function(id)
{
    try
    {
        var regId = parseInt(id, 10);
        if( isNaN(regId) ) { regId = 0; }
       
        if( regId > 0)
        {
            $('.post--' + id).toggle(0, function()
        {
            if( $(this).is(":visible") )
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.visible);
            }
            else
            {
              $('#hidden-title--' + id).html(hiddenMsgLabel.hidden);
            }
        });
        }
    }
    catch(e) { }
   
  return false;
};

//]]>
</script>
<script>
$(function(){
$('img[alt="Novo Tópico"]').remove();
$('img[alt="Este Tópico está bloqueado. Você não pode editar as mensagens ou responder."]').replaceWith('<span class="topic_buttons important">Este tópico está bloqueado</span>');
$('img[alt="Responder ao tópico"]').replaceWith('<span class="topic_buttons">Responder ao tópico</span>');
$('img[alt="Responder com citação"]').replaceWith('<span class="post_controls">Citar</span>');
$('img[alt="Editar/excluir esta mensagem"]').replaceWith('<span class="post_controls">Editar</span>');
$('img[alt="Excluir esta mensagem"]').replaceWith('<span class="post_controls">Deletar</span>');
$('img[alt="Ver o IP do Usuário"]').replaceWith('<span class="post_controls">Ver IP</span>');
$('img[src="http://illiweb.com/fa/subsilver/icon_multiquote_off_en.png"]').replaceWith('<span class="post_controls">Multi-Quote</span>');
$('img[alt="Enviar um alerta desta mensagem a um administrador ou moderador"]').replaceWith('<span class="post_controls report">Reportar</span>');
});
</script>
<script>
        jQuery(document).ready(function() {
          var url=$('.post:first .postmain .postbody .user .user-ident .user-basic-info a img').attr('src');
          $('.ipsUserPhoto').attr('src',url);
          var url2=jQuery('.post:first .postmain .postbody .user .user-ident .user-basic-info a').attr('href');
          jQuery('.teste2').attr('href',url2);
          var url3=jQuery('.post_username span a span strong').html();
          jQuery('span[itemprop="creator"]').html(url3);
          var url5=jQuery('abbr[itemprop="commentTime"]').html();
          jQuery('span[itemprop="dateCreated"]').html(url5);
        });
</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}&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&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} »
      <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 -->
      <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/{LANGUAGE}/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script> 
      <div class="fb-like right" data-href="{FORUM_URL}{TOPIC_URL}" data-layout="button_count" data-action="like" data-show-faces="false" data-share="false" style="top:-15px;"></div>
      <!-- END switch_fb_likebtn -->
  </p>
</div>

<div class="sb_titlebox">
<a href="#" class="ipsUserPhotoLink left">
<img src="http://r26.imgfast.net/users/2617/31/90/74/avatars/1-40.png" alt="Photo" class="ipsUserPhoto ipsUserPhoto_medium">
</a>
<div itemscope="" itemtype="http://schema.org/Article" class="ipsBox_withphoto">
<h1 itemprop="name" class="ipsType_pagetitle">
{TOPIC_TITLE}
</h1>
<div class="desc lighter blend_links">
Started by <span itemprop="creator"></span>, <span itemprop="dateCreated">{postrow.displayed.POST_DATE_NEW}</span>
</div>
<meta itemprop="interactionCount" content="UserComments:1">
</div>
</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> 
        <!-- 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="border">
  <div class="main-head clearfix">
      <p class="h2">
        <a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> 
        {L_MESSAGE} [{PAGE_NUMBER}]
      </p>
  </div>

  <div class="main-content topic">
      <!-- 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}" style="position: relative; top: -20px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
        <h3{postrow.displayed.THANK_BGCOLOR}>
<div class="post_username">
<span itemprop="creator name" class="author vcard" itemprop="name">{postrow.displayed.POSTER_NAME}</span>{postrow.displayed.ONLINE_IMG}
</div>
<div class="post_date">
Postado <abbr class="published" itemprop="commentTime">{postrow.displayed.POST_DATE_NEW}</abbr>
</div>
</h3> 
                          <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
              <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                    <div class="user-ident">
                        <h4 class="username"></h4>
                        <div class="user-basic-info">
                          {postrow.displayed.POSTER_AVATAR}<br />
                          {postrow.displayed.POSTER_NAME}<br/>
                          {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                        </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}" alt="" />

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

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

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

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

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

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

              <div class="postfoot">
                  <div class="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 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> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> 
        {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>
  </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> 
        <!-- 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} »
      <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}" alt="" />
        </td>
        <!-- END switch_forum_rule_image -->
        <td class="rules entry-content">
            {RULE_MSG}
        </td>
      </tr>
  </table>
</div>
<!-- END switch_forum_rules -->

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

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

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

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

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

19 Re: Perfil Personalizado em 31.12.15 15:50

PrisoN

avatar
Membro
Não mudou praticamente nada, apenas o formato do avatar, código não resultou.

Ver perfil do usuário

20 Re: Perfil Personalizado em 01.01.16 16:43

Sliw

avatar
Administrador
Bom amigo, não entendi o que realmente falta :/
poderia descrever?

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

21 Re: Perfil Personalizado em 01.01.16 16:58

Makaveli

avatar
Membro
Amigo, tente upar a imagem, vá até seu perfil e coloque o link da imagem no 'Usar Avatar fora deste site'

Ver perfil do usuário

22 Re: Perfil Personalizado em 02.01.16 10:17

PrisoN

avatar
Membro
@Makaveli, você não entendeu a minha pergunta, eu não quero muda o avatar do meu perfil, eu quero muda a forma do meu perfil, ele está assim: https://imgur.com/IhBKSgE e eu quero que fique assim: https://imgur.com/uan2AVF

@Edit

Aqui está a folha css do meu antigo fórum onde tinha esse perfil, tentei coloca-lo, mais deu erro e também não sei qual o código do perfil, rs. espero que isso ajude a encontra o código.

Código:
p.rightside {
        display: none;
}
#new-message{
left: 7% !important;
}
 
// Lista de topicos
 
ul.topiclist {
   border: 1px solid #d9d9d9;
  
}
 
.topiclist.forums dd.lastpost {
    background-color: #f6f6f6;
    border: 1px solid #e3e6e6;
    border-radius: 5px 5px 5px 5px;
    margin: 6px;      
  }li.row:hover {
 background-color: #f1f1f1;
 border: 1px solid #e2e7e7;
 box-shadow: 2px 2px 2px 2px inset #dedede;
  border-radius: 0 0 40px 40px;
 -webkit-transition: 0.3s ease-in; // navegadores webkit, como Safari e Chrome
 -moz-transition: 0.3s ease-in; // Firefox
 -o-transition: 0.3s ease-in; // Opera
}
 
.post {
-moz-border-radius: 4px;
-o-border-radius: 4px;
-webkit-border-radius: 4px;
border: 1px solid #eeeeee;
border-radius: 4px;
box-shadow: 1px 1px 2px #e1e1e1;
background-color: #fbfbfb;  
margin: 8px 1px;
padding-bottom: 8px;
padding-top: 5px;
margin-top: 10px;  
}
 
.postprofile dd, .postprofile dt {
  padding-top: 10px;
  padding-left: 5px;
}
.postprofile dl dt img {
        box-shadow: 0px 0px 3px #606060;
        margin-bottom: 10px;
}
 
//
// Botão de download
.post a[href*="http://www.mediafire.com/?"],.post a[href*="http://www.4shared.com"] {
    background: url("http://i12.servimg.com/u/f12/17/70/81/78/button10.png") no-repeat scroll center center transparent;
    color: transparent;
    display: block;
    font-size: 0;
    height: 33px;
    overflow: hidden;
    width: 116px;
}
 
// Legenda personalizada
    #i_whosonline + p br + br + em {
    background: url(http://i39.servimg.com/u/f39/15/96/67/45/marcad10.png) no-repeat rgb(247, 247, 247);
    border: 1px solid rgb(205, 205, 205);
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    color: transparent;
    display: block;
    font-size: 0.9em;
    margin: 15px 0px 0px 150px;
    position: relative;
    padding: 10px 15px 10px 10px;
    text-align: center;
    width: 61%;
    }
 
.postprofile{
        border: 1px dashed #eee;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        text-align: left;
        background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
        background-repeat: repeat;
        -moz-box-shadow: 0px 5px 5px #CCCCCC;
        -webkit-box-shadow: 0px 5px 5px #CCCCCC;
         box-shadow: 0px 5px 5px #CCCCCC;
}
#wrap {    
        border-radius: 20px;
        margin-top: 60px;
        margin-bottom: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        box-shadow: 0px 0px 5px #999;
        border: 1px solid #cccccc;
        padding: 15px;
        -moz-border-radius:10px;
        -moz-box-shadow:0 1px 5px rgba(0,0,0,.15);
        -webkit-border-radius:10px 10px;
        -webkit-box-shadow:0 1px 5px rgba(0,0,0,.15);
        box-shadow:0 1px 5px rgba(0,0,0,.15);
        border-radius: 10px 10px;
        border-radius-topright: 20px;
}
/* categoria retrátil */
 
/* Fim */
.newslink .h3 {
display: none;
}
 
#main-content a.cgu-buttons,input.button1,input.button2,a.button2,button.button2{
border: 1px solid #afafaf;
background: url(http://i66.servimg.com/u/f66/11/96/49/61/tabbg10.png);
background-color: silver;
border-radius: 3px;
padding: 2px;
}
 
 
// Fim
 
.online {
background-image: url(http://hitskin.com/themes/12/98/28/i_icon_online.png);
}
// FIM ===================================
#ipbwrapper {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #DCCE54;
}
 
.blockquote {
margin: 1em 1px 1em 25px;
padding: 5px;
background: #D6D6D6 url("http://illiweb.com/fa/prosilver/quote.gif") 6px 8px no-repeat;
border: 1px solid #F0D7B8;
font-size: 0.95em;
margin: 1em 1px 1em 25px;
background-color: #FFFFFF;
border-radius: 15px 0px 15px 0px;
-moz-border-radius: 15px 0px 15px 0px;
-webkit-border-radius: 15px 0px 15px 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
color : #eee;
display: block;
overflow: auto;
}
// fim =============================
.postprofile {
text-align:left;
}
.user_login_form {
margin-bottom: 5px;
}
.center {
margin-left: auto;
margin-right: auto;
text-align: center;
}
//Visualização de tópicos e mensagens
// Fim  
 
div.module {
background-image: url("http://hitskin.com/themes/13/92/59/i_list_bg.png");
background-repeat: repeat;
border: 1px solid #eee;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
// ================= FIM ================
 
input.button1, input.button2, a.button1, a.button2, button.button2, button.button1 {
background:#e7f3f7 url(http://im1.all-up.com/i/img/bg_button.png) repeat-x;
border:1px solid #008AE6;
color:#5e6669;
overflow:visible;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 3px 3px #CCCCCC;
-webkit-box-shadow: 0px 3px 3px #CCCCCC;
}
input.button1:hover, input.button2:hover, a.button1:hover, a.button2:hover, button.button2:hover, button.button1:hover {
border: 1px solid #FF9D00;
color:black;
background-position: top;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
}
// ================== FIM =================
dl.codebox {
border: 1px solid #008AE6;
padding: 6px;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
 
codebox dt{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/citati10.png');
background-repeat: no-repeat;
background-position: top right;
padding: 5px 10px 3px 3px;
color: #000;
font-weight: bold;
background-color: #707070;
border: 1px solid #888888;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
// =========================== FIM ========================
 
#text_editor_textarea {
border:1px solid #008AE6;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 10px 10px #CCCCCC;
-webkit-box-shadow: 0px 10px 10px #CCCCCC;
}
 
 
.h3, .catHead {
background-image: url("http://www.sebrasil.com.br/styles/AeroBlack/theme/images/cellpic1.gif");
background-repeat: repeat;
border: 1px solid #dcdcdc;
    background-color: #fff;
color: #818283;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 5px 5px #CCCCCC;
-webkit-box-shadow: 0px 5px 5px #CCCCCC;
 border-bottom-right-radius: 10px;
 border-top-left-radius:10px;
 box-shadow: 0px 5px 5px #CCCCCC;  
text-align: center;
 padding-bottom: 5px;  
 padding-top: 5px;
 padding-left: 5px;  
 padding-right: 5px;
    margin-bottom: 10px;
    margin-top: -1px;
}
  .h3 .catHead a:link {
        color: #818283;
  }  
    .h3 .catHead a:visited {
        color: #818283;
  }  
 
 
.pathname-box {
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset;
    margin-top: 10px;
    padding: 3px;
}
p .pathname-box {
  font-size: 10px !important;
}
p.path {
    clear: left;
    margin-left: 10px;
}
 
/*ul.topiclist {
border: 0px solid #eee;
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-webkit-border-radius-bottomright: 10px;
-moz-box-shadow: 0px 2px 2px #CCCCCC;
-webkit-box-shadow: 0px 2px 2px #CCCCCC;
}*/
li.header, table.forumline td.catHead {
    background-color: #000000 !important;
    color: #FFF !important;
    font-size: 11px !important;
    font-family: Verdana, sans-serif;
    font-weight: 700 !important;
    padding: 8px !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.247);
  font-size: 1.05em;
 
}
// ================================= FIM ========================
// Reputação personalizada
    dd > .reputation {
  background-color: rgb(141, 177, 62)!important;
  background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);
  border--radius: 3px;
  color: rgb(255, 255, 255);
  font-weight: bold;
  display: block;
  margin: 0 auto;
  margin-bottom: 3px;
  padding: 3px 7px;
  max-width: 125px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  background-position: 0px 1px;
  background-repeat: repeat no-repeat;
}
dd > .reputation.zero {
  background-color: rgb(16, 16, 16)!important;
  color: rgb(255, 255, 255);
}
 
dd > .reputation span {
  color: #fff !important;
}
  //fim reputacao
.reset {
background:#e7f3f7 url(http://im1.all-up.com/i/img/bg_button.png) repeat-x;
border:1px solid #008AE6;
color:#5e6669;
overflow:visible;
-moz-border-radius-topleft: 15px;
-webkit-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-webkit-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-webkit-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius-bottomleft: 0px;
-moz-box-shadow: 0px 3px 3px #CCCCCC;
-webkit-box-shadow: 0px 3px 3px #CCCCCC;
}
// ============================== FIM ========================
// Anuncios globais
dl[style*="http://i46.servimg.com/u/f46/13/66/77/06/fixo210.png"], dl[style*="http://icons.iconarchive.com/icons/double-j-design/origami/32/file-icon.png"] {
background-color:#FFFCDF;
border-bottom:1px solid #FFBFBF;
border-top:1px solid #FFBFBF;
}
// FIM =============================
 
.h3{
color:#00008B!important;
}
// ============================ FIM =====================
/* Efeito no título dos ranks */
 
.om {
  color: #EE00EE;
}
.nvl5 {
  color: #8B658B;
}
/* Fim */
.ti {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FF6600;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
 
}
// teste de imagem
.imgt {
width: 36px;
height: 36px;
}
.tx {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #D11736;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.dono {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2D5913;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
 
.destaque {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #c29211;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
 
.memb{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #a1a1a1;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.edt{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #0fb4cc;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.mod{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #2768A1;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}  
.master{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #CD00E0;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}  
.helper{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #72bec1;
border-radius: 3px;
color: #2D5913;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
  .adm{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #1527ac;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}  
  .nv5{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #8B658B;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.dona {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #BA7702;
border-radius: 3px;
color: #fff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
.des{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #990000;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
  .pref{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #AC82FF;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}  
  .nvl{
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #76940C;
border-radius: 3px;
color: #ffffff;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin-top: 5px;
padding: 3px 8px;
text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}    
/* BoykaxD */
a[href="/u14"]{
  text-shadow:0px 0px 3px #FFB700;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
a[href="/u14"]:hover {
text-shadow: 1px 1px 1px #ffdd03;
}
/* Brasil PlayForever */
a[href="/u29175"]{
  text-shadow:0 0 3px #FFFF00;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
 /* Black_Hole */
a[href="/u11035"]{
  text-shadow:0px 0px 3px #FFB700;
  background: url("http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif");
}
  /* Black_Hole */
a[href="/u11035"]:hover {
text-shadow: 1px 1px 1px #ffdd03;
}
 /* Mr_Roxy */
a[href="/u10811"]{
  text-shadow:0px 0px 3px #FFB700;
  background: url("http://sl.glitter-graphics.net/pub/590/590935ankbyj1xx4.gif");
}
  /* Mr_Roxy */
a[href="/u10811"]:hover {
text-shadow: 1px 1px 1px #ffdd03;
}
/* yLx */
a[href="/u1"]{
  text-shadow: 0px 0px 3px #2D5913;
  background: url("http://i.imgur.com/64TYyxd.gif");
}
/* Vitor Vitorassi */
a[href="/u1430"]{
  text-shadow:0 0 3px #FF00FF;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* Vitor Tetila */
a[href="/u4207"]{
  text-shadow:0 0 3px #DCDCDC;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* Cebola_xD */
a[href="/u5137"]{
  text-shadow:0px 0px 3px #17d4d4;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* Emerson Cristian
a[href="/u850"]{
  text-shadow: 0px 0px 3px #FF00FF;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
} */
 /* Leonardo Viera */
a[href="/u204"]{text-shadow:0 0 3px #7A0C06;
    background: url("http://i.imgur.com/64TYyxd.gif");
}
 /* The Zeradoow */
a[href="/u30926"]{text-shadow:0 0 3px #7A0C06;
  }
 /* Designer Mes */
a[href="/u39936"]{text-shadow:0 0 3px #7A0C06;
}
/* Vitor Vitorassi */
a[href="/u1430"]{
  text-shadow:0 0 3px #FF00FF;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* Turion xD */
a[href="/u1150"]{text-shadow:0 0 3px #FF00FF;
    background: url("http://i.imgur.com/64TYyxd.gif");
 
}
 /* TOP mes */
a[href="/u7218"]{text-shadow:0 0 3px #2768A1;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
 
/* TOP Admin do mês - [Frizan Nice] */
a[href="/u17746"]{text-shadow:0 0 3px #2768A1;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
 
/* TOP Admin do mês - [Quizzy] */
a[href="/u35405"]{text-shadow:0 0 3px #FF00FF;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* TOP Admin do mês - [Leo Pereira12] */
a[href="/u34664"]{text-shadow:0 0 3px #8B4789;
    background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
 
/*- Códigos para cores -*/
 
/* Sabrina */
a[href="/u13079"]{
color: #D966D9;
text-shadow:0 0 3px #2D5913;
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* Raphael Santos */
a[href="/u1"] {
background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* ex-owners */
/* Matheus Ronaldo */
a[href="/u1184"] {
  text-shadow:0 0 3px #FFF8D9;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
/* Monkey */
a[href="/u488"] {
  text-shadow:0 0 3px #FFF8D9;
  background: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
}
 
.vote {
padding: 4px 1px 4px 1px;
text-align: center;
width:20px;
background-color: #eaeaea;
border: 1px solid #d4d6d5;
margin-top: 50px !important;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-right-radius:5px;
}
 
.vote .vote-no-bar {
display: none;
}
 
.vote .vote-bar {
border-left: 0px;
border-right: 0px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #d4d6d5;
font-size: 0px;
height: 50px;
margin: 0px;
width: 20px;
padding: 3px 0px 3px 0px;
}
 
.vote .vote-bar-plus {
margin-left: 7px;
width: 6px;
}
 
.vote .vote-bar-minus {
margin-left: 7px;
width: 6px;
display: none;
}
 
.vote .vote-button a[href*="plus"] {
background-image: url(http://i26.servimg.com/u/f26/12/56/56/12/116.jpg);
background-repeat: no-repeat;
display:block;
height:21px;
width:22px;
}
 
.vote .vote-button a[href*="minus"] {
background-image:url(http://i26.servimg.com/u/f26/12/56/56/12/212.jpg);
background-repeat: no-repeat;
display:none;
height:21px;
width:22px;
}
// ================================ FIM ================================
 
/* Nova caixa de buscar */
#search #keywords:focus{width:140px}#search #keywords{-moz-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;width:150px}img[src="http://i66.servimg.com/u/f66/15/86/37/09/suppor10.png"]{height:auto;width:46px}
/* Fim - Retirando a busca */
 
 
div.borderwrap {
-moz-border-radius:10px;
-webkit-border-radius: 10px;
}
div.maintitle {
-moz-border-radius-topleft:7px;
-moz-border-radius-topright:7px;
-webkit-border-radius-topleft: 7px;
-webkit-border-radius-topright: 7px;
}
table.ipbtable tfoot td {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-radius-bottomleft: 10px;
-webkit-border-radius-bottomright: 10px;
}
.module .box-content, element.style {
-moz-border-radius:7px;
-webkit-border-radius: 7px;
}
 
 
 
 ul.linklist li {
position: relative;
float: center;
}
 
    li:hover #prof-content {
      opacity: 1;
      visibility: visible;
      margin-top: -5px;
    }
 
    #prof-content {
      margin-top: -15px;
      margin-left: -5px;
      _margin: 0; /*IE6 only*/
      border-width: 1px;
      border-style: solid;
      border-color: #000000;
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 29px;
      z-index: 999;
      background: #fff;
      padding: 5px;
      -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    }
 
    #prof-content a {
      display:block;
      width: 150px;
      margin-left: 5px;
    }
 
li:hover #prof-forum {
      opacity: 1;
      visibility: visible;
      margin-top: -5px;
    }
 
    #prof-forum {
      margin-top: -15px;
      border-width: 1px;
      border-style: solid;
      border-color: #000000;
      margin-left: -5px;
      _margin: 0; /*IE6 only*/
      opacity: 0;
      visibility: hidden;
      position: absolute;
      top: 29px;
      z-index: 999;
      background: #fff;
      padding: 5px;
      -moz-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      box-shadow: 0 2px 2px -1px rgba(0,0,0,.9);
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -ms-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
    }
 
    #prof-forum a {
      display:block;
      width: 150px;
      margin-left: 5px;
    }
 
form#quick_reply #textarea_content textarea#text_editor_textarea { height: 120px !important; }
 
#textarea_content textarea#text_editor_textarea { height: 230px; width: 100% !important; }
 
/*
/*Inicio - Aviso de regras nas mensagens*/
.aviso_regras {
    background: none repeat scroll 0 0 #F0E8E0;
    border: 1px solid #C00000;
    font-family: Tahoma,Arial;
    font-size: 11px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 3px;
    text-align: center;

    /* sombra perfil*/
.equipefundo{background-image:url(http://i.imgur.com/Rb9If.png);background-repeat:repeat-y}
/*-------------------------------------*/
.forumtitle {
  font-size: 15px;
  }
a[href="/u2828"]{text-shadow:0 0 5px #0055aa}
a[href="/u194"]{text-shadow:0 0 5px #0055aa}

}
a[href="/u29"]{text-shadow:0 0 5px Blue}
}
a[href="/u29"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
}
a[href="/u24"] {
background-image: url("http://i46.servimg.com/u/f46/16/56/73/62/21ee1p10.gif");
text-shadow:2px 2px 6px #2D5913!important;
}
a[href="/u24"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
}
a[href="/u14"]{text-shadow:0 0 5px Blue}

a[href="/u14"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
}
a[href="/u1"]{text-shadow:0 0 5px Blue}

a[href="/u1"] {
background-image: url("http://i.imgur.com/64TYyxd.gif");
text-shadow : 0px 0px 10px #2D5913;
  
charset=UTF-8
    
.main .main-head.collapsed {
    opacity: 0.6;
}

Ver perfil do usuário

23 Re: Perfil Personalizado em 02.01.16 10:30

Sliw

avatar
Administrador
Finalmente eu entendi o que desejas!! Nossa... foi mal a demora, e desculpe por tudo.
É que estava a mexer em outras coisas, você deseja essa caixa ao redor do perfil né?

Adicione esse codigo na sua folha de estilo:

Código:
.pun .post .user {border: 2px solid #DDD;}

Ficará assim:
https://i.imgur.com/fLYDpFG.png

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

24 Re: Perfil Personalizado em 02.01.16 10:54

PrisoN

avatar
Membro
Infelizmente não é isso, eu quero esse perfil de postagem: https://imgur.com/uan2AVF

Ver perfil do usuário

25 Re: Perfil Personalizado em 02.01.16 11:15

Sliw

avatar
Administrador
Poxa, colocou um titulo bem diferente com o que você deseja, na real que há mais de uma duvida nesse topico...

Isso faz minha cabeça ir a loucuras, '-'

Espero que seja isto... adicione esse codigo css no topo de sua folha de estilo:

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

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

Conteúdo patrocinado


Voltar ao Topo  Mensagem [Página 1 de 4]

Ir à página : 1, 2, 3, 4  Seguinte

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