Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

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


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

Fóruns de suporte oficiais
Conectar-se

Esqueci minha senha

Últimos assuntos
» Como Importar/Exportar Postagens para outro fórum
Hoje à(s) 03:55 pm por Luiz

» Como modificar os botões do meu fórum forumeiros?
Hoje à(s) 03:52 pm por Luiz

» Adicionar um novo degradê
Hoje à(s) 02:49 pm por Luiz

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

» Tooltip no nome do usuário
Hoje à(s) 02:30 pm por Luiz

» #10422 Forumeiros desativa e reenvia a url para este site
Hoje à(s) 01:53 pm por Shek

» Bug nos tópicos
Hoje à(s) 11:58 am por Kyo Panda

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

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

[SRD]JimClark, ellipsis, Harleen, IsmaelS., Luiz, P.H, Tiago João

[ Ver toda a lista ]


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

Campo de Perfil em Hover

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

Resolvido Campo de Perfil em Hover

Mensagem por DovahKiiNor em 06/02/15, 12:16 am

Detalhes da dúvida


Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Google Chrome
Membros afetados : Todos os membros do fórum
Problema começou : Desde sempre.
Endereço do fórum : http://shlegacy.forumeiros.com/

Descrição do problema

Olá,

Teria como me ajudarem a colocar um efeito hover no campo de perfil que fica nas mensagens dos tópicos? Queria que quando passássemos o mouse em cima, aparecesse as informações perfil logo ao lado em um quadro. Seria possível?


Última edição por DovahKiiNor em 15/02/15, 05:22 pm, editado 1 vez(es)
avatar

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 27/02/2014
Mensagens : 46
Pontos Ativos : 74

http://skyrim-forum.forumeiros.com/

Resolvido Re: Campo de Perfil em Hover

Mensagem por Sennior em 06/02/15, 01:00 pm

Saudações,

Amigo, não de Up ao menos que esteja passado 24 horas da criação de teu tópico.
O senhor tem algum fórum onde viu tal efeito? Fica mais fácil para sabermos o que o senhor deseja.

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16310
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Campo de Perfil em Hover

Mensagem por DovahKiiNor em 06/02/15, 01:11 pm

Olá,

Não sei ao certo se o nome é hover ou tooltip, mas eu vi este tutorial http://ajuda.forumeiros.com/t32785-tutorial-colocar-os-campos-do-perfil-em-um-tooltip, meu fórum possui templates personalizados por isso vim pedir ajuda aqui. Meu template viewtopic_body está desta maneira:

viewtopic_body
Código:
<script type="text/javascript">//<![CDATA[
var multiquote_img_off = '{JS_MULTIQUOTE_IMG_OFF}', multiquote_img_on = '{JS_MULTIQUOTE_IMG_ON}', _atr = '{JS_DIR}addthis/', _ati = '{PATH_IMG_FA}addthis/'{ADDTHIS_LANG}, addthis_localize = { share_caption: "{L_SHARE_CAPTION}", email: "{L_EMAIL}", email_caption: "{L_EMAIL_CAPTION}", favorites: "{L_SHARE_BOOKMARKS}", print: "{L_PRINT}", more: "{L_MORE}" };
$(function(){
   _atc.cwait = 0;
   $('.addthis_button').mouseup(function(){
      if ($('#at15s').css('display') == 'block') {
         addthis_close();
      }
   });
});

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

//]]>
</script>

<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
      <!-- BEGIN switch_plus_menu -->
      <li>
         <script type="text/javascript">//<![CDATA[
            var url_favourite = '{switch_user_logged_in.U_FAVOURITE_JS_PLUS_MENU}';
            var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
            var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
            var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
            var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
            var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
            insert_plus_menu_new('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
         //]]>
         </script>
      </li>
      <!-- END switch_plus_menu -->
      <li><a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;pub=forumotion">{L_SHARE}</a></li>
      <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
      <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <!-- BEGIN watchtopic -->
      <li>{S_WATCH_TOPIC}</li>
      <!-- END watchtopic -->
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

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

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

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

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

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

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

   <div class="main-content_board_index">
      <!-- BEGIN postrow -->
         <!-- BEGIN hidden -->
            <p class="p-hidden">{postrow.hidden.MESSAGE}</p>
         <!-- END hidden -->
         
         <!-- BEGIN displayed -->
         <!-- BEGIN first_post_br -->
      </div>
      <hr id="first-post-br" />
      <div class="main-content topic">
         <!-- END first_post_br -->
         <div class="post post--{postrow.displayed.U_POST_ID}"{postrow.displayed.THANK_BGCOLOR} style="{postrow.displayed.DISPLAYABLE_STATE}">
            <a name="{postrow.displayed.U_POST_ID}"></a>
            <div id="p{postrow.displayed.U_POST_ID}" class="posthead"{postrow.displayed.THANK_BGCOLOR}>
                  <h2>
                     <strong>{postrow.displayed.COUNT_POSTS}</strong>
                                                  <span id="userpost">{postrow.displayed.POSTER_NAME} &nbsp; {postrow.displayed.ONLINE_IMG} </span>
                  </h2>
               </div>
                          <div class="postmain"{postrow.displayed.THANK_BGCOLOR}>
               <div class="postbody"{postrow.displayed.THANK_BGCOLOR}>
                  <div class="user">
                     <div class="user-ident">
                        <div class="user-basic-info">
                        
                                                                  {postrow.displayed.POSTER_AVATAR}<br />
                                                                {postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
                                                                  {postrow.displayed.POSTER_NAME}
                           
                                                                  
                        </div>
                     </div>
                     <div class="user-info">
                     <!-- BEGIN profile_field -->
                                                          <span id="perf"><div class="post_field"> {postrow.displayed.profile_field.LABEL}{postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div></span>
                        <!-- END profile_field -->
                                                          
                     </div>
                                                  <br/>
                                                  <div class="user-contact profile_{postrow.displayed.PROFILE_POSITION}">
                     {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
                  </div>
                                                  
                  </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</div>

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

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

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

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

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

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

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

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

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 27/02/2014
Mensagens : 46
Pontos Ativos : 74

http://skyrim-forum.forumeiros.com/

Resolvido Re: Campo de Perfil em Hover

Mensagem por Sennior em 06/02/15, 02:17 pm

Saudações,

Mas teu fórum não tem campos para usarmos na função tooltip.
O senhor quer colocar quais campos, porque veja não existe campos na seção do perfil de eu fórum:
Seta http://prntscr.com/61snhu

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16310
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Campo de Perfil em Hover

Mensagem por DovahKiiNor em 06/02/15, 07:12 pm

Olá,

Existem sim campos a serem colocados no tooltip, http://i.imgur.com/li3m0dk.png, mas realmente não consigo fazer aparecer algumas coisas no campo de perfil, como a ficha de personagem, fiz um tópico pedindo ajuda sobre isso recentemente. Enfim, aí estão os campos que quero colocar no tooltip, se puder me ajudar agradeço.
avatar

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 27/02/2014
Mensagens : 46
Pontos Ativos : 74

http://skyrim-forum.forumeiros.com/

Resolvido Re: Campo de Perfil em Hover

Mensagem por Sennior em 07/02/15, 12:49 am

Saudações,

Primeiramente faça esses passos:
Seta http://ajuda.forumeiros.com/t58056-

Altere o Template como pedido e depois poderemos criar um Script que ao clicar o mesmo poderá aparecer com o efeito tooltip. Positivo

Até mais.


Seta Jamais forneça seus dados pessoais, tais como e-mail de fundação ou senhas pelo fórum!
Seta Antes de criar um novo tópico faça uma pesquisa rápida e olhe a lista de tutoriais prontos.
Seta Perdeu a senha de administração? Veja o que fazer.
Seta Ferramentas do Administrador.

"Você será lembrado pelo que faz, e não pela cor que tens".
avatar

Sennior
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16310
Pontos Ativos : 20795

http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Campo de Perfil em Hover

Mensagem por DovahKiiNor em 07/02/15, 12:54 pm

Olá, já fiz o que foi pedido, agora apareceu um botão em baixo do avatar e quando clicamos nele abre o perfil como se fosse um spoiler. Mas e agora como faço pra aparecer o perfil quando passa o mouse sobre o avatar?
avatar

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 27/02/2014
Mensagens : 46
Pontos Ativos : 74

http://skyrim-forum.forumeiros.com/

Resolvido Re: Campo de Perfil em Hover

Mensagem por DovahKiiNor em 08/02/15, 07:28 pm

Olá,

Sei que o Sennior já está me ajudando mas eu não recusaria a ajuda de outras pessoas, rsrsrs.

UP \o/
avatar

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 27/02/2014
Mensagens : 46
Pontos Ativos : 74

http://skyrim-forum.forumeiros.com/
  • 0

Resolvido Re: Campo de Perfil em Hover

Mensagem por EuficoLoko em 09/02/15, 03:09 pm

Boa tarde!

Há pedidos, kkk. Vamos lá.
Esqueça esse tópico que o Sennior passou, o efeito dele e ao clicar não sobre o mouse no perfil.
Veja esse tópico:
Seta http://ajuda.forumeiros.com/t32785-tutorial-colocar-os-campos-do-perfil-em-um-tooltip

Atenciosamente.
avatar

EuficoLoko
Usuário destaque

Masculino
Inscrito dia : 12/01/2015
Mensagens : 998
Pontos Ativos : 1289

http://lokoscripts.forumeiros.com/ https://www.facebook.com/https://www.facebook.com/people/Eufico-Forumeiros/10000903544610

Resolvido Re: Campo de Perfil em Hover

Mensagem por DovahKiiNor em 15/02/15, 05:22 pm

Obrigado, pode fechar o tópico.
avatar

DovahKiiNor
Nível 5

Masculino
Inscrito dia : 27/02/2014
Mensagens : 46
Pontos Ativos : 74

http://skyrim-forum.forumeiros.com/

Resolvido Re: Campo de Perfil em Hover

Mensagem por nikka em 16/02/15, 02:37 pm

Questão marcada como Resolvida.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

nikka
Membro profissional
Membro profissional

Feminino
Inscrito dia : 16/12/2008
Mensagens : 15623
Pontos Ativos : 19898

http://ajuda.forumeiros.com/ https://www.facebook.com/forumeirospt https://twitter.com/Forumeiros_PT

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

- Tópicos similares

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