Testations de différentes fiches et codes

FICHE DE SCÉNARIO/Prédef

PRÉNOM P. NOM

Feat
ORGANISATION
ÂGE

۞ NATIONALITÉ : Si votre personnage n'est pas d'origine anglaise ou a immigré vers la Grande-Bretagne au cours de sa vie, cela devra être justifié par votre histoire.
۞ ÉTAT CIVIL : Il s'agit ici du statut juridique officiel de votre personnage (célibataire, marié, veuf ...), c'est-à-dire celui reconnu par Le Ministère. Autrement dit, votre personnage peut-être en couple mais non déclaré. Néanmoins, rien ne vous empêche de préciser votre situation " officieuse " pour plus de clarté IRP.
۞ SANG : Sang-pur, sang-mêlé ou encore né-moldu, tout est expliqué dans ce sujet.
۞ ECOLE : Tout transfert d'une école à une autre est proscrit même s'il reste possible pour les personnages adultes ayant grandi hors Grande-Bretagne d'avoir étudié ailleurs.
۞ MAISON :Elle représente les traits de caractère dominants de votre personnage mais pas nécessairement les plus évidents à l'oeil nu (pensez à Neville, le Gryffondor pas-si-par-accident-que-ça).
۞ MÉTIER/OCCUPATION : Si votre personnage est en formation, merci de préciser l'année.
۞ CARACTERE : Quelques mots pour définir la caractère de votre personnage.

My story

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Prénom Nom

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Prénom Nom

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Prénom Nom

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Prénom Nom

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sujet: Re: Testations de différentes fiches et codes Ven 17 Jan 2014 - 3:34

Test onglets en survol (usage d'une iframe obligatoire)

INFOS : J'ai repris d'après le CSS du forum de test mais c'est totalement adaptable.

Vous devrez créer une nouvelle page HTML depuis les modules du panneau d'administration et y faire appel dans vos posts grâce à une iframe :

Code:: <iframe width="600px" height="600px" name="onglet" src="http://tomorrow.forumactif.org/h1-menu-onglets" frameborder="0" scrolling="no"></iframe>

Je vous recommande fortement d'adapter le CSS et les "name" à votre goût afin de vous approprier le code et de vous y retrouver.

Et voici le code de l'iframe :

Spoiler:

Code:: <style type="text/css" rel="stylesheet">
@font-face {
  font-family: 'Just Me Again Down Here';
  font-style: normal;
  font-weight: 400;
  src: local('Just Me Again Down Here'), local('JustMeAgainDownHere'), url(http://themes.googleusercontent.com/static/fonts/justmeagaindownhere/v6/sN06iTc9ITubLTgXoG-kcx2rzR_z8fWeZUO05Wpyp-UC1LhKU8qFLLahJuQDJSaO.woff) format('woff');
}

   .onglets {
   color:#ba8a45;
   font: 35px 'Just Me Again Down Here';
   line-height: 100%;
   letter-spacing: -2px;
   text-align: center;
   margin:auto;
   padding-top: 3px;
   padding-bottom: 3px;
}

   .contenu {
   color:#a69884;
   width:530px;
   height:220px;
   overflow:auto;
   border:solid #0c0c0c;
   border-top: 5px solid #733812;
   border-bottom: 5px solid #733812;
   border-radius:10px;
   padding: 8px;
   font: 12px calibri;
   background:url(http://nsa33.casimages.com/img/2013/05/15//130515013113292764.jpg);
   text-align:justify;
    margin:auto;
}
   </style>
<table style="width: 100%;" cellpadding="0" cellspacing="1" border="0" class="forumline">

<tbody>

   <tr>

      <td valign="middle" align="center" rowspan="3" class="row1">

         <div class="gensmall">
            <script type="text/javascript">
   function fonglet1()
   {
   document.getElementById('onglet1').style.display='block';
   document.getElementById('onglet2').style.display='none';
   document.getElementById('onglet3').style.display='none';
   document.getElementById('onglet4').style.display='none';
   }
   function fonglet2()
   {
   document.getElementById('onglet1').style.display='none';
   document.getElementById('onglet2').style.display='block';
   document.getElementById('onglet3').style.display='none';
   document.getElementById('onglet4').style.display='none';
   }
   function fonglet3()
   {
   document.getElementById('onglet1').style.display='none';
   document.getElementById('onglet2').style.display='none';
   document.getElementById('onglet3').style.display='block';
   document.getElementById('onglet4').style.display='none';
   }
   function fonglet4()
   {
   document.getElementById('onglet1').style.display='none';
   document.getElementById('onglet2').style.display='none';
   document.getElementById('onglet3').style.display='none';
   document.getElementById('onglet4').style.display='block';
   }
   </script>

<table style="width: 100%;"><tbody><tr>
   <td style="width: 20%;">
   <div onmouseover="javascript:fonglet1()" class="onglets">Onglet 1</div></td>
   <td style="width: 20%;">
   <div onmouseover="javascript:fonglet2()" class="onglets">Onglet 2</div></td>
   <td style="width: 20%;">
   <div onmouseover="javascript:fonglet3()" class="onglets">Onglet 3</div></td>
   <td style="width: 20%;">
   <div onmouseover="javascript:fonglet4()" class="onglets">Onglet 4</div></td>
</tr></tbody></table>

<table style="width: 100%;"><tbody>

<tr style="width: 100%;">
  <td style="width: 100%;">
   

   <div id="onglet1">

   <div class="contenu">

ONGLET 1

</div></div>


<div style="display: none;" id="onglet2">

<div class="contenu">

  ONGLET 2

</div></div>


<div style="display: none;" id="onglet3">
<div class="contenu">

ONGLET 3

</div></div>


<div style="display: none;" id="onglet4">
<div class="contenu">

ONGLET 4

</div></div>
  </td></tr></tbody></table>
   </div></td></tr></tbody></table>

Sachez que la taille de l'iframe est à régler en fonction de votre texte dans le contenu. (ici réglée sur 600px). Ce qui influera la hauteur de votre "contenu" (ici 500px). Faites les coïncider pour éviter les cases vides entre la fin de votre iframe et le reste de votre message.

Malheureusement, l'utilisation de cette iframe implique de coder en HTML, vous n'aurez pas droit aux balises BBcode. Votre code CSS devra également être renseigné directement dans la page HTML de Forumactif car il ne viendra pas le chercher dans celui par défaut. Ce qui signifie donc un rappel de la police particulière que vous utilisez afin qu'elle apparaisse chez tous les utilisateurs mac et pc, c'est la raison du @FontFace.

J'ai testé sur Firefox et Chrome. Attention, il existe une incompatibilité entre les deux navigateurs au niveau de l'avatar. Si vous voulez je pourrez regarder et vous corriger ça. Et je ne saurais que trop vous recommander de faire attention à la lourdeur de votre forum. C'est en général généré par les appels de polices particulières mais aussi la quantité de div (des fois on peut difficilement faire autrement avec la structure de FA) mais aussi des ombrages et du nombres d'images (incluant également le chargement des fonds de cellule et autres modules).

Enfin, concernant la balise code, je vous recommande ce petit quelque chose.

Bises
Cinna

Compteur de mots :

Ce petit truc qu'est pas sorcier m'a pris très peu de temps comparé à ces satanés onglets.

Pour commencer, vous devrez ajouter un script : Modules > HTLM & Javascript > Gestion des codes Javascript

Créez un nouveau code et insérez ceci :

Code:: var wordcount_signaled= false;

$(function(){
if(!$('#text_editor_textarea').length || !$.fn["sceditor"]) return;

$(function(){

var e= $('#text_editor_textarea').sceditor('instance');
if(!e) return;

var w= $('<div class="word"></div>').appendTo('.sceditor-container');

var wc= function(){
var t= e.val().replace(/\[.*\]/g,' ').replace(/<.*>/g,' ').replace(/[\x00-\x40\x5b-\x60\x7b-\x7e]/g,' ');
w.html('Signes : '+(t.match(/\S/g)||[]).length+' • Mots : '+(t.match(/\S{1,}/g)||[]).length);
wordcount_signaled= false
};

e.keyDown(function(){
if(wordcount_signaled) return;
wordcount_signaled= true;
setTimeout(function(){ wc() }, 0000)
});

wc()

})

});

Et cochez "toutes les pages" comme ça, vous serez tranquilles. ET C'EST TOUT OUI MADAME ! Si toutefois vous souhaitez personnaliser le compteur, modifier cette ligne :

Code:: w.html('Signes : '+(t.match(/\S/g)||[]).length+' • Mots : '+(t.match(/\S{1,}/g)||[]).length);
wordcount_signaled= false\

Pour info, cette ligne :

Code:: setTimeout(function(){ wc() }, 0000)

indique que le compteur est instantané grâce au 0000 qui est en fait en milisecondes.

CSS à ajouter selon votre nouveau design :

Code:: .word {
text-align: left;
font-weight: normal;
padding-left: 20px!important;
font-size: 0.8em;
color: #595241;
}

Et voilà les biquettes pour vos demandes.

Je vous souhaite un bon weekend, je vais aller finir de mourir devant mes épisodes de Beverly Hills...

Bisoux
Cinna

Merci bien Cincin ! Je me penche sur tout ce joli travail dans la semaine !
♥

Esmé

Sujet: Re: Testations de différentes fiches et codes

» Codes bons à savoir

Testations de différentes fiches et codes

Sujets similaires

Sujets similaires