Mettre les infos de profils dans une infobulle (messages) - Page 5 Bouton_activeMettre les infos de profils dans une infobulle (messages) - Page 5 Bouton_hoverMettre les infos de profils dans une infobulle (messages) - Page 5 Fb-hoverMettre les infos de profils dans une infobulle (messages) - Page 5 Fb-active
AccueilForumÉquipe 
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
» Système d'onglets simple et personnalisable
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 11 Fév 2023, 06:04 par Krager

Le deal à ne pas rater :
Boutique Nike : -25% dès 50€ sur TOUT le site Nike avec le code ...
Voir le deal

CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011Partagez
 

Mettre les infos de profils dans une infobulle (messages)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant
http://aucun.pour.le.moment.forum-actif.net
Luxuary Sakuraba'
Luxuary Sakuraba'
{ Membre }
{ Membre }

Féminin Messages : 138



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Bonjour! :3.

J'avoue avoir eu la flemme de lire les 7 pages de ce topic, donc mon problème à surement été résolut, mais là, j'ai pas la tête à lire 7 pages xD.
Alors voilà, chez moi l'infobulle fonctionne très bien. Mais j'avais installer un contour d'avatar... à mon avatar (omhg trop dur de trouver u_u). Et le problème, c'est que je ne l'ai plus avec l'infobulle.

Il serait possible de le rajouter d'une quelque manière que ce soit ?

Merci :3.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 10:08
Revenir en haut Aller en bas
Bebux
Bebux
{ Membre }
{ Membre }

Féminin Messages : 40



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Aha, la même Luxuary (: dommage, j'étais le petit post juste au dessus ^^
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 11:27
Revenir en haut Aller en bas
http://aucun.pour.le.moment.forum-actif.net
Luxuary Sakuraba'
Luxuary Sakuraba'
{ Membre }
{ Membre }

Féminin Messages : 138



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Comme quoi ma flemme de lire me joue des tours.

Il y aurait bien le tutoriel de Boow qui touche aux templates, mais il ne faut pas se tromper dans la modification des templates >w<. Hé là, j'ai pas encore essayer.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 11:45
Revenir en haut Aller en bas
http://casa-images.bb-fr.com
Lili
Lili
{ Membre }
{ Membre }

Féminin Messages : 24



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
c'est super cool
mais je n'ai plus l'affichage des rangs.... sniff
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 14:06
Revenir en haut Aller en bas
http://aucun.pour.le.moment.forum-actif.net
Luxuary Sakuraba'
Luxuary Sakuraba'
{ Membre }
{ Membre }

Féminin Messages : 138



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Code:
{postrow.displayed.POSTER_RANK}

{postrow.displayed.RANK_IMAGE}

Tu peux les remettre avec eux. Tu as juste à les placer avant ou après l'info bulle, voir dedans si tu le souhaite.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 14:10
Revenir en haut Aller en bas
http://casa-images.bb-fr.com
Lili
Lili
{ Membre }
{ Membre }

Féminin Messages : 24



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
je vais essayer de trouver le bon endroit, où les coller!
merci Very Happy
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 15:28
Revenir en haut Aller en bas
http://watermelondance.tumblr.com/
Yumemi
Yumemi
{ Membre }
{ Membre }

Féminin Messages : 53



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Merci beaucoup pour ce tuto. ♥
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 30 Jan 2011, 15:32
Revenir en haut Aller en bas
http://dont-stop-believin.forumactif.com/index.htm
sydney
sydney
{ Membre }
{ Membre }

Féminin Messages : 13



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Bonsoir à tous Wink

Je viens de parcourir les 8 pages du sujet à la recherche d'un solution concernant un forum.
J'ai déjà testé le tuto sur l'un de mes forums et il marche nickel. J'ai voulu l'ajouter également sur un autre et là, c'est un peu parti en cacahuète. Afin de régler ce souci, j'ai tenté de trouver par moi même un bout de solution en me créant un forum test où je rencontre exactement le même problème. Le même que June78. Mad

A savoir lorsque je passe ma souris sur l'avatar, les informations de profil apparaissent parfaitement dans l'infobulle. De ce coté aucun soucis à vu d'oeil.

Cependant lorsque la souris n'est pas dessus, toutes les informations apparaissent sous l'avatar et en plus grand. Ainsi j'aimerais savoir comment résoudre ce problème. Wink

Spoiler:

Le CSS

Code:

*********************************
INFOBULLE AVATAR
*********************************
div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

div.infobulle_avatar:hover em {
font-style: normal; /*écriture de la police*/
font-size: 10px; /*taille de la police*/
color:#000 !important; /*couleur de la police*/
padding: 3px;
display: block;
position: absolute;
-moz-border-radius: 5px; /* bord arrondis*/
-webkit-border-radius: 5px; /* bord arrondis*/
border-radius: 5px ; /* bord arrondis*/
background-color: #FFF; /*couleur de fond de l'infobulle*/
border: 1px solid #000; /*taille et couleur de la bordure de l'infobulle*/
width:150px; /*largeur de l'infobulle*/
top: 100px; /*infobulle à 100px du haut*/
left: 100px; /*infobulle à 100px de la gauche*/
}
********************************
FIN INFOBULLE AVATARS
********************************

Le Template

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>
             | 
            <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>
         </span>
      </td>
   </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <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">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />

 

<div class="infobulle_avatar">{postrow.displayed.POSTER_AVATAR}

<em>

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

</em></div>




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

<!-- 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" valign="top">
      <ul>
         <!-- BEGIN link -->
         <li><a href="{promot_trafic.link.U_HREF}" target="_blank" title="{promot_trafic.link.TITLE}">{promot_trafic.link.TITLE}</a>
         <!-- END link -->
      </ul>
      </td>
   </tr>
</table>
<!-- END promot_trafic -->

<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0">
   <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 -->
   <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>

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

      <!-- 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}" />
            <span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD}&nbsp;<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>

J'apprécierais énormément si quelqu'un pouvait avoir une idée d'où ça vient. Je finis par en conclure qu'il doit s'agir d'un code dans le template, sans en être complètement sure.

Merci à tout ceux qui tenteront d'éclairer ma lanterne. :idea:
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyJeu 03 Fév 2011, 15:16
Revenir en haut Aller en bas
http://aucun.pour.le.moment.forum-actif.net
Luxuary Sakuraba'
Luxuary Sakuraba'
{ Membre }
{ Membre }

Féminin Messages : 138



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
J'ai tester ton code CSS.
En voulant changer la couleur du fond de l'infobulle, celle-ci bug.
D'où le fait que tu ai les informations dans et hors de l'infobulle. Il faut laisser les code donner par Hari comme ils sont.
J'ai pas encore trouver comment faire pour mettre un fond d'une autre couleur que blanc =x.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyVen 04 Fév 2011, 21:49
Revenir en haut Aller en bas
http://dont-stop-believin.forumactif.com/index.htm
sydney
sydney
{ Membre }
{ Membre }

Féminin Messages : 13



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
En fait c'est justement ce que je comprend pas, Luxuary. Désolée, j'suis p't'être nulle Sad

J'ai déjà mis le code sur mon premier forum et j'ai aucun souci, aussi bien niveau background que police. Aucun bug.

Alors que sur les autres, ça me fait ce gros bug.

Se pourrait il que ça viennent tout simplement d'un bug du forum ?
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 05 Fév 2011, 19:03
Revenir en haut Aller en bas
http://aucun.pour.le.moment.forum-actif.net
Luxuary Sakuraba'
Luxuary Sakuraba'
{ Membre }
{ Membre }

Féminin Messages : 138



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Personnellement, j'ai juste mis ce code;

Citation :
div.infobulle_avatar em {
display:none;
}

div.infobulle_avatar:hover {
background: none;
z-index: 999;
cursor: hand;
position: relative;
text-decoration:none;
border: 0;
}

Le seul hic, c'est que tu peu rien modifier.
Mais ça t'évite d'avoir le bug. Après j'ai essayer de mettre sous plusieurs forums, je n'y arrive pas du tout =x.

Si un codeur, ou n'importe qui, qui sait comment régler ça peu nous répondre, ce serait bien x_x.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 05 Fév 2011, 22:51
Revenir en haut Aller en bas
http://dont-stop-believin.forumactif.com/index.htm
sydney
sydney
{ Membre }
{ Membre }

Féminin Messages : 13



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Luxuary, je viens de tester le code et figure toi que chez moi, c'est encore pire.

Aucune infobulle et tout apparaît dans une taille supérieure sous l'avatar.

Donc je suis totalement de ton avis, si un codeur passait par là, je le serais plus que reconnaissant de m'aider à résoudre ce bug. Je lui érigerais même une superbe statue ! (a)
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 06 Fév 2011, 09:18
Revenir en haut Aller en bas
http://aucun.pour.le.moment.forum-actif.net
Luxuary Sakuraba'
Luxuary Sakuraba'
{ Membre }
{ Membre }

Féminin Messages : 138



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Chez moi le code fonctionne comme ça =/.

Mais ça aiderais bien effectivement ^^'. Je m'y connais pas du tout dans le CSS.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 06 Fév 2011, 09:41
Revenir en haut Aller en bas
http://gossip-world.bbactif.com
MlleJohanna
MlleJohanna
{ Membre }
{ Membre }

Féminin Messages : 8



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Coucou
J'ai un petit soucis sur mon forum c'est que il y a le nom de l'avatar, l'avatar et encore en dessous le nom de nouveau :/
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 12 Fév 2011, 15:34
Revenir en haut Aller en bas
http://gossip-world.bbactif.com
MlleJohanna
MlleJohanna
{ Membre }
{ Membre }

Féminin Messages : 8



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Désolée du DP :/
J'ai réussi à retiré un des pseudos mais en revanche, l'infobulle ne marche pas
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 12 Fév 2011, 15:50
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
    Ca ne marche pas du tout chez moi, aucune infobulle n'apparait.. Est-ce qu'il faut avoir le profil avancé ou non ?

    Css :
    Spoiler:

    Template :
    Spoiler:
    Merci d'avance ^^
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyLun 14 Fév 2011, 07:25
Revenir en haut Aller en bas
http://caelestis-skai.forumgratuit.org/
CS-forum
CS-forum
{ Membre }
{ Membre }

Masculin Messages : 34



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Un tuto vraiment sympa, très simple et magnifiquement esthétique, chapeau.
Juste, je voulais savoir si on pouvais, par exemple, afficher les banalité en bas et des "infos bonus" dans la bulle ?
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyJeu 17 Fév 2011, 17:19
Revenir en haut Aller en bas
http://dont-stop-believin.forumactif.com/index.htm
sydney
sydney
{ Membre }
{ Membre }

Féminin Messages : 13



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
J'ai finalement réglé le problème de mon infobulle, il s'agissait du pré-code Css. j'avais oublié de mettre le / devant *. Bref passons.

j'ai un autre soucis à l'heure actuelle et je crois que ça vient de la "position" de l'infobulle. Car comme on peut voir sur mon exemple il y a un cercle sous l'avatar (dans mon cadre rouge). J'en ai déduit que ça correspondait à une donnée sur la position. Ceci dit je peux me tromper. Ma question serait de savoir comment je peux l'ôter sans que ça désactive le système d'infobulle ?

Spoiler:

Merci à ceux qui se pencheront sur mon petit problème. =)
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 19 Fév 2011, 10:25
Revenir en haut Aller en bas
http://www.ryotopub.com
Haribot' ♪
Haribot' ♪
{ Membre hyper-actif }
{ Membre hyper-actif }

Masculin Messages : 5163



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Bonjour,

Des modifications ont été apportées au tutoriel dans son intégralité Wink
Merci de vous mettre à jour pour éviter toutes les demandes d'aide à cause du problème général désormais résolu.

Bonne Journée.

MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 19 Fév 2011, 10:36
Revenir en haut Aller en bas
https://www.facebook.com/profile.php?id=100000682240418
Sarah.
Sarah.
{ Membre }
{ Membre }

Féminin Messages : 78



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
    Bonjour, même en suivant la mise à jour, l'infobulle ne s'affiche toujours pas.

    Css :
    Spoiler:

    Template :
    Spoiler:
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptySam 19 Fév 2011, 16:54
Revenir en haut Aller en bas
Invité
Invité




Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Ce code est vraiment pas mal, je l'ai essayé pour mon forum mais je ne pense pas l'utiliser, cependant je garde le code sous la main Wink
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyDim 27 Fév 2011, 19:05
Revenir en haut Aller en bas
HEAVEN.
{ Membre }
{ Membre }

Féminin Messages : 20



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Problème, ça ne marche pas chez moi .. Ca me fait pas du tout d'infobulle et en plus ça m'écrit 2 fois le nom ( 1 en haut & 1 en bas ).
Code:
<!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_AVATAR}{postrow.displayed.POSTER_NAME}</strong></span>

            <span class="postdetails poster-profile">
</span>
 

<div class="infobulle_avatar">

<em>

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

</em></div>
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyMar 01 Mar 2011, 09:45
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Lien du forum pour aperçu stp' Bravo !
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyMar 01 Mar 2011, 10:16
Revenir en haut Aller en bas
HEAVEN.
{ Membre }
{ Membre }

Féminin Messages : 20



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
http://neveah.forumactif.com/
Voila.
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyMar 01 Mar 2011, 11:52
Revenir en haut Aller en bas
Hiro
Hiro
Ninja Codeur
Ninja Codeur

Masculin Messages : 1179



Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Merci, déjà pour le double nom il faut que tu supprime un :

Code:
{postrow.displayed.POSTER_NAME}

MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 EmptyMar 01 Mar 2011, 12:04
Revenir en haut Aller en bas
Contenu sponsorisé




Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
MessageSujet: Re: Mettre les infos de profils dans une infobulle (messages)   Mettre les infos de profils dans une infobulle (messages) - Page 5 Empty
Revenir en haut Aller en bas
 

Mettre les infos de profils dans une infobulle (messages)

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 5 sur 6Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant

 Sujets similaires

-
» Mettre une image de fond dans une table (messages)
» Mettre le profil à droite dans les messages (messages)
» Mettre le profil à droite dans les messages
» Mettre les partenaires dans le footer (messages)
» Afficher/cacher les infos du profil (messages)

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-
ChatBox
:
AccueilAccueil  RechercherRechercher  Dernières imagesDernières images  Connexion  S'enregistrerS'enregistrer  

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 | Cookies | Forum gratuit