Infobulle sur le profil, feuille de personnage.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu feuille de personnage, nouveau

Message par 8Bonhomme5 le Mar 18 Oct 2011 - 21:36

Bonjour à tous,

Je suis admin d'un forum aquariophilie,
je me sert de la feuille de personnage pour que les personnes présente leurs installation,

comme celle-ci =+>http://aqua-univers.forumsclub.com/u47rpgsheet

je voudrais savoir s'il est possible d'avoir un icône qui apparait lors de la mise à jours d'une feuille,
icône sous l'avatar de la personne?

Est il possible d'ouvrir la feuille de personnage sous forme de lightbox?

bonne soirée


Dernière édition par Micheloi le Mar 1 Nov 2011 - 14:56, édité 1 fois

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Sam 22 Oct 2011 - 20:33

Up

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Sam 22 Oct 2011 - 21:02

Bonsoir Micheloi,

En ce qui concerne l'icône, je ne sais pas.

Pour la lightbox pourquoi ne pas faire comme pour les images ?
Ce qu'il faudrait savoir, c'est sur quoi tu voudrais que l'on clique pour ouvrir la lightbox ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Sam 22 Oct 2011 - 21:55

par exemple en prenant ce post ==> http://aqua-univers.forumsclub.com/t2870p120-mon-juwel-240#92193

j'aimerai faire apparaitre la feuille de personnage en cliquant sur "liste de maintenance"

en bas du profil

enfin si c'est possible

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Dim 23 Oct 2011 - 20:06

J'ai bien trouvé comment affiché le contenu dans la lightbox, mais c'est le retour au message qui me pose problème car il ne se fait que par le "retour à la page précédente". La variable contient le lien à la feuille du rpg en question si on clique sur "Feuille".

Alors j'ai utilisé les mêmes identifiants que les images, donc pas touché au CSS.
Dans le template viewtopic_body cherche la variable :
[code]{postrow.displayed.POSTER_RPG}]/code]
En lieu et place de mettre une image miniature, nous allons utiliser le texte comme lien :
[code]<div align="center" class="lightminia"><p><a href="#macible2"><strong>liste de maintenance</strong></a></p></div><div class="lightbox" id="macible2"><a href="#">{postrow.displayed.POSTER_RPG}</a></div>[/code]

Quitte à faire quelque chose de camouflé qt qui s'affiche en cliquant dessus, pourquoi ne pas faire un "bouton" qui n'en a pas l'air d'un, et quand on clique dessus, le contenu s'affiche ?

Ou encore, même en infobulle rien qu'avec du CSS ?

EDIT : Tiens les balises "code" ne fonctionnent pas alors que tout est activé chez moi :
[code]mmnnn ???[/code]

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Dim 23 Oct 2011 - 22:21

@Final-Blonde a écrit:
Quitte à faire quelque chose de camouflé qt qui s'affiche en cliquant dessus, pourquoi ne pas faire un "bouton" qui n'en a pas l'air d'un, et quand on clique dessus, le contenu s'affiche ?

Ou encore, même en infobulle rien qu'avec du CSS ?

si tu as des exemples oui, je suis preneur, je ne suis pas fermé,

en infobulle ça peut être sympa

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 15:18

En fait c'est très simple, sauf que le CSS est complet.
Nous allons mettre les deux partie dans des "span" dont la première est celle qui va "tout gérer" par le CSS. La deuxième n'est là que pour cacher le contenu :
Dans le template viewtopic_body cherche :
Code:
<!-- END profile_field -->
Laisse quelques lignes pour le retrouver facilement et colle ceci autour de la variable "rpg" :
Code:
<span class="bulle">
LISTE DE MAINTENANCE
<span>
{postrow.displayed.POSTER_RPG}
</span></span>
Laisse encore quelques lignes avec la suite.
Bien sûr tu peux mettre ce bloc dans un "div" ou un tableau.

Avec le CSS tu vas mieux comprendre.
J'ai mis quelques fioritures comme les coins arrondis, mais tu fais à ton goût ça va de soi :
span.bulle {
position: relative;
}
span.bulle:hover {
background-color: transparent;
}
span.bulle span {
display: none;
text-align: center;
font-size: 11px;
background-color: #050505;
color: #FFFFFF;
border: 5px solid #3D3D3D;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 0 4px;
}
span.bulle:hover span {
display: block;
position: absolute;
top: 13px;
left: 0px;
width: 180px ;
height: 180px;
margin: 0 auto;
overflow: heidden;
z-index: 7;
}
Avec les infobulles, on peut mettre les propriétés de ce qui est caché aussi dans le code du "display: none;"
ou bien dans celui du hover avec le display "display: block;"
Chacun fait comme il le sent, ça ne change strictement rien. Pour ma part je mets souvent les propriétés intrinsèques au contenu dans le premier et tout ce qui concerne le contenant dans le second, le hover.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 21:10

je suis en train de tester, et ça peut vraiment correspondre à ce que je cherche,

par contre ça ne fait pas apparaitre la feuille de personnage, mais juste les champs qui ont l'option "visible" d'activé.

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 21:23

Euh, je n'ai pas bien compris, mais je ne connais pas bien les feuilles de personnage.
Chez moi avec le hover, ça affiche le contebu intitulé "Feuille", ce n'est pas ça ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 21:35

si je prends un exemple,

si tu regarde sur ce post, tu vois
Liste de Maintenance
Mise à jour: 14 Juil. 2011

c'est un champs de la feuille de personnage, (avec l'option "visible")
ce champs est donc dans l'infobulle et dans le profil à droite du post,

mais si tu regardes ma fiche de personnage
http://aqua-univers.forumsclub.com/u9rpgsheet
il y a d'autres champs,

c'est l'ensemble de ses champs que je voudrais faire apparaitre dans l'infobulle

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 21:48

Peux-tudonner ton template viewtopic_body ?
Il semble y avoir une erreur car je vois deux fois "liste de maintenance".

Ton dernier lien me demande de se connecter.
J'ai regardé via le premier lien.

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 21:53

@Final-Blonde a écrit:Peux-tudonner ton template viewtopic_body ?
Il semble y avoir une erreur car je vois deux fois "liste de maintenance".

le premier c'est pour visualiser l'infobulle (je viens de le renommer en infobulle)

le second c'est le champ visible dans les post issu de la feuille de personnage

@Final-Blonde a écrit:
Ton dernier lien me demande de se connecter.
J'ai regardé via le premier lien.
je viens de changer les permissions pour que tu puisses voir de quoi je parle

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 22:39

Ah ok, moi je n'arrive pas à créer cette satanée feuille, c'est mon côté autiste, je n'y juste comprends rien !

Puis-je avoir le template viewtopic_body ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 22:43

EDIT : je viens de modifier le templates, j'ai mis le nouveau ici,
ça s'affiche, sauf la photo, il faut que j'arrive a agencer tout ça

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="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a> |
                <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"><div style="position: absolute;"><span style="position: relative; bottom: 2px; right: 4px;">{postrow.displayed.ONLINE_IMG}</span></div>
      <div style="text-align: center;">
        <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}
            {postrow.displayed.POSTER_AVATAR}</span></div><br />
            <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 --><br />


<span class="bulle">
infobulle
<span>
            {postrow.displayed.POSTER_RPG}
</span>



        </span><br />
            <img src="http://illiweb.com/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 -->
                    </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:'';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"><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: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"><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" class="gensmall">{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> | <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></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} <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>


Dernière édition par Micheloi le Lun 24 Oct 2011 - 23:01, édité 1 fois

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 22:54

Oui mais normal Micheloi, tu n'as mis QUE la variable de l'image-rpg dans la bulle et non la variable du contenu du membre...
Selon mon tuto plus haut, tu ajoutes la variable de l'image mais tu n'exclus pas celle de la feuille Mr. Green
Code:
<span class="bulle">
infobulle
<span>
{RPG_IMAGE}
{postrow.displayed.POSTER_RPG}
</span></span>

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 23:03

Oui voilà, mais attention à ton positionnement, il faut que tu restes près du "infobulle" pour que le curseur puisse suivre et c'est dommage parce que la bulle va sur les images. Essaie d'inverser que ça parte vers la gauche ou soit vers le bas.
De plus si je peux me permettre, elle n'a pas besoin d'être si grosse.

Enfin tu fais bien sûr comme tu sens, mais tout est dans le CSS,

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 23:04

je viens de comprendre au moment ou tu as posté, j'ai édité le post du dessus,

donc l'affichage se fait ==> http://aqua-univers.forumsclub.com/t2870-mon-juwel-240

sauf l'image de la feuille,
et je cherche désormais comment agencer les 3 champs visible

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 23:14

Plus haut je te disais que ton infobulle est trop éloignée du "lien" et on ne peut y accéder pour le scroll des champs.
De plus elle est trop large.

Peux-tu donner ton CSS concernant cette infobulle ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 23:19

pour le placement de la bulle, je suis dessus,
on ne peut pas plutot élargir le champ que de réduire la taille de la bulle?

voici le css
Code:
span.bulle {
position: relative;
}
span.bulle:hover {
background-color: transparent;
}
span.bulle span {
display: none;
text-align: center;
font-size: 11px;
background-color: #DEE3E7;
color: #FFFFFF;
border: 3px solid #9AD6FF;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 0 4px;
}
span.bulle:hover span {
display: block;
position: absolute;
top: -200px;
left: 40px;
width: 500px ;
height: 260px;
margin: 0 auto;
overflow: heidden;
z-index: 7;
}

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Lun 24 Oct 2011 - 23:35

Micheloi a écrit:on ne peut pas plutot élargir le champ que de réduire la taille de la bulle?
Euh je ne sais pas vraiment vu que je ne connais pas du tout comment fonctionnent ces feuilles, mais essayons ceci dans le template :
Code:
<span class="bulle">
Liste de maintenance
<span>
{RPG_IMAGE}
<div align="center" class="champs">{postrow.displayed.POSTER_RPG}</div>
</span></span>

Et dans le CSS (modifications comprises) :
.champs {
width: 430px;
height: 270px;
}
span.bulle {
position: relative;
}
span.bulle:hover {
background-color: transparent;
}
span.bulle span {
display: none;
text-align: center;
font-size: 11px;
background-color: #DEE3E7;
color: #FFFFFF;
}
span.bulle:hover span {
display: block;
position: absolute;
top: -200px;
left: 40px;
width: auto;
height: auto;
margin: 0 auto;
overflow: heidden;
border: 3px solid #9AD6FF;
-moz-border-radius:10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
padding: 7px;
z-index: 7;
}

Pas sûre que ça fonctionne...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Lun 24 Oct 2011 - 23:50

le css, c'est bien mieux, par contre l'image ...

je suis en train d'essayer avec une deuxième bulle "ma photo"
mais je n'arrive pas à faire fonctionner {RPG_IMAGE}

et pourtant ça doit bien être ça

EDIT: je viens de comprendre que la largeur des champs est celle du profil,

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Mar 25 Oct 2011 - 7:21

Je trouve ton infobulle très bien. C'est net, on arrive bien à lire le contenu et c'est mieux qu'un gros champ.
Perso, je l'aurais placée dur la gauche afin qu'elle n'empiète pas sur le message, mais ça c'est une histoire de tout un chacun.

Pour l'image, pourquoi ELLE ne pas la mettre dans la lightbox ? Rien à modifier quant aux paramètres CSS, il suffit de reprendre les mêmes identifiant que pour ta galerie...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Mar 25 Oct 2011 - 15:32

je viens de faire un essai, pas moyen de faire fonctionner la variable
{RPG_IMAGE}

j'ai fait aussi des essais avec d'autres variables comme celle-ci {rpg_fields_left.F_NAME} ,mais je n'arrive pas à la faire fonctionner non plus

est-ce normal que certaines variable ne fonctionne pas?

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Mar 25 Oct 2011 - 17:09

Euh, là tu m'en demandes trop, vu que je ne connais quasiment rien, et surtout que je ne comprends rien au rpg... /-:

Dans quel template vois-tu ces variables ?
Template >> Profil > rpg_sheet et/ou > rpg_sheet_edit ???

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Mar 25 Oct 2011 - 19:14

et pourtant tu m'aides déjà énormément, merci,

donc pour la variable oui elle est présente dans ses deux pages,

je suis pas trop doué mais je pense qu'il me manque un préfixe à mettre devant la variable.

comme " {postrow.displayed. ....}"

donc { ....... .RPG_IMAGE}

je recherche sur le net un listing des variables, mais pour le moment je ne trouve pas mon bonheur

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Mar 25 Oct 2011 - 21:57

Vraiment bien pour les infobulles déjà.

Pour l'image, c'est la variable de l'avatar que tu as mis ?

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Mar 25 Oct 2011 - 22:03

oui je teste un peut tout, et j'ai testé la variable de l'avatar et sa foncitonne bien,

donc je pige pas pourquoi la variable de l'image de feuille rpg ne fonctionne pas,

....

en même temps je suis pas trop doué, comme on dit bon à rien, prêt à tout

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Mer 26 Oct 2011 - 7:27

Micheloi a écrit:en même temps je suis pas trop doué, comme on dit bon à rien, prêt à tout
Mr. Green j'en suis aussi !

Sans rire tu te débrouille très bien.
Si j'ai un moment, je vais essayer avec l'image-rpg, mais je ne garantis rien...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par 8Bonhomme5 le Mer 26 Oct 2011 - 14:01

sinon il n'y a pas moyen d'appeler directement le templates rpg_sheet?

et après je pourrais régler à partir de celui-ci

8Bonhomme5
*****

Masculin
Messages : 647
Inscrit(e) le : 11/06/2007

http://www.aqua-univers.com/
8Bonhomme5 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Infobulle sur le profil, feuille de personnage.

Message par Final-Blonde le Mer 26 Oct 2011 - 17:12

Micheloi a écrit:sinon il n'y a pas moyen d'appeler directement le templates rpg_sheet?
Euh, pas bien compris ?
Tu veux rappeler tout le template où ? Bien que je ne pense pas cela possible, car les variables (à part quelques unes, ne sont que pour les templates...

Mais as-tu déjà suivi [url=http://forum.forumactif.com/t260631-astuce-utiliser-les-variables-user-et-forum-autre]ce tuto ?
Pas sûre que ça puisse concerner les deux variables qui t'intéressent...

Final-Blonde
# Tropactif #

Féminin
Messages : 1581
Inscrit(e) le : 09/05/2010

http://www.siteduzero.com/
Final-Blonde a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum