Jiben
{ Membre actif }
Messages : 314
| Bonjour a vous. Je n'arrive pas a faire une infobulle sur mon avatar. Pourtant j'ai suivit votre tuto. Voici mon CSS : - Spoiler:
- Code:
-
a.infobulle { position: relative; }
a.infobulle span { display: none; /* ceci masque l'infobulle */ } a.infobulle:hover { background: none; /* correction d'un bug IE */ z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
} a.infobulle:hover span { display: inline; /* ceci affiche l'infobulle */ position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 5px; /* on positionne notre infobulle */ left: 15px;
background: #ebebeb; /* arrière-plan de l'infobulle */
color: black; /* texte dans l'infobulle */ padding: 3px;
/* bordures de votre infobulle*/ border: 1px dotted black; border-left: 1px dotted black; }
.my_img img{ margin-top: 25px; margin-left: 20px; }
.my_modified_table{ width: 100%; margin: 0; padding: 0; font-family: Verdana; }
.my_forum_name{ display:none; } .my_img{ width: 10%; margin-left: 50px; }
.my_disc{ width: 70%; text-align:center; font-size: 13px; }
/* contour des tous mes catégories */ .my_cat_body{ border: 1px solid white; -border-radius: 8px; /* tous les côtés sont arrondis */ -moz-border-radius: 8px; /* tous les côtés sont arrondis */ -webkit-border-radius: 8px; /* tous les côtés sont arrondis */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ -moz-box-shadow: 0px 0px 15px white; -webkit-box-shadow: 0px 0px 15px white; box-shadow: 0px 0px 15px white; }
.my_cat ul{ margin:0; padding: 0; width: 800px !important; } .my_cat li{ margin-left: 2px; }
/* design de mes onglets de mes catégories */ .my_cat_style{ margin-left: 8px !important; border-top: 1px black white; border-left: 1px black white; border-right: 1px black white; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; text-align:center; font-size: 14px; padding-left:10px; padding-right:10px; display:inline; background-color: none; width: 200px; font-family: Arial; font-weight: bold; -moz-box-shadow: 0px 0px 10px white; -webkit-box-shadow: 0px 0px 10px white; box-shadow: 0px 0px 10px white;}
/* design de mes onglets de mes catégories lors du survol */ .my_cat_style:hover{-moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black; box-shadow: 0px 0px 10px black;}
/* texte de mes onglets de mes catégories */ .my_cat a{ text-decoration: none !important; color: white; }
/* petit bouton a coté de " derniers messages " */ .currenttr { cursor:pointer; position: absolute; top: 3px; right: 1px; }
/* cadre des dernier message */ .derniers_sujets { background-color : #828282; -border-radius: 4px; /* tous les côtés sont arrondis */ -moz-border-radius: 4px; /* tous les côtés sont arrondis */ -webkit-border-radius: 4px; /* tous les côtés sont arrondis */ margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ /* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */ border: 2px solid white; text-decoration: none; color : white; }
/* transparence cadre de mes derniers sujets */ .derniers_sujets {background-color: transparent; filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 1}
/* cadre des dernier message lors du survol*/ .derniers_sujets:hover { -moz-box-shadow: 0px 0px 20px white; -webkit-box-shadow: 0px 0px 20px white; box-shadow: 0px 0px 20px white; }
/* cadre de mes sujets */ .sujets {background-color: #828282; -border-radius: 4px; /* tous les côtés sont arrondis */ -moz-border-radius: 4px; /* tous les côtés sont arrondis */ -webkit-border-radius: 4px; /* tous les côtés sont arrondis */ margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */ padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */ /* après on peut rajouter ce qu'on veut : une bordure, une image de fond ... */ border: 2px solid white; text-decoration: none; color : white; }
/* transparence cadre de mes sujets */ .sujets {background-color: transparent; filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 1}
/* cadre de mes sujets lors du survol */ .sujets:hover { -moz-box-shadow: 0px 0px 20px white; -webkit-box-shadow: 0px 0px 20px white; box-shadow: 0px 0px 20px white; }
/* cadre du nom mes catégorie*/ .nom {border: 2px solid white; background-color: #828282; margin-left: 7%; border-bottom: 0px; -border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; padding: 1% }
/* transparence cadre du mes catégories */ .nom {background-color: transparent; filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 1}
/* cadre du nom mes catégorie lors du survol*/ .nom:hover { -moz-box-shadow: 0px 0px 20px white; -webkit-box-shadow: 0px 0px 20px white; box-shadow: 0px 0px 20px white; }
/* cadre ds message, avatar*/ .postdetails.poster-profile a img{ text-align: center; border: 4px double #000000; background-color: #919F84; padding:2px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* cadre ds message, reste du profil*/ .profil{ text-align: center; border: 1px solid white; background-color: #66705D; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* cadre ds message, pseudo*/ .pseudo{ text-align: center; border: 2px solid #000000; background-color: #919F84; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* cadre ds message, profil, site, mp, ..*/ .post-profil{ text-align: center; border: 1px solid #000000; background-color: #aab89d; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* cadre ds message, édité, citer, .. */ .post-options{ text-align: center; border: 1px solid #000000; background-color: #aab89d; padding:1px; -border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* quand on survol un pseudo dans les messages */ .pseudo:hover{ text-transform: uppercase; font-style:italic;}
/* les cadres pour sauter ver .., bouton aller, .. */ input,textarea, select { border: 1px solid #525052; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; -border-radius-bottomleft:6px; /* tous les côtés sont arrondis */ -border-radius-bottomright:6px; -border-radius-topleft:6px; -border-radius-topright:6px; -webkit-border-radius-bottomleft:6px; /* tous les côtés sont arrondis */ -webkit-border-radius-bottomright:6px; -webkit-border-radius-topleft:6px; -webkit-border-radius-topright:6px; }
/* cadre du forum */ .bodyline {-moz-box-shadow: 0px 0px 15px white; -webkit-box-shadow: 0px 0px 15px white; box-shadow: 0px 0px 15px white; -moz-border-radius:20px; -border-radius: 20px; -webkit-border-radius: 20px; border:1px solid white;}
/* barre de navigation */ .mainmenu{ height: 35px; font-size : 10px; color : #5f4037; }
/* décoration de la barre de navigation */ a.mainmenu{ text-decoration: none; color : black; filter:alpha(opacity=50); -moz-opacity:0.5;opacity: 0.5; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; -border-radius-topright: 10px; -border-radius-topleft: 10px; -webkit-border-radius-topright: 10px; -webkit-border-radius-topleft: 10px; padding-right: 8px; padding-left: 5px; }
/* barre de navigation lors du survol */ a.mainmenu:hover{ text-decoration:none; color : white; background-color : #66705D; border-bottom: 2px solid #363642; filter:alpha(opacity=100); -moz-opacity:0.5;opacity: 1; }
/* Soulignement des liens en pointillés lors du survol */ a:hover {text-decoration: none !important; border-bottom : 1px dotted }
/* enleve le soulignement en dessous des lien */ a { text-decoration: none !important; font-variant: small-caps; }
/* Décoration du spoiler ouvert */ .spoiler_content{ padding: 3px; color: #444444; /* couleur du texte */ }
/* Décoration du spoiler fermé*/ .spoiler_closed{ padding: 3px; border:2px #777777 dotted; /* bordure */ color: #444444; /* couleur du texte */ }
/* Décoration de la citation */ .quote { padding: 3px; border:2px #444444 inset; /* bordure */ color: #777777; /* couleur du texte */ -border-radius: 4px; /* tous les côtés sont arrondis */ -moz-border-radius: 4px; /* tous les côtés sont arrondis */ -webkit-border-radius: 4px; /* tous les côtés sont arrondis */ }
/* Décoration du code */ .code { padding: 3px; border:1px #ffffff ; /* bordure blanche en traits peu épais */ -border-radius: 4px; /* tous les côtés sont arrondis */ -moz-border-radius: 4px; /* tous les côtés sont arrondis */ -webkit-border-radius: 4px; /* tous les côtés sont arrondis */ color: #0044bb; /* couleur du texte blanche */ }
Voici mon templates : - Spoiler:
- 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 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[ 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" nowrap="nowrap" class="t-title"><h1 class="cattitle"> <!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></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="#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 style="text-align: center;" class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150"> <div class="profil"><div class="pseudo"><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></div><br /> <span class="postdetails poster-profile"> {postrow.displayed.POSTER_RANK}<br /> {postrow.displayed.RANK_IMAGE}<a href="#" class="infobulle"><img src={postrow.displayed.POSTER_AVATAR}> <span><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span> <br> {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} </span></a><br /><br /> <!-- BEGIN profile_field --> {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR} <!-- END profile_field --> {postrow.displayed.POSTER_RPG} </div></div></div> </span><br /> <img src="http://2img.net/i/fa/vide.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> <center><div class="signature_div"> {postrow.displayed.SIGNATURE} </div></center>
</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" class="post-profil"> {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" nowrap="nowrap" 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="1" 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> <!-- 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}" /> <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 type="text/javascript" src="{JS_DIR}addthis/addthis_widget.js"></script>
Merci d'avance de votre aide. Cordialement JIben | | |
|
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Qu'entends-tu par une infobulle sur ton avatar ? Et quel tutoriel, car je ne vois aucun tutoriel d'infobulle sur avatar ? Car si tu veux mettre les informations du profils dans une infobulle en passant sur l'avatar, il ne faut pas que tu suive le tutoriel de l'infobulle classique | | |
|
Jiben
{ Membre actif }
Messages : 314
| Bonjour. C'est ceci que je veux faire. Mais moi j'ai utiliser les infobulles classique par contre :s | | |
|
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Ok Je vais faire un tutoriel dès que je peux | | |
|
Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| |
Jiben
{ Membre actif }
Messages : 314
| Bon probléme résolu;
Encore merci d'avoir crée ce tuto (: | | |
|
Tech
{ Membre actif }
Messages : 1378
| Je classe | | |
|