SP-Design

Seja bem-vindo ao SP-Design. Aqui, lhe ajudaremos com o tema de seu Fórum/Blog/site, vocês poderão solicitar e fornecer ajuda a outros usuários sobre o design e estrutura, tanto grafica, tanto em css e templantes.


Regulamento e informações:      
Equipe SP-Design
Regras do fórum
Como entrar na equipe Staff		 Seções do fórum:
Pedidos Graficos
Pedidos de Códigos
SP-Design e você		 Antes de postar uma dúvida:
Função busca
Perguntas e respostas frequêntes
Tutoriais, dicas e astúcias
Feliz ano novo para você!
Leia a carta de boas festas da equipe SPD.
Área Vip, os códigos mais inovadores
Obtenha os códigos mais inovadores de nosso fórum, atraves de pontos de Cash.
Leia as Regras do SP-Design
Acabou de chegar? Para se "enturmar" rapidamente leia as regras desse fórum.
Tutoriais e Dicas
Veja aqui nossos tutoriais inéditos, e muitos outros tutoriais sobre Design.
Publique no SPublicidade
Publique, peça opinião de pessoas experientes, divulgue o seu trabalho com o SPublicidade
Modifique o visual do seu fórum
Dúvidas sobre códigos HTML, CSS, BBCode e JQuery. Também, poderá tirar dúvidas sobre Templantes.
Faça Pedidos Gráficos para seu fórum
Este é um serviço gratuito para customização e criação de banners, logos, avatares, ícones...
Novo Administrador na comunidade
Pro Administradores adicionam novo administrador na equipe SPD.

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidasPerfil em caixinha

Perfil em caixinha

Ver o tópico anterior Ver o tópico seguinte Ir para baixo  Mensagem [Página 1 de 1]

Bookmarlucas654

Bookmarlucas654
sou nível 14

Qui 21 Jun 2012, 7:11 pm
Qual é minha questão:
Eu queria o código dessa atualização do sp, que é o do perfil, onde fica cash entre outros, ai, ele fica agora dentro do avatar. Ou seja, só aparece, quando aproxima o mouse do avatar. Tem como informar este código?

Imagem do meu problema:


Endereço do meu fórum:
http://habbojoy.forumeiros.com

Versão do meu fórum:
PUNBB



Última edição por Bookmarlucas654 em Sex 22 Jun 2012, 9:48 pm, editado 1 vez(es)

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 7:51 pm
UP (24 horas passados sem resposta)

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 7:57 pm

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 8:36 pm
Que nada, cada um tem suas dificuldades também na real, rsrs Smile Vou ver o tutorial, espera um pouco...

Amigo, não encontrei este código no viewtopic_body:

Código:
{postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


            <!-- 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}
        </span>

        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />

O que eu faço? Aqui esta o meu viewtopic_body completo:
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}&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 -->
      <span id="fb_likebtn" style="margin-left: 6px; ">
        <iframe src="http://www.facebook.com/plugins/like.php?href={FORUM_URL}{TOPIC_URL}&layout=button_count&show_faces=false&width=450&action=like&colorscheme=light&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> 
        <!-- 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> <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 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><br>{postrow.displayed.ONLINE_IMG}
                        <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}" />

                                      <!-- 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-content topic">
<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}>
</div>

<div class="postbody"{postrow.displayed.THANK_BGCOLOR}>

<div class="user">
<div class="user-ident">
<h4 class="username">
<br/>Frank</h4>
<div class="user-basic-info">

<br/><img src="http://www.habbid.com.br/uploads/frank_22.gif" />
</div>
</div>
<div class="user-info">
<span class="equipefundoadm"></span>
</div>
</div>

<div class="post-entry">
<div class="entry-content">

<div>
<div>
  Olá caro usuário! Queremos te informar que, apenas crie tópicos ou mensagens que estejam de acordo com as Regras do Habbo Joy! Caso veja alguma mensagem ou tópicos infratores, clique em:<br><img src="http://i47.servimg.com/u/f47/17/17/49/06/enviar12.png"><br>e reporte-nos o ocorrido!<br><br><b>Sua colaboração é muito importante!</b>
</strong></div>
<div class="clear"></div>
</div>
<p>
{postrow.displayed.EDITED_MESSAGE}
</p>
</div>
</div>
</div>


<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>
</div>
<hr id="first-post-br" />
<div class="main-content topic">
<p class="p-hidden">{postrow.hidden.MESSAGE}</p>
</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>

  <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 -->
      » <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}
 
 
<script>
function generatee() {
  if(document.getElementById('text_editor_textarea').value == '') {
      document.getElementById('text_editor_textarea').value = document.getElementById('mensage').value;
  } else {
      document.getElementById('text_editor_textarea').value = document.getElementById('text_editor_textarea').value +''+ document.getElementById('mensage').value;
  }
}
</script>
   
Mensagens predefinidas :<br />
<select id="mensage">
  <option value="[center][size=14][color=red][b][i]Tópico movido para a 'Lixeira'[/i][/b][/color][/size][/center]">Lixeira</option>
<option value="[img]http://cdn1.iconfinder.com/data/icons/kiwi/Confirm.png[/img][color=cyan][b] Tópico aceito.[/b][/color]<br/>[color=green]Este tópico foi aceito pela moderação.[/color]">Aceitar tópico</option>
<option value="[img]http://cdn4.iconfinder.com/data/icons/kiwi/Decrease.png[/img][color=cyan][b] Tópico rejeitado.[/b][/color]<br/>[color=green]Este tópico foi rejeitado pela moderação e bloqueado.[/color]">Rejeitar tópico</option>
<option value="[img]http://cdn1.iconfinder.com/data/icons/kiwi/Confirm.png[/img][color=cyan][b] Tutorial aceito.[/b][/color]<br/>[color=green]Este tutorial foi aceito pela moderação.[/color]">Aceitar tutorial</option>
<option value="[img]http://cdn4.iconfinder.com/data/icons/kiwi/Decrease.png[/img][color=cyan][b] Tutorial rejeitado.[/b][/color]<br/>[color=green]Este tutorial foi bloqueado pela moderação.[/color]">Rejeitar tutorial</option>
<option value="[img]http://cdn4.iconfinder.com/data/icons/kiwi/Decrease.png[/img][color=cyan][b] Tópico bloqueado.[/b][/color]<br/>[color=green]Este tópico foi bloqueado pela moderação.[/color]">Bloquear tópico</option>
<option value="[img]http://cdn4.iconfinder.com/data/icons/kiwi/Info.png[/img][color=cyan][b] Flood.[/b][/color]<br/>[color=green]Flood são mensagens que não tem sentido ao tópico, ou mensagens excessivas! Cuidado![/color]">Alertar flood</option></select>
   
        <input class="buttons" type="button" name="submit" value="Gerar código" onclick="generatee();"/>         
        <input class="buttons" type="button" name="submit" value="Limpar caixa" onclick="document.getElementById('text_editor_textarea').value = '';"/>
         

<br /> 
 
<!-- 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>

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 8:49 pm
Há, amigo, este é só para a versão phpbb2, e a minha é punBB. Mas, como faço para minha versão? =S

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 9:01 pm
Odeio mexer com templante =\
Vou fazer no css mesmo sifu

Meu fórum de teste é PunBB, Estou fazendo com CSS, quando estiver pronto eu ti passo.

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 9:25 pm
Ok, vlw miguxão *u*

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 9:27 pm
Pronto, só colocar isso em seu css:
Código:

.postbody .user{
   margin-bottom:1em;
     overflow:visible;
}
.postbody .user .user-info span{display:table !important; float:left;}
.postbody .user .user-info{
     width:350px;
        border: 1px solid #CCC;
     display:none;
        left: 100%;
        top: 20px;
        position: absolute;
        background: #F1F1F1;
        padding: 5px;
     box-shadow: 0 8px 6px -6px #333;
     -moz-box-shadow: 0 8px 6px -6px #333;
       -o-box-shadow: 0 8px 6px -6px #333;
       -ms-box-shadow: 0 8px 6px -6px #333;
     -webkit-box-shadow: 0 8px 6px -6px #333;
     border-radius:0 15px 15px;
     -moz-border-radius:0 15px 15px;
       -o-border-radius:0 15px 15px;
       -ms-border-radius:0 15px 15px;
     -webkit-border-radius:0 15px 15px;
}
.postbody .user:hover .user-info{
   display:block;
}

Se quiser editar alguma coisa só falar

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 9:35 pm
*o* Funcionou quase perfeitamente, mas, os ícones ficaram muito afastados! Por exemplo:

Mensagem: 102

Veja neste tópico de testes que fiz para isto: http://habbojoy.forumeiros.com/t152-teste-oficial-do-habbo-joy#1026

Como eu faço? ;s,

Há, e eu queria que ele ficasse na frente de tudo, pois, quando é grande o perfil, ele vai até a minha assinatura, e as letras da assinatura ficam em cima D= Tem como fazer ele ficar na frente de tudo?

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 9:42 pm
Troca por esse

Código:


.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info{
    width:550px;
    text-align:left;
        border: 1px solid #CCC;
    display:none;
        left: 100%;
        top: 20px;
        position: absolute;
        background: #F1F1F1;
        padding: 5px;
    box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
      -o-box-shadow: 0 8px 6px -6px #333;
      -ms-box-shadow: 0 8px 6px -6px #333;
      -webkit-box-shadow: 0 8px 6px -6px #333;
    border-radius:0 15px 15px;
    -moz-border-radius:0 15px 15px;
      -o-border-radius:0 15px 15px;
      -ms-border-radius:0 15px 15px;
      -webkit-border-radius:0 15px 15px;
}
.postbody .user:hover .user-info{
  display:block;
}

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 9:48 pm
AMIGO, FICOU P-E-R-F-E-I-T-O! MUITO MELHOR DO QUE QUALQUER UM QUE EU TIVESSE IMAGINADO *o*

VLWWWWWWWWWWWWWWWWWWWW \o/
(Dei voto em todas suas mensagens, e cliquei em "Obrigado" na que você fez mais correto)

Very Happy

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 9:50 pm
Há, amigo, antes de bloquear, posso estar querendo d+, mas, tem como fazer assim, com que, ao aproximar o mouse, ele vá aparecendo aos poucos? :S Tipo, ele ir "abrindo", por assim dizer, para não aparecer tão bruscamente, tem como? ;s

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 9:54 pm
Estou tentando fazer isso ^^
Tambem achei ele muito ruim aparecendo assim.
Vou tentar fazer aqui.

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 9:55 pm
Ok, e vi que você bloqueou, e logo desbloqueou meu tópico. Elogio sua observação e motivação pra ajudar Smile

Estou aguardando =/

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 10:46 pm
Desculpa a demora, tava tentando fazer com jQuery mais ele abria todos da página =\
Então comecei fazer com css3, deu trabalho mais consegui.
Testado com sucesso no, Chrome, Opera e Mozilla Firefox

Troque os códigos por esse:
Código:



.postbody .user{
  margin-bottom:1em;
    overflow:visible;
}
.postbody .user .user-info{
    width:550px;
    text-align:left;
        border: 1px solid #CCC;
     opacity:0.0;
     filter:alpha(opacity=0);
     z-index:-9;
        top: 20px;
        position: absolute;
        background: #F1F1F1;
        padding: 5px;
    box-shadow: 0 8px 6px -6px #333;
    -moz-box-shadow: 0 8px 6px -6px #333;
      -o-box-shadow: 0 8px 6px -6px #333;
      -ms-box-shadow: 0 8px 6px -6px #333;
      -webkit-box-shadow: 0 8px 6px -6px #333;
    border-radius:0 15px 15px;
    -moz-border-radius:0 15px 15px;
      -o-border-radius:0 15px 15px;
      -ms-border-radius:0 15px 15px;
      -webkit-border-radius:0 15px 15px;
}
.postbody .user:hover .user-info{
     z-index: 999;
        left: 100%;
     opacity:100;
     filter:alpha(opacity=100);
   transition: opacity 500ms linear;
     -moz-transition: opacity 500ms linear;
       -o-transition: opacity 500ms linear;
       -ms-transition: opacity 500ms linear;
     -webkit-transition: opacity 500ms linear;
}

Tenta testar ele no IE, eu uso Ubuntu-Linux então nem da pra mim testar no IEca

!Default

!Default
sou nível 11

Sex 22 Jun 2012, 10:50 pm
Switch o código é funcional em PHPBB3?
Vi que você apenas adaptou o código usando as classes, se eu editar e usar as classes do PHPBB consigo o mesmo efeito?

Até mais.

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 10:52 pm
Me passa um forum phpbb que você queira colocar o efeito.
Preciso ver uma coisa antes ^^

!Default

!Default
sou nível 11

Sex 22 Jun 2012, 10:57 pm
http://www.rb-forum.net/forum
'-'

Para facilitar...
Classes:
Nick
Código:
.postprofile dl dt strong[style*="font-size:"] a[href*="/"]
Rank
Código:
.postprofile dl dd img[src*="//"][alt][title]
Avatar
Código:
.postprofile dl dt a[href*="/"] img[src*="//"][alt]
Campos
Código:
.postprofile dd

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 11:04 pm
Tava dando uma olhada, só com o código que eu passei aqui, não seria possível,
o perfil desse fórum separa tudo entre as tag dd entre outras.

Você pode até tentar, mais tenho certeza que não dara certo.

Bookmarlucas654

Bookmarlucas654
sou nível 14

Sex 22 Jun 2012, 11:09 pm
Amigo, pegou perfeitamente, mas, quando salvei, ele do nada cortou a parte do fim do meu CSS, e agora, não tem como recuperar ;( Mas, tudo bem, era besteira Smile

Muito obrigado, por tudo amigo! #Closed

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 11:11 pm


[Mensagem automática]

Tópico finalizado e movido para:
Questões resolvidas
Pedidos finalizados

Motivo: Resolvido.

!Default

!Default
sou nível 11

Sex 22 Jun 2012, 11:12 pm
Switch pode montar o código pra mim?
Estou com problema nas classes..

Switch

Switch
Usuário de Destaque

Sex 22 Jun 2012, 11:19 pm
Não vai dar, eu olhei as classe, quase tudo da certo, mais seria impossível pegar só uma das dd e esconder.
Tópico bloqueado


Conteúdo patrocinado

Ver o tópico anterior Ver o tópico seguinte Ir para o topo  Mensagem [Página 1 de 1]

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

SP-Design » Área Design » Pedidos de Códigos » Questões resolvidasPerfil em caixinha



Permissões neste sub-fórum
Não podes responder a tópicos
TiagoDJ-7.0, Seg 03 Mar 2014, 3:21 pm

Tenma Hiraga, Dom 12 Jan 2014, 2:49 pm

TiagoDJ-7.0, Ter 31 Dez 2013, 5:50 pm

Crowley, Ter 31 Dez 2013, 8:42 am

TiagoDJ-7.0, Sex 27 Dez 2013, 9:33 pm

Ghost, Sex 27 Dez 2013, 6:37 pm

Crowley, Sex 27 Dez 2013, 12:53 pm

Crowley, Sex 27 Dez 2013, 12:46 pm

Destaque do Fórum
Destaque do Fórum

Carregando avatar...
Muito Obrigado
Parabens para o Membro destaque do fórum, pela sua ótima competencia em nosso fórum, um agradecimento dos Usuários e de toda a equipe a você !! Muito Obrigado !!

Quer um Widget igual a este ?
peça o seu aqui >>>

 

Atualizado com e-referrer
Publicidade | SEJA NOSSO PARCEIRO
Naruto Rpg FutureLes power infoMaster ExpShiftactifThe forum of Codes

2012 © SP-Design - Ajuda na criação de códigos e na aparência de seu Fórum™ - Design de Cyllaz - Todos os direitos reservados ®