[apparence] système de réputation

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

Résolu [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 14:58

Bonjour,

j'ai suivi CE TUTO afin de n'avoir que les votes positifs, et j'ai remplacé le + par une image..

Hors je voudrais aller encore plus loin, et ainsi modifier l'image une fois le vote effectué.
Actuellement un rectangle vert apparait :


En lieu de place de ce rectangle j'aimerai un encadré a la fin du message (juste avant la signature s'il y en a une), avec a l’intérieur le pseudo de la personne qui a "voté" (plutot "liké" dans mon cas)
Voici un screen pour me faire comprendre :


Ca risque d'etre un peu compliqué, c'est pour cette raison que je vous demande de l'aide !

Merci d'avance pour votre aide !!  thumright thumright


Dernière édition par sscf le Ven 4 Avr 2014 - 18:49, édité 1 fois

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par Neptunia le Jeu 3 Avr 2014 - 15:19

Bonjour ^^


Ce que vous demandez n'est pas réalisable, nous n'avons pas accès aux pseudos des gens ayant attribué un vote positif.

Neptunia
+ Hyperactif +

Féminin
Messages : 10398
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 15:39

Merci pour votre réponse !

C'est vraiment dommage que ce genre d'option ne soit pas activable par l'administrateur.

Mon exemple en screen je l'ai trouvé sur un forum, mais après verification ce n'est pas un forumactif...
Dommage car je trouvais cette idée très conviviale !

Pourriez vous m'aider au moins a modifier la photo du rectangle vert par une autre image ?

Merci de m'aider !! Yes 

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par julworld le Jeu 3 Avr 2014 - 16:10

Bonjour,
Vous pouvez toujours proposer votre idée ici : http://forum.forumactif.com/f3-vos-suggestions-pour-vos-forums-sondage (même si les suggestions validées mettent extrêmement de temps avant de voir le jour). Wink

Concernant la personnalisation des barres de réputation, il faut voir ça à partir du CSS, en voici le code :
Code:

.vote .vote-bar-plus {   
  background-image: url("IMAGE FOND BARRE VOTE PLUS");
}

.vote .vote-bar-minus {   
  background-image: url("IMAGE FOND BARRE VOTE MOINS");
}
(bien sûr, vous pouvez ajouter d'autres caractéristiques comme la largeur, hauteur, et le fond n'est pas nécessairement un background-image).

Bonne journée. Smile

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 16:27

Merci pour votre aide Wink

Concernant le sondage, il en existe deja un mais malheureusement le vote n'a pas été retenu :
http://forum.forumactif.com/t342808-points-savoir-quel-membre-a-voter-ou-sur-un-de-nos-post-et-lequel-reputation


Merci pour le code css.
Malheureusement, ce dernier ne fonctionne pas.
Le rectangle est toujours présent mais il est devenu blanc...

Voici mon css :

Code:
       .vote {
            width: 50px;
        }
.vote .vote-bar-plus {  
 background-image: url(http://i56.servimg.com/u/f56/18/15/68/65/coeur_10.jpg);
}

J'ai volontaire utilisé que la ligne pour les votes positifs, car j'ai supprimé les votes negatifs...

Merci encore ! Wink

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [apparence] système de réputation

Message par julworld le Jeu 3 Avr 2014 - 16:39

Dans ce cas, peut-être faut-il préciser davantage avec "vote-bar" :
Code:

.vote .vote-bar {   
  width: 6px;
  height: 50px   !important;   
  border: 1px solid #ffffff;   
}

(valeurs à modifier comme vous le voulez).

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 16:47

En rajoutant ce code, le rectangle grossis un peu mais n'est pas remplacé par mon image...

Peut etre en passant par le template de la meme manière que pour modifier le "+" (cf tuto en premier post) ? mais je ne sais pas comment faire ?? Crying or Very sad 

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 16:57

Autant pour moi !!

J'ai bidouillé votre précédent code en inscrivant la taille correspondante a celle de mon image (width et
 height)
Par contre j'ai toujours le cadre du rectangle collé a mon image :

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par Self le Jeu 3 Avr 2014 - 17:39

Bonjour,

Pour le rectangle ajoutez entre les accolades du code que vous à donné julworld la ligne suivante:
Code:
border: none;

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 17:45

SeLfde4Th7 a écrit:Bonjour,

Pour le rectangle ajoutez entre les accolades du code que vous à donné julworld la ligne suivante:
Code:
border: none;

Cordialement Smile.


Merci de m'aider Wink

J'ai donc essayer votre proposition, mais cela supprime la bordure de mon image.

Cordialement

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [apparence] système de réputation

Message par Self le Jeu 3 Avr 2014 - 18:25

Bonjour,

Je n'avez pas fait attention que le code de julworld précise déjà une bordure, remplacé le par:
Code:
.vote .vote-bar { 
    width: 6px;
    height: 50px  !important; 
    border: none; 
}

.vote .vote-bar img{
    border: 1px solid #000;
}

Cordialement Smile .

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par julworld le Jeu 3 Avr 2014 - 19:07

Oui, normalement là ça devrait fonctionner. Redites-nous. Wink

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Jeu 3 Avr 2014 - 21:13

Merci a vous tous de m'avoir aidé ! Wink

J'ai donc bricoler un code en combinant les votres (y avait un leger bug qui faisait apparaitre l'image 2 fois)..

voici le résultat :


Cependant, je ne suis pas si satisfait du résultat  Embarassed Embarassed Embarassed

Je ne trouve pas ca explicite.

C'est pourquoi je voulais savoir s'il n'était pas possible de realiser les résultats des votes sous forme de phrases en bas du message en question comme le précise l'exemple de mon 1er message :


bien évidement, sans prendre en compte les pseudos des votants, mais remplacer par "X membres ont aimé votre message" par exemple..

Veuillez me pardonner pour mon extreme exigence ! Angel

Voici la partie de mon css :
Code:
.vote {
            width: 40px; /*-- largeur de l'image choisie --*/
  height: 200px;
        }

.vote .vote-bar-plus {  
 background-image: url(http://i56.servimg.com/u/f56/18/15/68/65/coeur_10.jpg);
width: 28px;
  height: 25px !important;
}

.vote .vote-bar {
 border: none;
}

ainsi que mon template viewtopic_body:

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();
 }
 });
});

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

//]]>
</script>

<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}&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;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&amp;pub=forumotion">{L_SHARE}</a>
 <!-- BEGIN switch_plus_menu -->
  | .
 <script type="text/javascript">//<![CDATA[
 var url_favourite = '{U_FAVOURITE_JS_PLUS_MENU}';
 var url_newposts = '{U_NEWPOSTS_JS_PLUS_MENU}';
 var url_egosearch = '{U_EGOSEARCH_JS_PLUS_MENU}';
 var url_unanswered = '{U_UNANSWERED_JS_PLUS_MENU}';
 var url_watchsearch = '{U_WATCHSEARCH_JS_PLUS_MENU}';
 var url_tellfriend = '{U_TELLFRIEND_JS_PLUS_MENU}';
 insert_plus_menu('f{FORUM_ID}&amp;t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
 //]]>
 </script>
 <!-- END switch_plus_menu -->
 </span>
 </td>
 </tr>
</table>

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0" >
 <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 hidden -->
 <tr>
 <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="3" align="center">{postrow.hidden.MESSAGE}</td>
 </tr>
 <!-- END hidden -->
 <!-- BEGIN displayed -->
 <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong><center>{postrow.displayed.POSTER_NAME}</center></strong></span><br />
 <span class="postdetails poster-profile">
 <center>{postrow.displayed.POSTER_AVATAR}<br /><br />
{postrow.displayed.POSTER_RANK}<br />  
                                {postrow.displayed.RANK_IMAGE}</center><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}
 </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}"><img src="http://i56.servimg.com/u/f56/18/15/68/65/like210.png" title="J'aime !" alt="J'aime !" /></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" style="display: none;">----</div>
                                    <!-- END switch_no_bar -->
        
                                   <!-- BEGIN switch_vote -->
                                    <div class="vote-button" style="display: none;"><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}" alt="" />

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

 </div>
 <span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span>
 </td>
 </tr>
 </table>
 </td>
 </tr>
 <tr class="post--{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
 <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>
<hr />
<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 -->
 <!-- END postrow -->
 <!-- BEGIN no_post -->
 <tr align="center">
 <td class="row1" colspan="3" height="28">
 <span class="genmed">{no_post.L_NO_POST}</span>
 </td>
 </tr>
 <!-- END no_post -->
 <tr align="right">
 <td class="catBottom" colspan="3" height="28">
 <table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
 <td width="9%" class="noprint"> </td>
 <td align="center" class="t-title"><a name="bottomtitle"></a><h1 class="cattitle">{TOPIC_TITLE}</h1></td>
 <td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
 </tr>
 </table>
 </td>
 </tr>
</table>
<table class="forumline noprint" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin: 0 0 1px 0; border-top: 0px;">
 <tr>
 <td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
 <!-- BEGIN topicpagination -->
 <td class="row1" align="right" valign="top" ><span class="gensmall">{PAGINATION}</span></td>
 <!-- END topicpagination -->
 </tr>
 <!-- BEGIN switch_user_logged_in -->
 <!-- BEGIN watchtopic -->
 <tr>
 <td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
 </tr>
 <!-- END watchtopic -->
 <!-- END switch_user_logged_in -->
</table>

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

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

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

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

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

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

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

<!-- BEGIN viewtopic_bottom -->
<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
 <tr>
 <td colspan="2" align="left" valign="top" nowrap="nowrap"><br />{S_TOPIC_ADMIN}<br />
 <form name="action" method="get" action="{S_FORM_MOD_ACTION}">
 <input type="hidden" name="t" value="{TOPIC_ID}" />

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

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

<!-- BEGIN switch_image_resize -->
<script type="text/javascript">
//<![CDATA[
$(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
//]]>
</script>
<!-- END switch_image_resize -->
<script src="{JS_DIR}addthis/addthis_widget.js" type="text/javascript"></script>

MERCI MERCI MERCI !!! cheers cheers


Dernière édition par sscf le Ven 4 Avr 2014 - 18:48, édité 1 fois

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [apparence] système de réputation

Message par Self le Jeu 3 Avr 2014 - 21:55

Bonjour,

Pour la phrase, créez un nouveau javascript sur les sujets:
Code:
$(function(){
    $('.vote').each(function(){
        var nb = $('.vote-bar').attr('title').match(/[0-9]{1,}\s/);
        $('.vote-bar').html('<p>'+nb+'on aimé votre message</p>');
    });
});

Et collez ce CSS dans la fueille de style:
Code:
.vote .vote-bar{
    width:165px;height:auto;
    padding-right:5px;
    float:right;
    text-align:right;
    border:none;
    font-size:10px;
}

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Ven 4 Avr 2014 - 14:43

Le script qui déchiiiiiiiiiiiire !!!!!!!  Mr. Green 

MERCI MERCI MERCI c'est nickel !!
A la base je pensais le mettre en bas du message mais finalement il est très bien ici...

Je suis super satisfait du resultat, le top !!!! merci encore !! Wink


Aller juste une denière chose et après je vous laisse tranquille ^^

Lorsque je pointe ma souris (sans cliqué) sur les resutats des votes, j'ai une petite fenetre qui s'affiche, j'aimerai pouvoir modifier son contenu..



J'ai reussi a modifier le texte sur la fenetre du "like" dans les templates, mais pour celle là je n'ai pas réussi !

Si vous avez une piste ??
Merci encore !

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par Self le Ven 4 Avr 2014 - 14:48

Bonjour,

Vous désirez le changer pour le remplacer par quoi ?

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Ven 4 Avr 2014 - 15:23

Après reflexion, carrément le supprimer.. Wink

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: [apparence] système de réputation

Message par Self le Ven 4 Avr 2014 - 17:06

Bonjour,

Remplacez le script que je vous est donné par celui-ci (toujours sur les sujets) :
Code:
$(function(){
    $('.vote').each(function(){
        var nb = $('.vote-bar').attr('title').match(/[0-9]{1,}\s/);
        if(nb == 1){
            $('.vote-bar').html('<p>'+nb+'a aimé votre message</p>');
        }else{
            $('.vote-bar').html('<p>'+nb+'ont aimé votre message</p>');
        };
        $('.vote-bar').removeAttr('title');
    });
});

Cordialement Smile.

Self
+ Hyperactif +

Masculin
Messages : 3710
Inscrit(e) le : 13/06/2013

Self a été remercié(e) par l'auteur de ce sujet.

Résolu Re: [apparence] système de réputation

Message par sscf le Ven 4 Avr 2014 - 18:47

Alors là merci !!!

C'est exactement ce dont je souhaitais !!
Trop fort !

MERCIIIIII !!!!!!! Yes Yes Yes Yes 

sscf
***

Messages : 116
Inscrit(e) le : 15/12/2013

http://stalkingcarpe.forumactif.org/
sscf a été remercié(e) par l'auteur de ce sujet.

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