Bienvenue!
« Lorsque l'homme s'habitue à voir les autres porter les chaînes de l'esclavage, c'est qu'il accepte lui-même un jour de les porter. »
Abraham Lincoln
Hybride Industry
Installation du thème - Page 2
Jail your Animal
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


Petit forum crashtest, pour codeureuse qui se mêle de ce qui ne lae regarde pas.
 
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

 :: Votre 1ère catégorie :: Les sujets pour forums :: Vampires World
Installation du thème
Aller à la page : Précédent  1, 2
Admin
Admin
Admin
https://jailyouranimal.forumactif.com
Admin
Admin
Messages : 155
Admin
Date d'inscription : 05/07/2018
Admin
Dim 30 Juil - 18:26
Le codage de la revue des messages privés


En soit il y a très peu d'ajout par rapport au codage de base !
Juste, un fond a été ajouté pour éviter d'avoir une écriture beige sur le fond du forum (et comme j'arrive pas à forcer l'écriture noire... blblblbl) ainsi qu'un affichage différent de l'avatar pour éviter d'avoir un truc énorme.

Poster & Messages privées > privmsg_topic_review
Code:
<!-- BEGIN switch_inline_mode -->
<table border="0" cellspacing="1" cellpadding="0" class="cadre_mp">
   <tr>
      <td class="catHead" align="center" height="28"><b><span class="cattitle">{L_TOPIC_REVIEW}</span></b></td>
   </tr>
   <tr>
      <td class="row1">
      <!-- END switch_inline_mode -->
         <table class="cadre_mp" border="0" cellspacing="1" cellpadding="0">
            <tr>
                                  <th class="thCornerL" width="22%" height="26">{L_AUTHOR}</th>
               <th class="thCornerR">{L_MESSAGE}</th>
            </tr>
            <!-- BEGIN postrow -->
            <tr>
                                  <td class="{postrow.ROW_CLASS}{postrow.CURRENT_MSG}" valign="top" width="22%"><span class="name"><b>{postrow.POSTER_NAME}</b></span><br /><div class="vava_mp">{postrow.POSTER_AVATAR}</div></td>
               <td class="{postrow.ROW_CLASS}{postrow.CURRENT_MSG}" valign="top" height="28">
                  <table width="100%" border="0" cellspacing="0" cellpadding="0">
                     <tr>
                        <td width="100%"><span class="postdetails"><img src="{ICON_TIME}" alt="" border="0" />{postrow.POST_DATE}<span class="gen"> </span>  &nbsp;<img title="{postrow.L_MINI_POST_ALT}" src="{postrow.MINI_POST_IMG}" alt="" border="0" />{L_POST_SUBJECT}: {postrow.POST_SUBJECT}</span></td>
                     </tr>
                     <tr>
                        <td colspan="2"><hr /></td>
                     </tr>
                     <tr>
                        <td colspan="2"><div class="postbody">{postrow.MESSAGE}</div></td>
                     </tr>
                  </table>
               </td>
            </tr>
            <tr>
               <td class="spaceRow" colspan="2" height="1"><img src="https://2img.net/i/empty.gif" alt="" height="1" width="1" /></td>
            </tr>
            <!-- END postrow -->
         </table>
         <!-- BEGIN switch_inline_mode -->
      </td>
   </tr>
</table>
<div class="pagination gensmall">
   {PM_PAGINATION}
</div>
<!-- END switch_inline_mode -->
Revenir en haut Aller en bas
Admin
Admin
Admin
https://jailyouranimal.forumactif.com
Admin
Admin
Messages : 155
Admin
Date d'inscription : 05/07/2018
Admin
Dim 30 Juil - 18:27
Le codage de la liste des messages privées


Poster & Messages privées > privmsgs_body
Code:
<div id="mp">
  <div class="mp-header">
    <div class="mp-links">
      <div>{INBOX}</div>
      <div>{SENTBOX}</div>
      <div>{OUTBOX}</div>
      <div>{SAVEBOX}</div>
    </div>
    <!-- BEGIN switch_box_size_notice -->
    <div class="mp-percent">
      {BOX_SIZE_STATUS}
      <div><div><img src="{PATH_IMG_FA}empty.gif" alt="{INBOX_LIMIT_PERCENT}" height="8" width="{INBOX_LIMIT_IMG_WIDTH}" /></div></div>
    </div>
    <!-- END switch_box_size_notice -->
  </div>
  <form action="{S_PRIVMSGS_ACTION}" method="post" name="privmsg_list">
  <div class="mp-body">
    <div class="mp-body-head">
      {POST_PM_IMG}
      <span class="gensmall">{L_DISPLAY_MESSAGES}:
                    <select name="msgdays">
                        {S_SELECT_MSG_DAYS}
                    </select>
                    <input class="liteoption" type="submit" name="submit_msgdays" value="{L_GO}" />
                </span>
    </div>
                
    <!-- BEGIN listrow -->
    <div class="mp-item">
      <img title="{listrow.L_PRIVMSG_FOLDER_ALT}" src="{listrow.PRIVMSG_FOLDER_IMG}" alt="{listrow.L_PRIVMSG_FOLDER_ALT}" />
      <div>
        <div><a href="{listrow.U_READ}">{listrow.SUBJECT}</a>Par {listrow.FROM}</div>
        <div>{listrow.DATE}</div>
      </div>
      <input type="checkbox" name="mark[]2" value="{listrow.S_MARK_ID}" />
    </div>
    <!-- END listrow -->
    <!-- BEGIN switch_no_messages -->
    <div class="mp-empty">{L_NO_MESSAGES}</div>
    <!-- END switch_no_messages -->
  </div>
    <div class="mp-bottom-btn">
      {S_HIDDEN_FIELDS}
                <!-- BEGIN switch_save -->
                <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />  
                <!-- END switch_save -->
                <!-- BEGIN switch_move_profile -->
                <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />  
                <!-- END switch_move_profile -->
                <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" />  
                <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
    </div>
    <div class="mp-bottom">
      {POST_PM_IMG}
      <div>{PAGE_NUMBER}</div>
      <div>
        <a href="javascript:select_switch_privmsg(true);">{L_MARK_ALL}</a>
        <a href="javascript:select_switch_privmsg(false);">{L_UNMARK_ALL}</a>
      </div>
                <span class="nav">{PAGINATION}</span>
      </div>
  </form>
</div>
<script>
  $(document).ready(function(){
   $('.mp-body').find('img[title="Message Non-lu"]').closest('.mp-item').addClass('new-mp');
  });
</script>
<table width="85%" border="0">
    <tr>
        <td align="right" valign="top">{JUMPBOX}</td>
    </tr>
</table>
Revenir en haut Aller en bas
Admin
Admin
Admin
https://jailyouranimal.forumactif.com
Admin
Admin
Messages : 155
Admin
Date d'inscription : 05/07/2018
Admin
Dim 30 Juil - 18:29
Le codage de la mise en page du message privé


Idem que pour l'affichage des messages précédents des mps.

Poster & Messages privées > privmsgs_read_body
Code:
<table border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td valign="middle">{INBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{INBOX}  </span></td>
      <td valign="middle">{SENTBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{SENTBOX}  </span></td>
      <td valign="middle">{OUTBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{OUTBOX}  </span></td>
      <td valign="middle">{SAVEBOX_IMG}</td>
      <td valign="middle"><span class="cattitle">{SAVEBOX}</span></td>
   </tr>
</table>
<br clear="all" />
<form action="{S_PRIVMSGS_ACTION}" method="post">
    <!-- BEGIN switch_post_reply -->
    <table width="980px" border="0" cellspacing="2" cellpadding="0" style="margin: auto;">
        <tr>
          <td valign="middle"><div class="repondre_message">{REPLY_PM_IMG}</div></td>
            <td width="100%"></td>
        </tr>
    </table>
    <!-- END switch_post_reply -->
    <table border="0" cellspacing="1" cellpadding="4" class="cadre_mp">
        <tr>
            <th class="thHead" colspan="4" nowrap="nowrap" class="titre_mp">{BOX_NAME} :: {L_MESSAGE}</th>
        </tr>

        <tr>
            <td class="row2"><span class="genmed">{L_FROM}:</span></td>
            <td class="row2" colspan="2" width="100%"><span class="genmed">{MESSAGE_FROM}</span></td>
            <td rowspan="4" class="row2">
              <div class="vava_mp">{AVATAR_FROM}</div>
            </td>
        </tr>
        <tr>
            <td class="row2"><span class="genmed">{L_TO}:</span></td>
            <td class="row2" colspan="2" width="100%"><span class="genmed">{MESSAGE_TO}</span></td>
        </tr>
        <tr>
            <td class="row2"><span class="genmed">{L_POSTED}:</span></td>
            <td class="row2" colspan="2" width="100%"><span class="genmed">{POST_DATE}</span></td>
        </tr>
        <tr>
            <td class="row2"><span class="genmed">{L_SUBJECT}:</span></td>
            <td class="row2" width="100%"><span class="genmed">{POST_SUBJECT}</span></td>
            <td class="row2" align="right" nowrap="nowrap">
                <!-- BEGIN switch_quote -->
                {QUOTE_PM_IMG}
                <!-- END switch_quote -->
                {EDIT_PM_IMG}
            </td>
        </tr>
        <tr>
            <td class="row1" colspan="4" valign="top"><div class="postbody">{MESSAGE}</div></td>
        </tr>
        <!-- BEGIN switch_user_contact -->
        <tr>
            <td class="row1" colspan="4" valign="bottom" width="78%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td valign="middle" nowrap="nowrap">{PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG} </td>
                    <td> </td>
                    <td valign="top" nowrap="nowrap">
                    <script type="text/javascript">
    //<![CDATA[
    if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 ) {
        document.write('{ICQ_IMG}');
    } else {
        document.write('<div style="position:relative"><div style="position:absolute">{ICQ_IMG}</div><div style="position:absolute;left:3px">{ICQ_STATUS_IMG}</div></div>');
    }
    //]]>
                    </script>
                    <noscript>{ICQ_IMG}</noscript>
                    </td>
                </tr>
            </table>
            </td>
        </tr>
        <!-- END switch_user_contact -->
        <tr>
            <td class="catBottom" colspan="4" align="right" height="28">
                {S_HIDDEN_FIELDS}
                <!-- BEGIN switch_save -->
                <input class="liteoption" type="submit" name="save" value="{L_SAVE_MSG}" />  
                <!-- END switch_save -->
                <!-- BEGIN switch_move_profile -->
                <input class="liteoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" /> &nbsp;
                <!-- END switch_move_profile -->
                <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MSG}" />
            </td>
        </tr>
    </table>
    <table width="980px" border="0" cellspacing="2" cellpadding="0" align="center">
        <tr>
            <td>
                <!-- BEGIN switch_post_reply -->
              <div class="repondre_message">{REPLY_PM_IMG}</div>
                <!-- END switch_post_reply -->
            </td>
        </tr>
        <!-- BEGIN switch_review_box -->
        <tr>
            <td colspan="2">{TOPIC_REVIEW_BOX}</td>
          </tr>
        <!-- END switch_review_box -->
    </table>
</form>
<table width="980px" border="0" cellspacing="2" cellpadding="0" align="center">
   <tr>
      <td align="right" valign="top"><span class="gensmall">{JUMPBOX}</span></td>
   </tr>
</table>

<!-- 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 -->
Revenir en haut Aller en bas
Admin
Admin
Admin
https://jailyouranimal.forumactif.com
Admin
Admin
Messages : 155
Admin
Date d'inscription : 05/07/2018
Admin
Dim 30 Juil - 18:30
Le codage du profil des membres


Profil > profile_view_body
Code:
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<div class="PFIL"><!-- BEGIN switch_auth_user --><div class="adminPFIL">{ADMINISTRATE_USER}{BAN_USER} |&nbsp;{L_PRIVATE_MSG} : {PRIVATE_MSG}</div><!-- END switch_auth_user --><div class="topPFIL"><div style="float:left;"><a class="sbjPFIL" href="/sta/{PUSERNAME}">{L_TOPICS}</a><a class="msgPFIL" href="/spa/{PUSERNAME}">{L_POSTS}</a></div><div class="namePFIL">{USERNAME}</div></div><div class="abtPFIL"><!-- BEGIN profile_field --><div id="field_id{profile_field.ID}"><div><span class="gen">{profile_field.LABEL}</span> {profile_field.CONTENT}</div></div><!-- END profile_field --></div><div class="avPFIL">{AVATAR_IMG}</div><div class="btmPFIL"><div id="ktactPFIL"><!-- BEGIN contact_field --><div class="ktactPFIL">{contact_field.CONTENT}</div><!-- END contact_field --></div><div class="lstPFIL"><span>{L_LAST_VISITED} :</span> {LAST_VISIT_TIME}</div></div>

<!-- BEGIN switch_rpg -->
<div class="boxRPG"><div style="float:left; margin:0 10px 10px 0;">{RPG_IMAGE}</div>
 <!-- BEGIN rpg_fields -->
 <span class="gen">{switch_rpg.rpg_fields.F_NAME} : </span> {switch_rpg.rpg_fields.F_VALUE_NEW}<br/>
 <!-- END rpg_fields -->
 {U_ADMIN_RPG}
 </div>
 <!-- END switch_rpg -->
<!-- BEGIN switch_admin_user_comment_active --><span class="gen">{L_COMMENTS} :</span><br /><span class="gensmall">{L_MODS_AND_ADMINS}</span> {ADMIN_USER_COMMENT}<!-- END switch_admin_user_comment_active -->
</div>
</table>
<br />
<script src="{JS_DIR}jquery/json/jquery.json-1.3.min.js" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[
 $(document).ready(function(){
 $('[id^=field_id]').each(function(){
 if ( $(this).find('.field_editable').is('span, div') )
 {
 $(this).hover(function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().addClass('ajax-profil_hover').parent().addClass('ajax-profil_parent').append('<div class="ajax-profil_edit"><img src="{AJAX_EDIT_IMG}" /></div>');
 $(this).find('.ajax-profil_edit').attr({
 alt: "{L_FIELD_EDIT_VALUE}",
 title: "{L_FIELD_EDIT_VALUE}"
 }).click(function(){
 $(this).prev().prev().removeClass('ajax-profil_hover').addClass('invisible').next().removeClass('invisible').append('<img src="{AJAX_VALID_IMG}" class="ajax-profil_valid" />').find('input,select');
 $(this).prev().find('.ajax-profil_valid').attr({
 alt: "{L_VALIDATE}",
 title: "{L_VALIDATE}"
 }).click(function(){
 var content = new Array();
 $(this).parent().find('[name]').each(function(){
 var type_special = $(this).is('input[type=radio],input[type=checkbox]');
 if ( (type_special && $(this).is(':checked')) || !type_special )
 {
 content.push(new Array($(this).attr('name'), $(this).attr('value')));
 }
 });
 var id_name = $(this).parents('[id^=field_id]').attr('id');
 var id = id_name.substring(8, id_name.length);
 $.post(
 "{U_AJAX_PROFILE}",
 {id:id,user:"{CUR_USER_ID}",active:"{CUR_USER_ACTIVE}",content:$.toJSON(content),tid:"{TID}"},
 function(data){
 $.each(data, function(i, item){
 $('[id=field_id' + i + ']').find('.field_uneditable').html(item).end().find('.ajax-profil_valid').remove().end().find('.field_editable').addClass('invisible').end().find('.field_uneditable').removeClass('invisible');
 });
 },
 "json"
 );
 });
 $(this).remove();
 });
 }
 },function()
 {
 if( $(this).find('.field_editable.invisible').is('span, div') )
 {
 $(this).find('.field_editable').prev().removeClass('ajax-profil_hover');
 $(this).find('.ajax-profil_edit').remove();
 }
 });
 }
 });
 });
//]]>
</script>
Revenir en haut Aller en bas
Admin
Admin
Admin
https://jailyouranimal.forumactif.com
Admin
Admin
Messages : 155
Admin
Date d'inscription : 05/07/2018
Admin
Dim 30 Juil - 20:12
Le codage de la page d'accueil du forum


Le codage de la PA nécessitera un sujet qui lui est réservé dans le forum réservé au staff, car cette dernière, comme dit dans le premier sujet, à de soucis d'adaptation sur FA ! (des < body > qui apparaissent pour rien, les < i > qui se transforme en < em > ce qui empêche l'affichage de la favicon en chauve-souris dans le contexte pour laisser qu'un carré moche, etc...)

La PA sera donc à modifier à même le sujet qui aura été spécialement créé pour cette dernière, avant de la c/c dans le panneau d'administration ! (Et si la PA s'affiche comme vous le désiriez, alors vous pourrez enregistrer la modification aussi dans le sujet qui lui est réservé.)

Concernant l'ajout de nouvelles slides nouveautés
Cela se fait à deux endroits différent de la PA ! Là où la slide va s'afficher ET dans le javascript compris dans le codage, afin d'ajouter un nouveau bouton, etc.

Il faudrait donc ajouter ce codage à la suite des slides déjà existantes :
Code:

                                                                          
 <div style="display:none" class="mySlides fade">
                                         <img src="IMAGE 580X260 MAIS CA REDIMENSIONNE TOUT SEUL TKT" />                                          
 <div class="insideslide">
                                                                  
 <h2>
                                 Titre de la nouveauté                                
 </h2>
                                                                              
 <div class="thecaptioninside">
                                         Description ou texte de la nouveauté.                                
 </div>
                                                                            
 </div>
                                                                          
 </div>
                                                                          
 

Mais c'est pas tout ! Car ça c'est juste pour la slide en elle-même, avec l'image, le titre et le texte de votre nouveautés.

Et à la suite de :
Code:
<span onclick="currentSlide(1)" class="dot"></span>      <span onclick="currentSlide(2)" class="dot"></span>      <span onclick="currentSlide(3)" class="dot"></span>


Il faudra rajouter :
Code:
     <span onclick="currentSlide(4)" class="dot"></span>

En modifiant le "4" par systématiquement le nombre de slide que vous avez au total (là vous avez actuellement 3 slides en PA, donc ça sera la 4. Mais si vous en rajoutez une cinquième, il faudra faire la même chose en mettant "5", puis "6" si vous en rajoutez un 6ème, etc...

Affichage > Page d'accueil > Généralités
Code:
<div class="liensut">
                              
 <div class="lestruk">
                              
 <table>
 <tr>
                              
 <td>
               <span><i class="cp cp-bat-o"></i></span> 2056, les Vampires se révèlent au monde en déclenchant une guerre contre les Humains, qu'ils remportent. Dans la foulée ils les réduisent en esclavage, créent des Hybrides puis, trois siècles plus tard en 2361, lancent à la stupeur générale les Androïdes, dont l'existence fait revenir à Dornia, après plus de cinq siècles, le Premier Vampire.<br />L'assassinat de Dorian Greyson, Leader des Etats-Unis, ayant suivit l'éradication des femmes, révèle au monde plusieurs gros secrets et notamment : que deviennent les vampires de plus de 500 ans ? Sont-ils réellement dans des maisons de retraite à la campagne ? Et au milieu de tout ça, la haine contre les résistants atteint son apogée et la guerre est officiellement déclarée contre la Résistance et son Leader : l'Océanie. Une Quatrième Guerre mondiale s'annonce, Vampires contre Vampires. Marquera-t-elle la fin de la race ? <a target="_blank" href="/t1-contexte-et-chronologie">En savoir plus...</a><br /><br /><img src="https://zupimages.net/up/19/44/gdyc.png" /><img src="https://zupimages.net/up/19/44/zff2.png" /><img src="https://zupimages.net/up/19/44/te43.png" /><img src="https://zupimages.net/up/20/02/zm2c.png" /><img src="https://zupimages.net/up/19/44/6q7c.jpg" /><img src="https://zupimages.net/up/19/44/chye.jpg" />                    
 </td>
                                                                              
 </tr>
 </table>
                                                                        
 </div>
                                                                        
 <div class="baseslide">
                                                                          
 <div class="slideshow-container">
                                                                            
 <div class="mySlides fade">
                                          <img src="https://zupimages.net/up/21/11/ku2w.png" />                                          
 <div class="insideslide">
                                                                    
 <h2>
                                  Nouveau design                                    
 </h2>
                                                                                
 <div class="thecaptioninside">
                                           Helloooooo !!! Petite slide de test pour montrer comment vont être affichées les nouveautés sur la PA, avec ce nouveau design !                                  
 </div>
                                                                              
 </div>
                                                                            
 </div>
                                                                            
 <div class="mySlides fade" style="display:none">
                                          <img src="https://static.zerochan.net/Stardust.Crusaders.full.3093394.jpg" />                                          
 <div class="insideslide">
                                                                    
 <h2>
                                  Titre de la new 2                                  
 </h2>
                                                                                
 <div class="thecaptioninside">
                                          Description ou texte.                                  
 </div>
                                                                              
 </div>
                                                                            
 </div>
                                                                            
 <div class="mySlides fade" style="display:none">
                                          <img src="https://static.zerochan.net/DC.Comics.full.3020904.jpg" />                                          
 <div class="insideslide">
                                                                    
 <h2>
                                  Titre de la new 3                                  
 </h2>
                                                                                
 <div class="thecaptioninside">
                                           Description ou texte.                  
 </div>
                                                                              
 </div>
                                                                            
 </div>
                                         <a class="prev" onclick="plusSlides(-1)">❮</a>      <a class="next" onclick="plusSlides(1)">❯</a>                                      
 </div>
                                                                          
 <div style="text-align:center">
                                        <span class="dot" onclick="currentSlide(1)"></span>      <span class="dot" onclick="currentSlide(2)"></span>      <span class="dot" onclick="currentSlide(3)"></span>                                      
 </div>
                                                                        
 </div>
</div>
<div class="linksut">
                                                                        
 <div class="linkuu">
                                    <a target="_bank" href="/t3632-les-regles-du-forum" class="hoversito link6">Règlement</a>                                  
 </div>
                                                                        
 <div class="linkuu">
                                   <a target="_bank" href="/f1-univers-et-annexes" class="hoversito link6">Annexes</a>                                  
 </div>
                                                                        
 <div class="linkuu">
                                   <a target="_bank" href="/t3572-bottin-des-avatars" class="hoversito link6">Avatars</a>                                  
 </div>
                                                                        
 <div class="linkuu">
                                 <a target="_bank" href="/t6-demandes-de-partenariats" class="hoversito link6">Partenariats</a>                                  
 </div>
                                                                        
 <div class="linkuu">
                                 <a target="_bank" href="/t3633-toutes-vos-questions" class="hoversito link6">Invités</a>                                  
 </div>
                                                                        
 <div class="linkuu">
                                 <a target="_bank" href="https://discord.gg/3rCVrVHKUA" class="hoversito link6">Discord</a>                                
 </div>
</div>
<div class="autourblok">
                                                                        
 <div class="titlepredef">
                                  Le staff                                    
 </div>
                                                                      
 <div class="S2" style="background-image:url('https://zupimages.net/up/20/41/99i0.png')">
                                                                    
 <div class="S3">
                                  <span>Fondateur</span><br /><a href="/1">profil</a>                                  
 </div>
                                                                    
 </div>
                                                                          
 <div class="S2" style="background-image:url('https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0f3b7f76-c683-4509-8e10-17caa35f116e/deq1fvz-6f571f67-e0f6-4091-b4d3-81a55ab740ba.jpg/v1/fill/w_1024,h_1748,q_75,strp/zayns_back_tattoo_by_aenaluck_deq1fvz-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7ImhlaWdodCI6Ijw9MTc0OCIsInBhdGgiOiJcL2ZcLzBmM2I3Zjc2LWM2ODMtNDUwOS04ZTEwLTE3Y2FhMzVmMTE2ZVwvZGVxMWZ2ei02ZjU3MWY2Ny1lMGY2LTQwOTEtYjRkMy04MWE1NWFiNzQwYmEuanBnIiwid2lkdGgiOiI8PTEwMjQifV1dLCJhdWQiOlsidXJuOnNlcnZpY2U6aW1hZ2Uub3BlcmF0aW9ucyJdfQ.k86Arztri1IfxA03kCgw0sfiaCxiFwl4o87CYb8U-fg')">
                                                                    
 <div class="S3">
                                  <span>Whisper</span><br /><a href="/u729">profil</a>                                  
 </div>
                                                                    
 </div>
                                                                          
 <div class="S2" style="background-image:url('https://zupimages.net/up/20/25/6axu.jpg')">
                                                                    
 <div class="S3">
                                  <span>Hopper</span><br /><a href="/u960">profil</a>                                  
 </div>
                                                                    
 </div>
                                                                          
 <div class="S2" style="background-image:url('VOTRE IMAGE ICI')">
                                                                    
 <div class="S3">
                                  <span>Nom prénom</span><br /> <a href="/">profil</a>                                  
 </div>
                                                                    
 </div>
                                                                        
 <center>
                                                  
 <div class="vte1">
                         <a href="/" target="_blank">V</a>                        
 </div>
                                                  
 <div class="vte1">
                         <a href="/" target="_blank">O</a>                        
 </div>
                                                  
 <div class="vte">
                         <img src="https://imgur.com/SXoXzr8.png" />                        
 </div>
                                                  
 <div class="vte1">
                         <a href="/" target="_blank">T</a>                        
 </div>
                                                  
 <div class="vte1">
                         <a href="/" target="_blank">E</a>                        
 </div>
                                                  
 </center>
</div>
                                  
<center>
                                                                        
 <div class="topparto">
                                  <a href="https://roncepourpre.forumactif.com/" target="_blank"><img src="https://i.imgur.com/ZuHTOsV.png" /></a> <a href="https://le-monde-d-agartha.forumactif.com/" target="_blank"><img src="https://zupimages.net/up/22/30/6yxv.png" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a> <a href="/" target="_blank"><img src="https://via.placeholder.com/50x50" /></a>                        
 </div>
</center><script>
  var slideIndex = 1;
showSlides(slideIndex);

function plusSlides(n) {
  showSlides(slideIndex += n);
}

function currentSlide(n) {
  showSlides(slideIndex = n);
}

function showSlides(n) {
  var i;
  var slides = document.getElementsByClassName("mySlides");
  var dots = document.getElementsByClassName("dot");
  if (n > slides.length) {slideIndex = 1}
  if (n < 1) {slideIndex = slides.length}
  for (i = 0; i < slides.length; i++) {
      slides[i].style.display = "none";
  }
  for (i = 0; i < dots.length; i++) {
      dots[i].className = dots[i].className.replace(" active", "");
  }
  slides[slideIndex-1].style.display = "block";
  dots[slideIndex-1].className += " active";
}
  </script>
Revenir en haut Aller en bas
Admin
Admin
Admin
https://jailyouranimal.forumactif.com
Admin
Admin
Messages : 155
Admin
Date d'inscription : 05/07/2018
Admin
Lun 31 Juil - 16:29
Les javascript


Pour afficher l'avatar sous la bannière :
Code:
$(function(){
    $.each(_userdata, function(key, value){
        $(".js-" + key).html(value);
    })
});

Retrait de [pseudo] dans la déconnexion
Code:
$(function() {
    $('a.mainmenu[href^="/login?logout=1&tid="]').text('Déconnexion');
    });


Personnaliser le sélectionneur de code
Code:
function selectCode(e) {
        var doc = document
            , text = $(e).closest("dl").find(".cont_code,code").get(0)
            , range, selection
        ;
        if (doc.body.createTextRange) {
            range = document.body.createTextRange();
            range.moveToElementText(text);
            range.select();
        } else if (window.getSelection) {
            selection = window.getSelection();       
            range = document.createRange();
            range.selectNodeContents(text);
            selection.removeAllRanges();
            selection.addRange(range);
        }
    };
    $(function(){$("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">Mords-moi</span>')});

Empêcher la déformations des ♥♦♣
Code:
$(function() {
    $('img.emojione').each(function() {
      $(this).after( $(this).attr('alt') ).remove();
    });
});
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Page 2 sur 2Aller à la page : Précédent  1, 2
Sauter vers: