Hover sur avatar mais pas d'info derrière (A archiver) Bouton_activeHover sur avatar mais pas d'info derrière (A archiver) Bouton_hoverHover sur avatar mais pas d'info derrière (A archiver) Fb-hoverHover sur avatar mais pas d'info derrière (A archiver) Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Fiche de Présentation RPG
Hover sur avatar mais pas d'info derrière (A archiver) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Hover sur avatar mais pas d'info derrière (A archiver) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Hover sur avatar mais pas d'info derrière (A archiver) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Hover sur avatar mais pas d'info derrière (A archiver) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Hover sur avatar mais pas d'info derrière (A archiver) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Hover sur avatar mais pas d'info derrière (A archiver) EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Hover sur avatar mais pas d'info derrière (A archiver) EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment : -39%
Pack Home Cinéma Magnat Monitor : Ampli DENON ...
Voir le deal
1190 €

Partagez
 

Hover sur avatar mais pas d'info derrière (A archiver)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Bonjour et un grand merci aux personnes qui viendront pour essayer de m'aider à résoudre ce problème.

Pour commencer je vous expliquer, j'ai mon avatar qui doit se déplacer au hover comme sur CSS Actif, et en dessous devrait apparaitre les infos que je voulais.
Sur mon forum de test ça marche comme sur des roulettes, mais sur le vrai fow, non. L'avatar bouge, mais je n'ai aucune info derrière.
Pourtant, j'ai copier-coller le code de mon forum de test (qui marchait à merveille). Je ne parviens donc pas après des mois de recherches à trouver mon erreur, qui doit sans doute être stupide.

Voici le template viewtopic_body (qui concerne le code en logique !)
Code:
<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>

<table width="100%" border="0" cellspacing="2" cellpadding="0">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap">
        <span class="nav">
        <!-- BEGIN switch_user_authpost -->
        <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}one" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
        <!-- END switch_user_authpost -->
        <!-- BEGIN switch_user_authreply -->
        <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
        <!-- END switch_user_authreply -->
        </span>
      </td>
      <td align="left" valign="middle" nowrap="nowrap">
        <!-- 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=100&action=like&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>
        </span>
        <!-- END switch_fb_likebtn -->
      </td>
      <td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
      <td align="right" valign="bottom" nowrap="nowrap" width="100%">
        <span class="gensmall bold">
            <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&pub=forumotion">{L_SHARE}</a>
            <!-- BEGIN switch_plus_menu -->
            |
            <script type="text/javascript">//<![CDATA[
              var url_favourite = '{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('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
            //]]>
            </script>
            <!-- END switch_plus_menu -->
        </span>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" style="border-bottom: 0px;">
  <tr align="right">
      <td class="catHead" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title">
                  <h1 class="cattitle"> {TOPIC_TITLE}</h1>
              </td>
              <td align="right" width="9%" class="browse-arrows"><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> </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN topicpagination -->
  <tr>
      <td class="row1 pagination" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
  </tr>
  <!-- END topicpagination -->
  {POLL_DISPLAY}
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="atelierprof"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><br />
            <span class="postdetails poster-profile">
           
              <font size="1"><font color="#1c0101"><div style="text-align:center;"><b>Hello, my name is</b></div></font></font><div style="letter-spacing:2px;text-shadow:0px 2px 2px #black;text-align:center;text-transform:uppercase;"><strong><div style="padding:5px;background-color: #595a59;"><div class="pseudo_membre">{postrow.displayed.POSTER_NAME}</div></div></strong></div></span><i><font size="1"><font color="#1c0101"><div style="text-align:center;">and I Kill fucking zombies</div></font></font></i></span>
             
              <div id="englob">
  <div class="imgp">{postrow.displayed.POSTER_AVATAR}</div> 
  <div class="infosp">
  <!--info fiche perso à mettre ici-->
    {postrow.displayed.POSTER_RPG}
  </div>
          </div></div><br /><center>{postrow.displayed.RANK_IMAGE}</center>
             
            <br/>
            <div class="atelierprof"><span class="postdetails poster-profile"><!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field --></span></div><br/>
           

        <br />
                 
                 

               
        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="100%" height="28" colspan="2">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0" />{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0" />{postrow.displayed.POST_DATE}</span></td>
              <td valign="top" nowrap="nowrap" 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}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2">
                  <!-- 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 class="postbody">

                    <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 class="signature_div">
                        {postrow.displayed.SIGNATURE}
                    </div>

                  </div>
                  <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
        <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
      </td>
      <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="middle">
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
              </td>
            </tr>
        </table>
      </td>
  </tr>
  <!-- BEGIN first_post_br -->
</table>
<br />
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
  <tr>
      <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
      <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
  </tr>
  <!-- END first_post_br -->
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
  <!-- END postrow -->
  <!-- BEGIN no_post -->
  <tr align="center">
      <td class="row1" colspan="3" height="28">
        <span class="genmed">{no_post.L_NO_POST}</span>
      </td>
  </tr>
  <!-- END no_post -->
  <tr align="right">
      <td class="catBottom" colspan="3" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="9%" class="noprint"> </td>
              <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
              <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><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> </td>
            </tr>
        </table>
      </td>
  </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
  <tr>
      <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
      <!-- BEGIN topicpagination -->
      <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
      <!-- END topicpagination -->
  </tr>
  <!-- BEGIN switch_user_logged_in -->
  <!-- BEGIN watchtopic -->
  <tr>
      <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
  </tr>
  <!-- END watchtopic -->
  <!-- END switch_user_logged_in -->
</table>

<!-- BEGIN promot_trafic -->
<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_close" style="display:none;margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
</table>

<table class="forumline" width="100%" border="0" cellpadding="1" cellspacing="0" id="ptrafic_open" style="display:'';margin: 1px 0px 1px 0px">
  <tr>
      <td class="catBottom" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td valign="top"><h1 class="cattitle"> {PROMOT_TRAFIC_TITLE}</h1></td>
              <td align="right" valign="middle" width="10"><span class="gensmall"><a href="javascript:ShowHideLayer('ptrafic_open','ptrafic_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
            </tr>
        </table>
      </td>
  </tr>
  <tr>
      <td class="row2 postbody" valign="top">
        <!-- BEGIN link -->
        » <a style="text-decoration:none" href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a><br />
        <!-- END link -->
      </td>
  </tr>
</table>
<!-- END promot_trafic -->

<!-- BEGIN switch_forum_rules -->
<table id="forum_rules" class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 1px 0px 1px 0px">
  <tbody>
      <tr>
        <td class="catBottom">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tbody>
                  <tr>
                    <td valign="top">
                        <h1 class="cattitle"> {L_FORUM_RULES}</h1>
                    </td>
                  </tr>
              </tbody>
            </table>
        </td>
      </tr>
      <tr>
        <td class="row1 clearfix">
            <table>
              <tr>
                  <!-- BEGIN switch_forum_rule_image -->
                  <td class="logo">
                    <img src="{RULE_IMG_URL}" />
                  </td>
                  <!-- END switch_forum_rule_image -->
                  <td class="rules postbody">
                    {RULE_MSG}
                  </td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
</table>
<!-- END switch_forum_rules -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
      <td class="row2" colspan="2" align="center" style="padding:0px">
        <!-- BEGIN switch_user_logged_in -->
        <a name="quickreply"></a>
        {QUICK_REPLY_FORM}<br />
        <!-- END switch_user_logged_in -->
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" width="100%" cellspacing="0" id="info_open" style="display:''">
            <tbody>
      <!-- BEGIN show_permissions -->
      <tr>
        <td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
        <td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
      </tr>
      <!-- END show_permissions -->
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <!-- BEGIN show_permissions -->
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0" /></a></span></td>
                  <!-- END show_permissions -->
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
  <tr>
      <td style="margin:0; padding: 0;" colspan="2">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" id="info_close" style="display:none;">
            <tbody>
      <tr>
        <td class="catBottom" colspan="2" height="28">
            <table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                  <td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC_SECOND}</span></td>
                  <td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0" /></a></span></td>
              </tr>
            </table>
        </td>
      </tr>
  </tbody>
        </table>
      </td>
  </tr>
</table>

<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}>
        <span class="nav">
            <!-- BEGIN switch_user_authpost -->
            <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
            <!-- END switch_user_authpost -->
            <!-- BEGIN switch_user_authreply -->
            <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
            <!-- END switch_user_authreply -->
        </span>
      </td>

      <!-- BEGIN viewtopic_bottom -->
      <td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}" /></span></td>
      <!-- END viewtopic_bottom -->

      <!-- BEGIN moderation_panel -->
      <td align="center">
        <span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
      </td>
      <td align="center" width="250">
        <span class="gensmall"> </span>
      </td>
      <!-- END moderation_panel -->
  </tr>
</table>
</form>

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
  <tr>
      <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
        <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
            <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}" />

            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}" /></span>
        </form>
      </td>
  </tr>
</table>
<!-- END viewtopic_bottom -->

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', '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>


Encore une fois, un grand merci à la personne qui viendra me répondre ^^


Dernière édition par Nono le Lun 11 Fév 2013, 17:36, édité 1 fois
MessageSujet: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyVen 01 Fév 2013, 13:23
Revenir en haut Aller en bas
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Coucou,
Tout d'abord, as -tu suivi le tutoriel de CSS actif ?
Ensuite, on ne peut pas t'aider sans ton CSS Very Happy
Pour finir, as-tu déjà apporter des modifcations sur ton forum (pas celui de test) ?

Merci bonne journée
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyVen 01 Fév 2013, 17:46
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Coucou,

Alors j'ai en effet suivi un tuto, mais est-ce que c'était sur CSS actif, je me souviens plus vu que ça fait plusieurs mois.

Et il ne me semble pas avoir apporté des modifs au forum après. Dès que j'ai mis les codes sur le fow, j'ai constaté que les info n'était pas la.

Au cas pour voir et si besoin d'inspescter le code, je vous mets le lien du forum (je le supprimerai après si besoin).
http://try-again.forumactif.com/

Voici le CSS
Code:
body
{
background-image: url("http://img4.hostingpics.net/pics/836141bannieretryagainv4.png"), url("http://img15.hostingpics.net/pics/736264solid.png");
background-repeat: no-repeat, repeat;
background-position: center 20px;
}

/*Présentation du Profil*/
.atelierprof {
padding:10px;
/*text-transform:uppercase;*/
background-color:#c5c7c5;
}

.pseudo_membre{
font-size: 15px;
  text-shadow : 1px 1px 3px #020202;
}

.bodylinewidth{
margin-top:-9px;
margin-bottom:-9px;
}

/*arrondis zones de saisie identifiant*/
input,textarea, select { border: 1px solid #bbbbbb;
  box-shadow: 0px 2px 3px #909090;
  background-color: #ece5d9;
  font-size: 12px;
  margin: 3px; }

textarea { margin-left: 0; margin-right:0; }

/*CODE*/
.code{
font-family: Courier,Courier New,sans-serif;
font-size: 11px;
color: #000000;/*texte*/
background-color: #989898;/*fond*/
border: #6a0b0b;/*bordure*/
border-style: solid;
border-left-width: 7px;
border-top-width: 0px;
border-right-width: 7px;
border-bottom-width: 0px;
padding:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

/*CITATION*/
.quote{
font-family: Tahoma;
font-size: 12px;
color: #000000;
line-height: 125%;
background-color: #989898;
border: #6a0b0b;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px;
-moz-border-radius:6px;
-webkit-border-radius:6px;}


/*SPOILER*/
.spoiler{
font-family: verdana;
font-size: 11px;
color: #FFF6D8;
line-height: 100%;
background-color: #989898;
border: #6a0b0b;
border-style: solid;
border-left-width: 6px;
border-top-width: 0px;
border-right-width: 6px;
border-bottom-width: 0px;
padding:7px;
}

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }/*selection du code*/

.catHead {  border: none !important;} /*retire la couleur cadre catégorie*/
.catBottom  {  border: none !important;}
.thLeft  {  border: none !important;}
.thRight {  border: none !important;}
.row3Right {  border: none !important;}

/*retire bordure gênante*/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}/* fin*/

.forumline
{
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #e9e9e6;
  border: 1px solid #ffffff;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
table
{
  margin: auto;
}

#page-body /* correction bug*/
{
  width: 850px;
  margin: auto;
}

/* Barre de navigation*/
#navigation
{
  position: fixed;
  z-index: 999;
  height: 30px;
  width: 100%;
  margin-left: -8px;
}
#navig
{
  width: 100%;
  margin: auto;
  text-align: center;
  background: #a4a4a4;
  border-bottom: 2px solid #d24b4b;
  padding-bottom: 3px;
}
#navig a
{
  font-weight: bold;
  color: black;
}
/*fin barre de navigation*/

/*Catégorie*/
a.nav img
{
width: 200px;
}
.cate_titre
{
  width: 98%;
  margin: auto;
  text-align: center;
}
.categorie
{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #a4a4a4;
  border: 3px solid #a4a4a4;
  box-shadow: 0px 0px 5px #595959;
  -moz-box-shadow: 0px 0px 5px #595959;
  -o-box-shadow: 0px 0px 5px #595959;
  -htm-box-shadow: 0px 0px 5px #595959;
  -webkit-box-shadow: 0px 0px 5px #595959;
}
.forum
{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #f0eded;
  padding: 2px;
}
.forumlink
{
  display: block;
  width: 600px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #ffffff;
}
.forumlink a
{
  font-size: 16px;
  border-bottom: 2px solid #f15353;
  text-decoration: none !important;
}
.description
{
  display: block;
  width: 500px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #a6a6a6;
}
.illu
{
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
  border: 1px solid #c0c0c0;
  background: #e9e9e6;
  padding: 5px;
}

.stats_last
{
  display: block;
  width: 150px;
  margin: auto;
  background: #d1d0d0;
  border: 1px solid #a4a4a4;
}

.stats
{
  display: block;
  text-align: center;
  font-size: 10px;
  color: #706d6d;
  border-bottom: 1px solid #a4a4a4;
  padding-bottom: 4px;
  margin-bottom: 4px;
}
.last
{
  display: block;
  text-align: center;
  font-size: 11px;
}
.sous_forum
{
  display: block;
  width: 98%;
  margin: auto;
  background: #d61d1d;
  padding: 2px;
  text-align: center;
}/* Fin*/

.nsujets{ /*mise en forme du "ecrit par ..."*/
}

/*Profil derrière l'avatar*/

/* Code par Hiro pour CSSACTIF
  Merci de ne pas supprimer cette mention
  (http://www.css-actif.com) */

#englob { /* Encadrement global des 2 divs */
    position:relative;
    width:200px;
    height:320px;
    /*border:1px solid red;  La vilaine bordure rouge */
    overflow:hidden; /* Permet de cacher ce qui dépasse */
}

.imgp {
    background:grey; /* le bg  de la div qui contient l'avatar */
    position:absolute; /* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:1;/* La position par rapport à l'autre div qui contient les infos */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
}

#englob:hover > .imgp {
    margin-top:300px; /* Lorsque la souris passe sur la div #englob, on fait glisser l'image vers le bas de 200px */
}

.infosp {
    background: #acacac; /* le bg  de la div qui contient les infos*/
    position:absolute;/* Laissez comme ceci */
    top:0;/* Laissez comme ceci */
    left:0;/* Laissez comme ceci */
    width:100%;/* Laissez comme ceci */
    height:100%;/* Laissez comme ceci */
    z-index:0;/* La position par rapport à l'autre div qui contient les infos (ici en dessous)*/
    opacity:0;/* on met l'opacité à zero pour un effet stylé ;) */
    margin-left:-200px;/* on décale la div de 200px, elle est invisible grâce a l'overflow:hidden de #englob */
    -webkit-transition:all 0.5s;/* Laissez comme ceci */
    -moz-transition:all 0.5s;/* Laissez comme ceci */
    -o-transition:all 0.5s;/* Laissez comme ceci */
    -ms-transition:all 0.5s;/* Laissez comme ceci */
    transition:all 0.5s;/* Laissez comme ceci */
 padding: 5px;
}

#englob:hover > .infosp {
  opacity:1;/* Lorsque la souris passe sur la div #englob, on augmente l'opacité des infos */
  margin-left:0px;/* et on décale cette div à 0px (position par défaut) */
}

/* MISE EN FORME DES LISTES DE SUJETS */

.bloc_sujets
{
  width: 950px;
  margin: auto;
  background: #dfdfdf;
  border: 1px solid #ececec;
  box-shadow: 0px 0px 3px #868686;
  -o-box-shadow: 0px 0px 3px #868686;
  -moz-box-shadow: 0px 0px 3px #868686;
  -webkit-box-shadow: 0px 0px 3px #868686;
  -htm-box-shadow: 0px 0px 3px #868686;
  padding: 5px;
}
.sujets
{
  background: #ececec;
  border: 1px solid #ffffff;
  padding: 3px;
}
.topictitle
{
  font-variant: small-caps;
  font-size: 12px;
}
.sujets_auteur
{
  display: block;
  width: 200px;
  font-size: 11px;
}
.sujet_last
{
  display: block;
  width: 180px;
  height: 40px;
  background: #f4f4f4;
  border-left: 3px solid #9e9e9e;
  border-right: 3px solid #9e9e9e;
  padding-top: 10px;
  font-size: 11px;
}
.sujets_stats
{
  width: 900px;
  text-align: right;
  margin-bottom: 5px;
}
.sujets_stats_contenu
{
  font-size: 10px;
  color: #a4a4a4;
}
/* fin mise en forme liste sujet*/


/******************************
PAGE D'ACCUEIL
********************/

#conteneur{
   position: relative;
   width: 750px;
   height: 500px;
   padding: 10px;
}

.bienvenue{
   font-size: 50px;
   font-family: Times New Roman, Times, serif;
   text-align: center;
   color: #d1d0d0;
}

.nav_pa{
   background: #d1d0d0;
   padding: 4px;
   text-align: center;
}

.nav_pa a{
   text-decoration: none !important;
}

.menu_pa{
   margin: 15px;
   text-transform: uppercase;
   color: white;
}

.menu_pa:hover{
   background: #d61d1d;
   -moz-transition-property: background;
   -moz-transition-duration: 2s;
}

.pv{
   text-align: center;
   padding-top: 15px;
}

.pv a img{
   text-align: center;   border-radius: 100px;
   opacity:0.5;
   filter:alpha(opacity=50); /* For IE8 and earlier */
}

.pv a img:hover{   
   width: 100px;
   height: 100px;
   border-radius: 20px 20px 0px 0px;
   opacity:1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
}

.titrepv{
   text-transform: uppercase;
   color: black;
   position: absolute;
   top: 150px;
   left: -15px;
   z-index: 13;
   font-size: 15px;
   transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
}

.contexte{   
   width: 350px;
   height: 190px;   
   background: #d1d0d0;
   position: absolute;
   top: 228px;
   left: 25px;
}

.contexte_titre{
   text-align: center;
   font-size: georgia;
   text-transform: uppercase;
}

.texte{
   text-align: justify;
   overflow: auto;
   height: 210px;
   padding: 10px;
        font-size: 12px;
}

.top_site{
   width: 350px;
   height: 60px;
   background: #d1d0d0;
   position: absolute;
   left: 25px;
   top: 425px;
}

.partenaire{
   width: 100px;
   height: 258px;
   background: #d1d0d0;
   position: absolute;
   left: 390px;
   top: 228px;
}

.staff{
   position: absolute;
   right: 10px;
   top: 228px;
}

.translate { /*effet transition présentation staff*/
   height:50px;
   width:256px;
   background: #d1d0d0;
   color: black;
   overflow: hidden;
   position:relative;
}
       
.translate p {
    padding:5px;
    margin:0px;
    text-align:justify;
}
       
.translate img {
   -moz-transition: all 1s ease-in-out;
   -webkit-transition: all1s ease-in-out;
   transition: all 1s ease-in-out;
   -o-transition: all 1s ease-in-out;
   -ms-transition: all 1s ease-in-out;
   position:absolute;
   top:0px;
   left: 0px;
}
       
.translate:hover img {
   -moz-transform: translate(256px, 68px);/*XX=largeur de ton image pour un  déplacement horizontal; YY=hauteur de l'image pour déplacement vertical*/
   -webkit-transform: translate(256px, 68px);
   -o-transform: translate(256px, 68px);
   -ms-transform: translate(256px, 68px);
   transform: translate(256px, 68px);
}

.information{
   width: 256px;
   height: 70px;
   background: #d1d0d0;
   position: absolute;
   bottom: 35px;
   right: 10px;
   font-size: 12px;
}

/***********************
QEEL
************************/
.mon_onglet{
  display: inline;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
  color: #000;
  text-shadow: 0px 1px 2px grey;
}

.tableauqueel{
border: 6px solid #a4a4a4;
}
 
.mon_onglet:hover{
  display: inline;
  padding: 5px;
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
  color: #000;
  text-shadow: 0px 1px 2px grey;
}
     
.mon_onglet_selected{
  display: inline;
  padding: 5px;
  position: relative;
  top: 5px;
  font-size: 14px;
  font-weight: bold;
  margin: 2px;
  color: #000;
  text-shadow: 0px 1px 2px grey;
}
     
.clear{
  clear: both;}
 
.mon_contenu{
  color: #000;
 border: 1px solid #eccdcd;
  box-shadow: 0px 2px 3px #a3a3a3;
  background-color: #d1d0d0;
  padding: 10px;
  margin: 10 px;
  width: 320px;
  height: 150px;
  line-height: normal;
  font-size: 11px;}
 
#mes_contenus, #mes_onglets{
  height: 100%;
  width:100%;}

a.personnagetitre {
font-family: arial;
font-size: 4;
text-transform : none;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

a.personnagetitre:hover {
font-family: arial;
font-size: 4;
text-transform : none!important;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

.rang {
padding: 3px;
border: 2px solid #a29c8b;
box-shadow: 0px 0px 2px #b2ab99;
border-radius: 5px;
background-color: #beb7a3;
margin-right: 3px;
margin-left: 3px;}


td.avatarfond {
background-color: #58012a42;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

.partiedroite {
padding: 5px;
font-size: 12px;
text-align: justify;
font-family: calibri;
}

.descriptadmin {
border-left: 7px solid #477ab5;
font-family: calibri;
margin-left: 7px;
margin-top: 5px;
color: #8a7b58;
font-size: 10px;
padding: 3px;
}

.descriptjeu {
margin-left: 10px;
margin-right: 10px;
margin-top: 5px;
font-family: calibri;
color: #8a7b58;
font-size: 10px;
padding: 3px;
}

.descripi {
height: 66px;
overflow: auto;
position: relative;
right: 2px;
padding: 3px;
text-align: justify;
background-color: #d0c8b3;
border-top: 2px solid #c21f15;
}

.descripi:hover {
height: 66px;
overflow: auto;
position: relative;
right: 2px;
text-align: justify;
background-color: #d0c8b3;
padding: 3px;
border-top: 2px solid #477ab5;
}

.imagedescrp {
border: 2px solid #c21f15;
}

.imagedescrp:hover {
border: 2px solid #477ab5;
}

h4 {
color: #477ab5;
font-weight: bold;
font-size: 30px;
}

.partiedroiteqeel {
 border: 1px solid #eccdcd;
  box-shadow: 0px 2px 3px #a3a3a3;
  background-color: #d1d0d0;
  height: 92px;
  margin: 3px;
  padding: 4px;
  font-size: 10px;
  text-shadow: 0px 1px 1px gray;
  overflow: auto;
}

.partiedessousqeel {
 border: 1px solid #eccdcd;
  box-shadow: 0px 2px 3px #a3a3a3;
  background-color: #d1d0d0;
  height: 80px;
  margin: 3px;
  padding: 4px;
  font-size: 10px;
  text-shadow: 0px 1px 1px gray;
  overflow: auto;
}

/**************************************************************
-----------------------Ancienne partie CSS-------------------
**************************************************************/
/* fiche de présentation */

.presentationirl {
  background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 382px;
  height: 94px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 11px;
  padding: 3px;
  font-family: arial;
  line-height: 13px;
  overflow: auto; 
  text-align: justify;
}

.titrepassehistoire {
 font-size: 20px;
  margin-top: 7px;
  color: #9b8d74;
  font-weight: bold;
  font-family: batang;
  text-shadow: 0px 1px 2px grey;
}

.passehistoire {
  background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 492px;
  height: 400px;
  padding: 3px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 11px;
  font-family: arial;
  line-height: 14px;
  overflow: auto; 
  text-align: justify;
}

.questionnaire {
  background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 370px;
  height: 192px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 11px;
  font-family: arial;
  line-height: 14px;
  overflow: auto; 
  text-align: justify;
}

.ID2 {
  width: 120px;
 border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
}
.titrechamp {
 font-weight: bold;
  color: #8c6352;
}

.casepres {
 background-image:url(http://i40.servimg.com/u/f40/09/00/11/61/fond111.png);
  width: 191px;
  height: 100px;
  border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
  font-size: 10px;
  font-family: arial;
  line-height: 12px;
  overflow: auto;
  text-align: justify;
}

.ID {
 border: 2px solid #f5f6f7;
  box-shadow: 0px 1px 2px grey;
}

.acteur {
 position: relative;
  right: 150px;
  font-family: tahoma;
  font-size: 10px;
}

.fonfiche {
  background-image:url(http://i49.tinypic.com/4kjluo.png);
  width: 530px;
  height: 977px;
  border-radius: 5px;
  border: 1px solid #9b8d74;
  box-shadow: 0px 2px 2px #897e6a;
}

.fonfiche:hover {
  background-image:url(http://i49.tinypic.com/4kjluo.png);
  width: 530px;
  height: 977px;
  border-radius: 5px;
  border: 1px solid #b0a084;
  box-shadow: 0px 2px 2px #d897e6a;
}

.champnom {
  margin-top: 8px;
  font-family: batang;
  border-bottom: 3px double #aa6955;
  color: #363636;
  text-shadow: 0px 1px 1px #b8a98e;
  font-size: 24px;
  padding: 5px;
  width: 80%;
}

#text_edit { display: block !important; }

.fondprofil2 {
 border: 1px solid #9b8d74;
  box-shadow: 0px 2px 3px #9b8d74;
  background-image: url("http://i40.servimg.com/u/f40/09/00/11/61/sans_t19.png");
  margin: 3px;
}

.pseudoprofil2 {
Text-Shadow: #b1a898 1px 0px 0px, #b1a898 1px 1px 0px, #b1a898 1px -1px 0px, #b1a898 -1px 1px 0px, #b1a898 -1px 0px 0px, #b1a898 -1px -1px 0px, #b1a898 0px 1px 0px, #b1a898 0px -1px 0px;
  font-family: calibri;
  font-size: 20px;
  font-weight: bold;
  margin: 5px;
  line-height: 20px;
}
b{
color: #5f6069; /*couleur du texte*/
font-weight: bold;
font-size: 9px;
text-transform: uppercase;
font-variant: none; /*variante du texte (ici petites majuscules)*/
font-family: times new roman;
}

u{
border-bottom: 1px solid; /*--- taille du soulignement ---*/
border-color: #6e4338; /*--- couleur du soulignement ---*/
text-decoration: none;
}

i{
letter-spacing: 1px;
word-spacing: 2px;
text-decoration: none;
}

.rangcouleur {
  align: center;
  font-size: 10px;
  letter-spacing: 3px;
}

.liensub {
  background-color: #ece5d9;
  border: 1px solid #867a64;
  margin: 3px;
  width: 100px;
  height: 90px;
  overflow: auto;
  font-family: tahoma;
  text-transform: capitalize;
  text-align: center;
  font-size: 14px;
  color: black;
}

.liensub:hover {
  background-color: #ece5d9;
  border: 1px solid #867a64;
  margin: 3px;
  width: 100px;
  height: 90px;
  overflow: auto;
  text-transform: capitalize;
  font-family: tahoma;
  text-align: center;
  font-size: 14px;
}

.fichedeperso {
  text-shadow: 0px 1px 1px gray;
  padding: 5px;
  text-align: justify;
  font-size: 11px;
}

.descriptit {
 padding: 5px;
  height: 50px;
  font-size: 12px;
  overflow: auto;
}
 a {
      text-decoration:none!important;
      text-transform:none;
    }

a:hover{       
        text-background : url(http://img28.imageshack.us/img28/1880/gradiantwhite.png) repeat-x;
        text-transform: none;
        text-decoration: none!important;
}

a {font-variant: none;
family-font: times new roman;}





a.personnagetitre {
font-family: arial;
font-size: 4;
text-transform : none;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

a.personnagetitre:hover {
font-family: arial;
font-size: 4;
text-transform : none!important;
text-decoration: none!important;
text-shadow: #000000 2px 2px 2px;
}

.rang {
padding: 3px;
border: 2px solid #a29c8b;
box-shadow: 0px 0px 2px #b2ab99;
border-radius: 5px;
background-color: #beb7a3;
margin-right: 3px;
margin-left: 3px;}


td.avatarfond {
background-color: #58012a42;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}

/*CSS fiche présentation*/
.cadre1{
margin-left: 0px;
margin-right: 0px;
padding: 1px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 100px 100px 0px 0px;
}

.cadre2{
color: gray;
border-bottom: #000000 2px ;
letter-spacing: 2px;
word-spacing: 2px;
text-align: center;
font-size: 10px;
line-height: 13px;
line-width: 100px;
}

.cadre_int1{
width:400px;
BACKGROUND-COLOR:#ffffff;
border: 1px double #000000;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
padding: 20px;
}

.name_fiche{
font-family: Times New Roman;
font-style: italic;
font-weight: bold;
font-size: 40px;
letter-spacing: -3pt;
text-transform: lowercase;
text-shadow: 0px 0px 1px #FFFFFF;
}

.image{
-moz-transform:rotate(0deg);
-moz-box-shadow:0px 0px 10px black;
}

.titre_id{
font-family: Courier New;
font-size: 35px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
}

.identification{
overflow: auto;
width:500px;
BACKGROUND-COLOR:#ffffff;
-moz-border-radius: 10px 10px 10px 10px;
border: 1px double #000000;
font-family: arial;
}

.cadre3{
margin-left: 0px;
margin-right: 0px;
padding: 4px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 0px 0px 0px 0px;
margin-top: -40px;
}

.cadre4{
margin-left: 0px;
margin-right: 0px;
padding: 4px;
border-bottom: 0px #transp solid;
border-top: 0px #transp solid;
border-right: 5px #000000 solid;
border-left: 5px #000000 solid;
-moz-border-radius: 10px 10px 10px 10px;
background-color: #7D7D7D;
margin-left: 0px;
margin-right: 0px;
padding: 3px;
-moz-border-radius: 0px 0px 100px 100px;
margin-top: -40px;
}

.image_1{
width: 100px;
-moz-transform:rotate(5deg);
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
}

.image_2{
 width: 100px;
-moz-transform:rotate(-5deg);
margin-left:10px;
-moz-box-shadow:0px 0px 5px black;
}
/*fin CSS fiche présentation*/


Un grand merci encore une fois !
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptySam 02 Fév 2013, 10:32
Revenir en haut Aller en bas
http://evolved.fantastique.tv/
Maguitte2008
Maguitte2008
{ Membre }
{ Membre }

Féminin Messages : 151



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Je me rappelle avoir eu le même problème que toi avant de l'avoir installé, et je sias que je l'ai réglé, y a t-il moyen d'avoir ton template sans l'avatar come CSS actif, juste avec tes modifications de bases ?
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyDim 03 Fév 2013, 11:58
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
C'est à dire ? Le template sans aucune modification ???
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyDim 03 Fév 2013, 12:01
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Hello !
Je viens aux nouvelles : le sujet est-il toujours d'actualité ?
Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu !
Merci de ta compréhension Hover sur avatar mais pas d'info derrière (A archiver) 926145
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyDim 10 Fév 2013, 15:19
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Bonjour,

Le sujet est toujours d'actu en effet ^^
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyDim 10 Fév 2013, 16:31
Revenir en haut Aller en bas
Espeon
Espeon
Administrateur
Administrateur

Masculin Messages : 1819



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Bonjour Nono !

Je viens de jeter un coup d'oeil à ton problème et il s'avère que le problème ne vient pas de l'effet (qui fonctionne très bien).

En fait, j'ai remarqué que sur ton forum, il n'y a tout simplement rien à cet endroit là :
Code:
<div class="infosp">
    <!--info fiche perso à mettre ici-->
    {postrow.displayed.POSTER_RPG}
</div>

Plusieurs possibilités à cela :
  • Soit je n'ai pas les droits pour accéder au contenu de cette variable, mais dans ce cas ça devrait être le cas pour vous (et tu n'aurais pas de problème)
  • Soit quelque chose n'est pas activé, ce qui explique que cette variable est vide


Par rapport à ton forum de test, y a-t-il une différence particulière, dans la configuration des profils des utilisateurs notamment ?

Si tu veux "tester" le bon fonctionnement de l'effet, essaye de remplacer ce bout de code par le suivant :
Code:
<div class="infosp">
    <!--info fiche perso à mettre ici-->
    {postrow.displayed.POSTER_RPG}
    Ceci est un test
</div>

Techniquement, tu verra tout de suite si le problème vient de la variable {postrow.displayed.POSTER_RPG} ou non (si le texte Ceci est un test s'affiche, c'est que ta variable ne renvoie rien).
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 09:57
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Coucou Espeon,

Je viens donc de faire le test, et en effet c'est bien la variable qui ne renvoie rien car "ceci est un test" s'affiche bien.
Du coup ça pourrait être quoi ? Quelque chose qui n'est pas activé ?
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 16:35
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Bonsoir,

Tu as activé la fiche RPG des membres ? Tu as affiché les champs ?
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 17:05
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Hum, je pense !
Faudrait que je retrouve ou c'est dans le panneau d'admin
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 17:11
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Cette variable désigne la fiche RPG, comme son nom l'indique. Si elle est vide, c'est très probablement parce qu'elle n'a pas été activée sur ton forum, ou que le profil des concernés n'a pas de données RPG.
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 17:21
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Logiquement c'est activé, on devrait voir les info qui indique l'inventaire de chaque personnage normalement.
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 17:32
Revenir en haut Aller en bas
http://24nono38.e-monsite.com/
Nono
Nono
{ Membre }
{ Membre }

Féminin Messages : 148



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Edit : désolé du DP, c'est bon j'ai trouvée Very Happy
Il y avait en effet, un truc qui était pas coché !!!

Du coup, le problème est réglé.

Un grand merci à vous, car je n'arrivais vraiment pas trouver après avoir retourné et re-retourné le code XD

Le sujet peut être archivé ^^

Merci beaucoup à vous tous ^^
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 17:35
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Hover sur avatar mais pas d'info derrière (A archiver) Empty
Yop !
Puisque c'est résolu, je classe \o/
Merci d'avoir prévenu =D
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) EmptyLun 11 Fév 2013, 17:39
Revenir en haut Aller en bas
Contenu sponsorisé




Hover sur avatar mais pas d'info derrière (A archiver) Empty
MessageSujet: Re: Hover sur avatar mais pas d'info derrière (A archiver)   Hover sur avatar mais pas d'info derrière (A archiver) Empty
Revenir en haut Aller en bas
 

Hover sur avatar mais pas d'info derrière (A archiver)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Question de survol (hover). [à archiver]
» Question sur les infos du profil derrière l'avatar RESOLU
» Problème informations dissimulées derrière l'avatar
» [Résolue] Infos du profil derrière l'avatar (probleme)
» Problème template pour infos derrière l'avatar

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit