Nephilim sur Roll20

Aides de jeu et Scénarios
Avatar de l’utilisateur
Zagul
Héritier de Babel
Messages : 173
Inscription : 23 juin 2017, 11:00

Re: Nephilim sur Roll20

Message 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.
Au bûcher !
doubleseb
Novice
Messages : 3
Inscription : 29 mars 2019, 16:46

Re: Nephilim sur Roll20

Message 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');
    }

Avatar de l’utilisateur
stef
Héritier de Babel
Messages : 77
Inscription : 01 janv. 2013, 16:35

Re: Nephilim sur Roll20

Message par stef »

beau travail

je compte utiliser ca bientôt
Avatar de l’utilisateur
requiem
Apprenti
Messages : 91
Inscription : 02 déc. 2017, 16:28

Re: Nephilim sur Roll20

Message par requiem »

tout bête mais : comment l'utiliser sur roll20 ? Je suis un novice total sur ce site :oops:
doubleseb
Novice
Messages : 3
Inscription : 29 mars 2019, 16:46

Re: Nephilim sur Roll20

Message par doubleseb »

il faut un compte pro et poser les codes dans la partie customise des fiches, dans les parametres de la campagne.
graham2071
Novice
Messages : 2
Inscription : 31 oct. 2019, 14:02

Re: Nephilim sur Roll20

Message 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 :(
Avatar de l’utilisateur
stef
Héritier de Babel
Messages : 77
Inscription : 01 janv. 2013, 16:35

Re: Nephilim sur Roll20

Message par stef »

elle ne semble plus en ligne (ou ell est bien cachée)
graham2071
Novice
Messages : 2
Inscription : 31 oct. 2019, 14:02

Re: Nephilim sur Roll20

Message 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 !
Avatar de l’utilisateur
stef
Héritier de Babel
Messages : 77
Inscription : 01 janv. 2013, 16:35

Re: Nephilim sur Roll20

Message par stef »

trouvée! nickel Merci beaucoup
Avatar de l’utilisateur
Hamself
Novice
Messages : 1
Inscription : 31 mars 2020, 10:03

Re: Nephilim sur Roll20

Message 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.
Répondre