heritiersbabel.org

L'association des amateurs du jeu de rôle Nephilim
https://heritiersbabel.org/forum/

Nephilim sur Roll20

https://heritiersbabel.org/forum/viewtopic.php?f=16&t=235

Page 4 sur 4

Re: Nephilim sur Roll20

Publié : 05 avr. 2019, 17:58
par Zagul
Salut,
Le projet de fiche Roll20 est pour l'instant en sommeil. Mais il ne demande qu'à se réveiller. Dès qu'on aura la fiche de perso version Nephilim Légende, il pourra être intéressant de la coder.

Re: Nephilim sur Roll20

Publié : 07 mai 2019, 01:42
par doubleseb
Pour ceux que ca interesse, voici un premier jet de la fiche pour ROLL20. Si des heritiers en contact avec mnemos veulent utiliser ca pour faire la fiche officielle, vous avez mon feu vert :)

c'est loin d'etre parfait mais j'avais une partie ce week end :)

le html

Code : Tout sélectionner

<script type="text/worker">

on("sheet:opened", function() {
     updatevaleur(); 
    });

on("change:kaFeu change:kaLune", function() {
   updatevaleur();
    });
    
   var updatevaleur = function(){
        getAttrs(["KaFeu", "KaLune"], function(v){
                var valdommage = "0";     
                var valvoile= "0";

                if (parseInt(v.KaFeu) > 9){
                    valdommage = "2";
                } else{ 
                    if (parseInt(v.KaFeu) > 4){valdommage ="1"; };
                };
        
                if (parseInt(v.KaLune) > 9){
                    valvoile = "2";
                }else{ 
                    if (parseInt(v.KaLune) > 4){valvoile = "1";};
                };
         
	    setAttrs({ActBonusDomm: valdommage,ActBonusVoile: valvoile});
    	});
   };


</script>


<!-- Liste des onglets -->
<input type="radio" name="attr_tab1" class="sheet-tab sheet-tab1" value="1" title="Fiche" checked="checked" /><span title="Fiche"></span>
<input type="radio" name="attr_tab1" class="sheet-tab sheet-tab2" value="2" title="Magie" /><span title="Magie"></span>
<input type="radio" name="attr_tab1" class="sheet-tab sheet-tab3" value="3" title="Construct" /><span title="Construct"></span>
<input type="radio" name="attr_tab1" class="sheet-tab sheet-tab4" value="4" title="Formules" /><span title="Formules"></span>
<input type="radio" name="attr_tab1" class="sheet-tab sheet-tab5" value="5" title="Kabbale" /><span title="Kabbale"></span>

<!--Onglets 1 : Competences-->
<div class="sheet-tab-content sheet-tab1 bgmain">
    <!-- pentacle -->
    <div class="abs" style="left:440px;top:24px;"><input class="attribut" type="number" name="attr_KaFeu" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:290px;top:124px;"><input class="attribut" type="number" name="attr_KaTerre" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:590px;top:124px;"><input class="attribut" type="number" name="attr_KaAir" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:351px;top:296px;"><input class="attribut" type="number" name="attr_KaLune" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:529px;top:296px;"><input class="attribut" type="number" name="attr_KaEau" value="0" min= 0 max=10 ></div>
    
    <!-- Metamorphe -->
    <div class="abs" style="left:70px;top:129px;"><input class="attribut" type="text" name="attr_MetaName" style="width:100%;"></div>
    <div class="abs" style="left:225px;top:100px;"><input class="attribut" type="number" name="attr_MetaScore" value="0" min= 0 max=10 ></div>  
    <div class="abs" style="left:85px;top:162px;"><input class="Meta" type="text" name="attr_MetaDsc1" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:176px;"><input class="Meta" type="text" name="attr_MetaDsc2" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:189px;"><input class="Meta" type="text" name="attr_MetaDsc3" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:203px;"><input class="Meta" type="text" name="attr_MetaDsc4" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:216px;"><input class="Meta" type="text" name="attr_MetaDsc5" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:229px;"><input class="Meta" type="text" name="attr_MetaDsc6" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:243px;"><input class="Meta" type="text" name="attr_MetaDsc7" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:256px;"><input class="Meta" type="text" name="attr_MetaDsc8" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:269px;"><input class="Meta" type="text" name="attr_MetaDsc9" style="width:100%;"></div>
    <div class="abs" style="left:85px;top:282px;"><input class="Meta" type="text" name="attr_MetaDsc10" style="width:100%;"></div>
    
     <div class="abs" style="left:234px;top:163px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck1" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:176px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck2" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:189px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck3" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:203px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck4" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:216px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck5" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:229px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck6" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:243px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck7" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:256px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck8" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:269px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck9" style="width:100%; height:100%;"/></div>
     <div class="abs" style="left:234px;top:282px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_MetaCheck10" style="width:100%; height:100%;"/></div>
       
    <!-- Chutes -->
        <!-- Khaiba -->
        <div class="abs" style="left:733px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:743px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:753px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba3" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:763px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba4" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:777px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba5" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:787px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba6" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:797px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba7" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:811px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba8" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:821px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba9" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:834px;top:90px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Khaiba10" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:690px;top:102px;"><input class="Meta" type="text" name="attr_KhaibaDsc" style="width:100%;"></div>
        <!-- Ombre -->
        <div class="abs" style="left:733px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:743px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:753px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre3" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:763px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre4" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:777px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre5" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:787px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre6" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:797px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre7" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:811px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre8" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:821px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre9" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:834px;top:120px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Ombre10" style="width:100%; height:100%;"/></div>
    
        <!-- Narcose -->
        <div class="abs" style="left:733px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:743px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:753px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose3" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:763px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose4" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:777px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose5" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:787px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose6" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:797px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose7" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:811px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose8" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:821px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose9" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:834px;top:149px; width:10px; height:10px;"><input class="attribut" type="checkbox" name="attr_Narcose10" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:690px;top:162px;"><input class="Meta" type="text" name="attr_NarcoseDsc" style="width:100%;"></div>
       
    
    <!-- info -->
    <div class="abs" style="left:105px;top:70px;"><input class="attribut" type="text" name="attr_Name" style="width:100%;"></div>
    <div class="abs" style="left:130px;top:317px;"><input class="attribut" type="number" name="attr_ArcaQuest" value="0" min= 0 max=10 ></div>    
    <div class="abs" style="left:290px;top:317px;"><input class="attribut" type="number" name="attr_FratScore" value="0" min= 0 max=10 ></div>   
    <div class="abs" style="left:810px;top:32px;"><input class="attribut" type="number" name="attr_SAPIENCE" value="0" min= 0 max=50 ></div>
    <div class="abs" style="left:813px;top:184px;"><input class="attribut" type="number" name="attr_Stase" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:490px;top:920px;width:100px;height:230px;"><textarea style="width:100%; height:100%;" name="attr_Armes"></textarea></div>     
    <div class="abs" style="left:70px;top:330px;width:50px;"><input class="attribut" type="text" name="attr_QAName" style="width:100%;"></div>
    <div class="abs" style="left:170px;top:330px;width:120px;"><input class="attribut" type="text" name="attr_FraName" style="width:100%;"></div>
    <div class="abs" style="left:650px;top:240px;"><input class="attribut" type="text" name="attr_Stasename" style="width:100%;"></div>    
     <div class="abs" style="left:65px;top:375px;width:775px;"><input class="attribut" type="text" name="attr_DSCNeph" style="width:100%;"></div>
     
    <!-- Simulacre -->
    <div class="abs" style="left:813px;top:265px;"><input class="attribut" type="number" name="attr_SimulKa" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:813px;top:319px;"><input class="attribut" type="number" name="attr_SimulSCVecu" value="0" min= 0 max=10 ></div>
    <div class="abs" style="left:670px;top:325px;width:140px;"><input class="attribut" type="text" name="attr_SimulVecuName" style="width:100%;"></div>
    <div class="abs" style="left:670px;top:295px;"><input class="attribut" type="text" name="attr_Simulname" style="width:100%;"></div>
    
    
    <!-- Vecus -->   
    <div class="abs" style="left:300px;top:438px;"><input class="attribut" type="text" name="attr_VecuNom1"></div>
    <div class="abs" style="left:523px;top:434px;"><input class="attribut" type="number" name="attr_VecuSc1" value="0" min= 0 max=10 ></div>

    <div class="abs" style="left:300px;top:468px;"><input class="attribut" type="text" name="attr_VecuNom2"></div>
    <div class="abs" style="left:523px;top:464px;"><input class="attribut" type="number" name="attr_VecuSc2" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:300px;top:499px;"><input class="attribut" type="text" name="attr_VecuNom3"></div>
    <div class="abs" style="left:523px;top:495px;"><input class="attribut" type="number" name="attr_VecuSC3" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:300px;top:530px;"><input class="attribut" type="text" name="attr_VecuNom4"></div>
    <div class="abs" style="left:523px;top:526px;"><input class="attribut" type="number" name="attr_VecuSc4" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:300px;top:562px;"><input class="attribut" type="text" name="attr_VecuNom5"></div>
    <div class="abs" style="left:523px;top:558px;"><input class="attribut" type="number" name="attr_VecuSc5" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:300px;top:595px;"><input class="attribut" type="text" name="attr_VecuNom6"></div>
    <div class="abs" style="left:523px;top:591px;"><input class="attribut" type="number" name="attr_VecuSc6" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:300px;top:629px;"><input class="attribut" type="text" name="attr_VecuNom7"></div>
    <div class="abs" style="left:523px;top:624px;"><input class="attribut" type="number" name="attr_VecuSc7" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:300px;top:659px;"><input class="attribut" type="text" name="attr_VecuNom8"></div>
    <div class="abs" style="left:523px;top:655px;"><input class="attribut" type="number" name="attr_VecuSc8" value="0" min= 0 max=10 ></div>

    <div class="abs" style="left:595px;top:438px;"><input class="attribut" type="text" name="attr_VecuNom10"></div>
    <div class="abs" style="left:818px;top:434px;"><input class="attribut" type="number" name="attr_VecuSc10" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:468px;"><input class="attribut" type="text" name="attr_VecuNom11"></div>
    <div class="abs" style="left:818px;top:464px;"><input class="attribut" type="number" name="attr_VecuSc11" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:499px;"><input class="attribut" type="text" name="attr_VecuNom12"></div>
    <div class="abs" style="left:818px;top:495px;"><input class="attribut" type="number" name="attr_VecuSc12" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:530px;"><input class="attribut" type="text" name="attr_VecuNom13"></div>
    <div class="abs" style="left:818px;top:526px;"><input class="attribut" type="number" name="attr_VecuSc13" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:562px;"><input class="attribut" type="text" name="attr_VecuNom14"></div>
    <div class="abs" style="left:818px;top:558px;"><input class="attribut" type="number" name="attr_VecuSc14" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:595px;"><input class="attribut" type="text" name="attr_VecuNom15"></div>
    <div class="abs" style="left:818px;top:591px;"><input class="attribut" type="number" name="attr_VecuSc15" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:629px;"><input class="attribut" type="text" name="attr_VecuNom16"></div>
    <div class="abs" style="left:818px;top:624px;"><input class="attribut" type="number" name="attr_VecuSc16" value="0" min= 0 max=10 ></div>
    
    <div class="abs" style="left:595px;top:659px;"><input class="attribut" type="text" name="attr_VecuNom17"></div>
    <div class="abs" style="left:818px;top:655px;"><input class="attribut" type="number" name="attr_Vecu1Sc7" value="0" min= 0 max=10 ></div>

     <!-- Epoques incarnation --> 
    <div class="abs" style="left:34px;top:436px;width:250px;height:250px;"><textarea style="width:100%; height:100%;" name="attr_Epoques"></textarea></div>
    <div class="abs" style="left:34px;top:710px;width:250px;height:160px;"><textarea style="width:100%; height:100%;" name="attr_QuestESO"></textarea></div>     
    <div class="abs" style="left:290px;top:710px;width:305px;height:160px;"><textarea style="width:100%; height:100%;" name="attr_LoreESO"></textarea></div>     

   <!-- Sciences Occultes -->  
   
        <div class="abs" style="left:680px;top:715px;width:175px;"><input class="attribut" type="text" name="attr_MagieVoie" style="width:100%;"></div>
        <div class="abs" style="left:623px;top:740px;"><input class="attribut" type="number" name="attr_MagieBas" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:710px;top:740px;"><input class="attribut" type="number" name="attr_MagieMoyen" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:798px;top:740px;"><input class="attribut" type="number" name="attr_Magiehaute" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:771px;top:770px;width:85px;"><input class="attribut" type="text" name="attr_MagieVoieDSC" style="width:100%;"></div>
 
        <div class="abs" style="left:710px;top:805px;width:135px;"><input class="attribut" type="text" name="attr_KabbaleVoie" style="width:100%;"></div>
        <div class="abs" style="left:710px;top:1025px;"><input class="attribut" type="number" name="attr_KabMalkuth" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:710px;top:980px;"><input class="attribut" type="number" name="attr_KabYesod" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:665px;top:957px;"><input class="attribut" type="number" name="attr_KabHod" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:757px;top:957px;"><input class="attribut" type="number" name="attr_KabNesath" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:710px;top:930px;"><input class="attribut" type="number" name="attr_KabTyph" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:665px;top:905px;"><input class="attribut" type="number" name="attr_KabGebur" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:757px;top:905px;"><input class="attribut" type="number" name="attr_Kabchesad" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:665px;top:853px;"><input class="attribut" type="number" name="attr_Kabsup3" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:757px;top:853px;"><input class="attribut" type="number" name="attr_Kabsup2" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:710px;top:825px;"><input class="attribut" type="number" name="attr_Kabsup1" value="0" min= 0 max=10 ></div>
 
        <div class="abs" style="left:623px;top:1092px;"><input class="attribut" type="number" name="attr_AlchimieBas" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:710px;top:1092px;"><input class="attribut" type="number" name="attr_AlchimieMoyen" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:798px;top:1092px;"><input class="attribut" type="number" name="attr_Alchimiehaute" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:790px;top:1122px;width:50px;"><input class="attribut" type="text" name="attr_AlchimieHauteDSC" style="width:100%;"></div>
        <div class="abs" style="left:700px;top:1070px;width:135px;"><input class="attribut" type="text" name="attr_AlchimieHauteVoie" style="width:100%;"></div>
        
        <!--Actions et attributs-->
        <div class="abs" style="left:155px;top:887px;"><input class="attribut" type="number" name="attr_ActInitiative" value="(@{kaEau}*2)" disabled="true"/></div>
        <div class="abs" style="left:155px;top:931px;"><input class="attribut" type="number" name="attr_ActMouvement" value="(@{kaEau}*2)" disabled="true"/></div>
        <div class="abs" style="left:155px;top:978px;"><input class="attribut" type="number" name="attr_ActPerspicacite" value="(11-@{kaAir})" disabled="true"/></div>
        <div class="abs" style="left:155px;top:1020px;"><input class="attribut" type="number" name="attr_ActRecuperation" value="(11-@{kaTerre})" disabled="true"/></div>
        <div class="abs" style="left:155px;top:1065px;"><input class="attribut" type="number" name="attr_ActBonusDomm" value="0"/></div>
        <div class="abs" style="left:155px;top:1110px;"><input class="attribut" type="number" name="attr_ActBonusVoile" value="0"/></div>
        
        <!--Dommages physique-->
        <div class="abs" style="left:200px;top:889px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlPhy1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:240px;top:889px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlPhy2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:278px;top:889px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlPhy3" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:317px;top:889px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlPhy4" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:359px;top:889px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlPhy5" style="width:100%; height:100%;"/></div>
      
         <!--Consequences physique-->
        <div class="abs" style="left:279px;top:936px; width:17px; height:17px;"><input class="attribut" type="checkbox" name="attr_ConPhy1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:279px;top:960px; width:17px; height:17px;"><input class="attribut" type="checkbox" name="attr_ConPhy2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:279px;top:984px; width:17px; height:17px;"><input class="attribut" type="checkbox" name="attr_ConPhy3" style="width:100%; height:100%;"/></div>
     
        <div class="abs" style="left:315px;top:933px;width:150px;"><input class="attribut" type="text" name="attr_ConPhyDsc1" style="width:100%;"></div>
        <div class="abs" style="left:315px;top:957px;width:150px;"><input class="attribut" type="text" name="attr_ConPhyDsc2" style="width:100%;"></div>
        <div class="abs" style="left:315px;top:981px;width:150px;"><input class="attribut" type="text" name="attr_ConPhyDsc3" style="width:100%;"></div>
         
        <!--Dommages magiques-->
        <div class="abs" style="left:198px;top:1028px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlMag1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:238px;top:1028px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlMag2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:276px;top:1028px; width:30px; height:30px;"><input class="attribut" type="checkbox" name="attr_BlMag3" style="width:100%; height:100%;"/></div>
      
        <!--Consequences magiques-->
        <div class="abs" style="left:278px;top:1074px; width:17px; height:17px;"><input class="attribut" type="checkbox" name="attr_ConMag1" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:278px;top:1098px; width:17px; height:17px;"><input class="attribut" type="checkbox" name="attr_ConMag2" style="width:100%; height:100%;"/></div>
        <div class="abs" style="left:278px;top:1120px; width:17px; height:17px;"><input class="attribut" type="checkbox" name="attr_ConMag3" style="width:100%; height:100%;"/></div>
        
        <div class="abs" style="left:315px;top:1068px;width:150px;"><input class="attribut" type="text" name="attr_ConMagDsc1" style="width:100%;"></div>
        <div class="abs" style="left:315px;top:1093px;width:150px;"><input class="attribut" type="text" name="attr_ConMagDsc2" style="width:100%;"></div>
        <div class="abs" style="left:315px;top:1116px;width:150px;"><input class="attribut" type="text" name="attr_ConMagDsc3" style="width:100%;"></div>

</div>
<!--Onglet 2: Magie-->
<div class="sheet-tab-content sheet-tab2 Magie">
     <div class="abs" style="left:10px;top:100px;width:800px;height:990px;"><textarea style="width:100%; height:100%;" name="attr_MagieText"></textarea></div> 
</div>
<!--Onglet 3: Alchimie-->
<div class="sheet-tab-content sheet-tab3 construct ">
        <!--Scores et voie-->
        <div class="abs" style="left:290px;top:75px;"><input class="attribut" type="number" name="attr_AlchimieBas" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:415px;top:75px;"><input class="attribut" type="number" name="attr_AlchimieMoyen" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:540px;top:75px;"><input class="attribut" type="number" name="attr_Alchimiehaute" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:650px;top:39px;width:160px;height:40px;font-size:24px;"><input style="width:100%; height:100%;" class="attribut" type="text" name="attr_NomVoieAlchimie"></div>

        <!--  Cornue  -->
        <div class="abs" style="left:160px;top:170px;"><input class="attribut" type="number" name="attr_CornueFeu" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:95px;top:205px;"><input class="attribut" type="number" name="attr_CornueTerre" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:220px;top:215px;"><input class="attribut" type="number" name="attr_CornueAir" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:110px;top:305px;"><input class="attribut" type="number" name="attr_CornueLune" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:210px;top:300px;"><input class="attribut" type="number" name="attr_CornueEau" value="0" min= 0 max=10 ></div>
       
         <!--  Aludel  -->
        <div class="abs" style="left:685px;top:175px;"><input class="attribut" type="number" name="attr_AludelFeu" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:625px;top:225px;"><input class="attribut" type="number" name="attr_AludelTerre" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:750px;top:220px;"><input class="attribut" type="number" name="attr_AludelAir" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:635px;top:305px;"><input class="attribut" type="number" name="attr_AludelLune" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:730px;top:305px;"><input class="attribut" type="number" name="attr_AludelEau" value="0" min= 0 max=10 ></div>
       
        <!--  Athanor  -->
        <div class="abs" style="left:415px;top:315px;"><input class="attribut" type="number" name="attr_AthanorFeu" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:355px;top:360px;"><input class="attribut" type="number"  name="attr_AthanorTerre" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:480px;top:360px;"><input class="attribut" type="number" name="attr_AthanorAir" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:361px;top:448px;"><input class="attribut" type="number" name="attr_AthanorLune" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:464px;top:445px;"><input class="attribut" type="number" name="attr_AthanorEau" value="0" min= 0 max=10 ></div>
        
        <!--  Forge  -->
        <div class="abs" style="left:155px;top:465px;"><input class="attribut" type="number" name="attr_ForgeFeu" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:93px;top:505px;"><input class="attribut" type="number" name="attr_ForgeTerre" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:225px;top:500px;"><input class="attribut" type="number" name="attr_ForgeAir" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:105px;top:592px;"><input class="attribut" type="number" name="attr_ForgeLune" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:200px;top:595px;"><input class="attribut" type="number" name="attr_ForgeEau" value="0" min= 0 max=10 ></div>
       
         <!--  Alambic  -->
        <div class="abs" style="left:680px;top:475px;"><input class="attribut" type="number" name="attr_AlambicFeu" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:620px;top:520px;"><input class="attribut" type="number" name="attr_AlambicTerre" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:745px;top:520px;"><input class="attribut" type="number" name="attr_AlambicAir" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:630px;top:610px;"><input class="attribut" type="number" name="attr_AlambicLune" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:725px;top:605px;"><input class="attribut" type="number" name="attr_AlambicEau" value="0" min= 0 max=10 ></div>
       
        <!--  Materia primae  -->
        <div class="abs" style="left:52px;top:733px;"><input class="attribut" type="number" name="attr_MPFeu" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:230px;top:733px;"><input class="attribut" type="number" name="attr_MPTerre" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:395px;top:733px;"><input class="attribut" type="number" name="attr_MPAir" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:550px;top:733px;"><input class="attribut" type="number" name="attr_MPLune" value="0" min= 0 max=10 ></div>
        <div class="abs" style="left:725px;top:733px;"><input class="attribut" type="number" name="attr_MPEau" value="0" min= 0 max=10 ></div>
       
        <div class="abs" style="left:20px;top:810px;width:170px;height:290px;"><textarea style="width:100%; height:100%;" name="attr_DscMPFeu"></textarea></div>
        <div class="abs" style="left:190px;top:810px;width:170px;height:290px;"><textarea style="width:100%; height:100%;" name="attr_DscMPAir"></textarea></div>
        <div class="abs" style="left:360px;top:810px;width:170px;height:290px;"><textarea style="width:100%; height:100%;" name="attr_DscMPEau"></textarea></div>
        <div class="abs" style="left:530px;top:810px;width:170px;height:290px;"><textarea style="width:100%; height:100%;" name="attr_DscMPTerre"></textarea></div>
        <div class="abs" style="left:700px;top:810px;width:170px;height:290px;"><textarea style="width:100%; height:100%;" name="attr_DscMPLune"></textarea></div>
       
 </div>
<!--Formules-->
<div class="sheet-tab-content sheet-tab4 Formule ">
    <div class="abs" style="left:10px;top:100px;width:800px;height:990px;"><textarea style="width:100%; height:100%;" name="attr_FormuleText"></textarea></div>
</div>

<!--Invocations-->
<div class="sheet-tab-content sheet-tab5 Kabbale">
    <div class="abs" style="left:10px;top:45px;width:800px;height:820px;"><textarea style="width:100%; height:100%;" name="attr_InvocText"></textarea></div>
</div>
le css

Code : Tout sélectionner

div,
button,
textarea,
span,
input,
select{
    box-sizing: border-box;
}
div{
    margin: none;
    padding: none;
    background-color: transparent;
    /* border: 1px solid red; */
}
div.sheet-bgmain{
   /* width: 900px;
    max-width: 900px;
    height: 1165px;
    max-height: 1165px;*/
    text-align: center;
    background-color : white;
    background-image: url('https://i.imgur.com/An4N7eZ.jpg?1'); 
    background-repeat:no-repeat;
    background-position:top left;
    background-size: auto;
    position: relative;
}
div.sheet-abs{
    position: absolute;
    vertical-align: bottom;
    display: inline-block;
}

input, textarea {
    background-color: transparent;
    display: inline-block;
    padding: none;
    margin: none;
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    border: none;
    box-shadow: none;
    resize:none;
    color: #257ABA;
    z-index: 2;
    border-radius: 0;
}

input[type="text"].sheet-Meta{
    font-size: 10px;
    height:12px;
    
}
/* textarea{
    padding: 1px 2px 0px 2px;
    border-left: 0px dotted black;
    border-right: 0px dotted black;
    border-bottom: 0px dotted black; 
    border-radius: 0px;
    height:75px;
    
}*/

input[type="text"]{
    padding: 0px 0px 0px 2px;
}

input[type='number']::-webkit-inner-spin-button, 
input[type='number']::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    margin: 0;
}

input[type="text"].sheet-identite{
    width: 264px;
    height: 49px;
}

input[type='number'].sheet-attribut{
    width: 30px;
    height: 30px;
    text-align:center;
}

button[type="roll"].sheet-bouttonnoir {
    box-sizing: border-box;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 0 0 !important;
    color: white;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    text-shadow: none;
    -webkit-box-shadow: none;
}

button[type="roll"].sheet-bouttonnoir:before{
    font-family: "dicefontd12";
    content: 'F';
    font-size: 26px;
    color:#13536E;  /* #a7aaaf;*/
}
button[type="roll"].sheet-bouttonnoir:hover:before{
    color: black;
    content: 'F';
}


/* TABS */
div.sheet-tab-content { display: none; }

input.sheet-tab1:checked ~ div.sheet-tab1,
input.sheet-tab2:checked ~ div.sheet-tab2,
input.sheet-tab3:checked ~ div.sheet-tab3,
input.sheet-tab4:checked ~ div.sheet-tab4,
input.sheet-tab5:checked ~ div.sheet-tab5
{
    display: block;
}

input.sheet-tab
{
    width: 150px;
    height: 20px;
    position: relative;
    top: 0px;
    left: 5px;
    margin: -1.5px;
    margin-bottom: 5px;
    cursor: pointer;
    z-index: 1;
    opacity: 0;
}

input.sheet-tab + span::before
{
    content:attr(title);

    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    
    width: 150px;
    height: 20px;
    font-size: 18px;
    
    position: absolute;
    top: 70px;
    left: 30px;
}

input.sheet-tab:checked + span::before
{
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    border-bottom-color: #fff;
}

input.sheet-tab:not(:first-child) + span::before
{
    border-left: none;
}

input.sheet-tab2 + span::before
{
left: 180px;

    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
}

input.sheet-tab3 + span::before
{
left: 330px;

    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
}

input.sheet-tab4 + span::before
{
left: 480px;

    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
}

input.sheet-tab5 + span::before
{
left: 630px;

    
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
}

div.sheet-tab-content
{
    border: 1px solid #a8a8a8;
    border-top-color: #000;
    width: 900px;
    max-width: 900px;
    height: 1165px;
    max-height: 1165px;
}


/*Fin de tabs*/
div.sheet-entete{
    width: 1100px;
    max-width: 1100px;
    text-align: center;
    background-color : white;
    background-repeat:no-repeat;
    background-position:top left;
    background-size: auto;
    position: relative;
}

div.sheet-domaines{
    height: 79px;
    max-height: 79px;
    background-image: url('http://i.imgur.com/mOukz05.png');
}

div.sheet-langue{
    height: 79px;
    max-height: 79px;
    background-image: url('http://i.imgur.com/HoI1VLL.png');
}

div.sheet-lignes{
    height: 28px;
    max-height: 28px;
    background-image: url('http://i.imgur.com/ieC5z9S.png');
}

div.sheet-ressources{
    height: 275px;
    max-height: 275px;
    background-image: url('http://i.imgur.com/utepUqy.png'); 
}

div.sheet-possessions{
    height: 79px;
    max-height: 79px;
    background-image: url('http://i.imgur.com/1veWPTS.png'); 
}

div.sheet-lumiere{
    height: 79px;
    max-height: 79px;
    background-image: url('http://i.imgur.com/P2HgzkF.png'); 
}

div.sheet-tenebres{
    height: 79px;
    max-height: 79px;
    background-image: url('http://i.imgur.com/KneP3Mx.png'); 
}

div.sheet-auras{
    height: 79px;
    max-height: 79px;
    background-image: url('http://i.imgur.com/xH8suGg.png');
}

input[type="text"].sheet-dom{
    width: 200px;
    height: 49px;
    text-align:center;
}

input[type="checkbox"].sheet-vie{
    width: 40px;
    height: 40px;
    text-align:center;
}


.sheet-karma{
    width:30px;
    height:30px;
    text-align:center;
    vertical-align:middle;
}

.sheet-cadre{
    border: solid 1px #a8a8a8;
    width:680px;
    height:30px;
    vertical-align:middle;
    color:#13536E;
    font-size: 18px;
    background-color:white;
}

.sheet-construct{
    width: 839px;
    max-width: 839px;
    height: 1100px;
    max-height: 1100px;
    text-align: center;
    background-color : white;
    background-repeat:no-repeat;
    background-position:top left;
    background-size: auto;
    position: relative;
    background-image: url('https://i.imgur.com/lWwOqIq.jpg?1');

}

.sheet-Magie{
    width: 829px;
    max-width: 829px;
    height: 1100px;
    max-height: 1100px;
    text-align: center;
    background-color : white;
    background-repeat:no-repeat;
    background-position:top left;
    background-size: auto;
    position: relative;
    background-image: url('https://i.imgur.com/3K5DyF0.jpg?1');
    }

.sheet-Kabbale{
    width: 829px;
    max-width: 829px;
    height: 1100px;
    max-height: 1100px;
    text-align: center;
    background-color : white;
    background-repeat:no-repeat;
    background-position:top left;
    background-size: auto;
    position: relative;
    background-image: url('https://i.imgur.com/og3VTup.jpg?1');   
    }
    
.sheet-Formule{
    width: 829px;
    max-width: 829px;
    height: 1100px;
    max-height: 1100px;
    text-align: center;
    background-color : white;
    background-repeat:no-repeat;
    background-position:top left;
    background-size: auto;
    position: relative;
    background-image: url('https://i.imgur.com/FcHUQG4.jpg?1');
    }

Re: Nephilim sur Roll20

Publié : 11 mai 2019, 10:21
par stef
beau travail

je compte utiliser ca bientôt

Re: Nephilim sur Roll20

Publié : 13 mai 2019, 19:34
par requiem
tout bête mais : comment l'utiliser sur roll20 ? Je suis un novice total sur ce site :oops:

Re: Nephilim sur Roll20

Publié : 15 mai 2019, 02:35
par doubleseb
il faut un compte pro et poser les codes dans la partie customise des fiches, dans les parametres de la campagne.

Re: Nephilim sur Roll20

Publié : 10 févr. 2020, 19:11
par graham2071
Alors quelqu'un a posté la feuille de Nephilim sur roll20. Je ne sais pas si c'est celle là.
Donc pas besoin de compte pro pour l'utiliser.

Par contre, il me semble qu'il y a un bug, quand on change la valeur de Ka-Lune, la valeur de Ka-Terre se met à la même valeur. Et inversement.
Comme je n'ai pas decompte, je ne peux pas corriger :(

Re: Nephilim sur Roll20

Publié : 18 mars 2020, 21:51
par stef
elle ne semble plus en ligne (ou ell est bien cachée)

Re: Nephilim sur Roll20

Publié : 19 mars 2020, 12:05
par graham2071
Ah ça y est je crois comprendre pourquoi personne ne la trouve.
Quand tu "Start new Game", tu choisis ton template de character sheet. Nephilim n'apparaît pas dans la liste (je suppose qu'ils n'affichent que les template officiels). Mais si tu tapes Nephilim dans la petite barre de recherche, tu vas la trouver.
La fiche a été mise à jour par le.a mystérieux.se inconnu.e, plus jolie, moins buggée. C'est ka-cool !

Re: Nephilim sur Roll20

Publié : 19 mars 2020, 15:58
par stef
trouvée! nickel Merci beaucoup

Re: Nephilim sur Roll20

Publié : 31 mars 2020, 10:24
par Hamself
Bonjour,

En ces temps de confinement, j'aimerais utiliser Roll20 pour Nephilim.
La feuille qui est en ligne est sympa mais elle a un air inachevé.
Est-ce que l'auteur/développeur est en ligne sur ce forum ?
Pour préciser les choses, je ne suis pas du tout développeur mais j'utilise Roll20 pour d'autres jeux. Sans compte pro.

Merci.
Fuseau horaire sur UTC+01:00
Page 4 sur 4

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru