Fiches de RP #1 Arya - Lun 7 Déc - 9:17 Fiche RP #1 Aujourd'hui, je viens vous offrir trois fiches RPs que vous pourrez utiliser et modifier (notamment le fonds, les colos, et les images). Ces dernières ont les mêmes bases (pour certaines) c'est pourquoi, je vais vous poster les trois fiches pour que vous puissiez visualiser le rendu pour chaque et les codes qui vont avec. Vous aurez également des explications  . Pré-requis : accès au panneau d'administration si vous désirez positionner la partie relative au CSS dans votre fiche de style, mais l'accès au panneau d'administration n'est pas obligatoire si vous désirez laisser la fiche de RP en HTML pure. Version forum : phpBB2 /modernBB Difficulté : facile Où : Panneau d'administration > Onglet Affichage > rubrique Image & Couleur > Couleurs > Feuille de style CSS pour la partie 2 du code Visualisé le libre service : Version 1 : Visualise le code en fonctionnementVersion 2 : Visualise le code en fonctionnementVersion 3 : Visualise le code en fonctionnementIl existe deux versions possible pour utiliser ces fiche de RPs : - la forme HTML pure ; - la forme HTML séparer du CSS (qu'on peut insérer dans le panneau d'administration) Voici les codes à utiliser pour la version HTML "pure" :Version 1 : - Code:
-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" /> <style>.fondsfiche1{background-image: url(https://zupimages.net/up/20/47/e8e3.jpg)!important;width:450px;margin:auto;}.titrerp2{background-color: #EDC83F;color: #fff;font-family: 'Playfair Display';width: 395px;text-align:center;font-size:30px;height: 35px;line-height: 35px;margin:auto;top: 5px;}.partenairerp2{font-family: 'Playfair Display';width: 395px;text-transform:uppercase;margin:auto;text-align:center;margin-top:-20px;}.blocimgfiche2{width: 400px;margin:auto;text-align:center;display: flex; justify-content: space-between;margin-top:-15px;}.blocimgfiche2 img{width: 195px; height: 50px;}.contenurp2{background-color: #EEEEEE; width: 395px;text-align:justify;margin:auto;margin-top:-5px;padding: 10px;}</style> <div class="fondsfiche1"> <div class="titrerp2">Titre du Rp</div> <div class="partenairerp2">Personne 1 & Personne 2</div> <div class="blocimgfiche2"> <img src="https://zupimages.net/up/20/45/eewq.png"/><img src="https://zupimages.net/up/20/45/anxc.png"/> </div> <div class="contenurp2">xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos.</div> <div class="partenairerp2">Arya</div></div> Version 2 : - Code:
-
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" /> <style>.fondsfiche1{background-image: url(https://zupimages.net/up/20/47/e8e3.jpg)!important;width:450px;margin:auto;}.titrerp3{margin:auto;color:#EDC83F;font-family: 'Playfair Display';width: 395px;text-align:center;font-size:30px;text-transform:uppercase;margin-top:-5px;}.partenairerp2{font-family: 'Playfair Display';width: 395px;text-transform:uppercase;margin:auto;text-align:center;margin-top:-10px;}.blocimgfiche3{width: 400px;display: flex; justify-content: space-between;margin:auto;margin-top: -25px;}.blocimgfiche3 img{width:190px;height: 110px;border-radius: 5px;}.contenurp2{background-color: #EEEEEE; width: 395px;text-align:justify;margin:auto;margin-top:-5px;padding: 10px;}</style> <div class="fondsfiche1"> <div class="contenufiche2"> <div class="titrerp3">Titre du Rp</div> <div class="partenairerp2">Citation plus ou moins longue en fonction du RP</div> <div class="blocimgfiche3"> <img src="https://thumbs.gfycat.com/UnawareShamefulFrog-size_restricted.gif"/><img src="https://nsa40.casimages.com/img/2020/12/12/201212072859273849.gif"/> </div> <div class="contenurp2">xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos.</div> <div class="partenairerp2">Arya</div></div></div> Version 3 : - Code:
-
<div class="fondsfiche1"> <div class="blocimgfiche"> <img src="https://thumbs.gfycat.com/UnawareShamefulFrog-size_restricted.gif"/><img src="https://nsa40.casimages.com/img/2020/12/12/201212072859273849.gif"/> </div> <div class="contenufiche1"> <div class="titrerp1">Titre du Rp</div> <div class="partenairerp1"> XXX & WWW </div>xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos.</div> <div class="partenairerp2">Arya</div></div> <style>.fondsfiche1{background-image: url(https://zupimages.net/up/20/47/e8e3.jpg)!important;width:450px;margin:auto;}.blocimgfiche{width: 400px;text-align: center;margin:auto;display: flex; justify-content: space-between; }.blocimgfiche img{width: 180px; height: 100px;border: 3px solid #EDC83F!important;}.contenufiche1{background-color: #EEEEEE; width: 375px;text-align: justify; margin:auto;padding: 10px;}.titrerp1{margin:auto;background-color: #EDC83F; color:#fff;width: 375px; text-align: center;font-size: 30px!important;height: 40px;font-family: 'Playfair Display';margin-top: -28px;padding-left: 10px;padding-right: 10px;margin-left:-10px; text-transform:uppercase;}.partenairerp1{color: black;width: 360px;margin: auto;text-align: center;padding: 10px;font-family: 'Playfair Display';margin-top: -50px;font-size: 12px;text-transform:uppercase;}.partenairerp2 {font-family: 'Playfair Display';width: 395px;text-transform: uppercase;margin: auto;text-align: center;margin-top: -10px;</style> Pour la version HTML et CSS séparé, il vous suffit de prendre les codes se trouvant entre les balises "" et de les insérer dans votre panneau d'administration dans la feuille de style et de c/c ensuite ce bout dans n'importe quel sujet : Si vous désirez utiliser les trois fiches pour votre forum, voici pour une plus grande facilité la partie CSS à intégrer dans la fiche de style et les codes html à c/c sur votre forum : CSS complet : - Code:
-
/*** fiches RP ARYA ***/
.fondsfiche1{background-image: url(https://zupimages.net/up/20/47/e8e3.jpg)!important;width:450px;margin:auto;}
.titrerp2{background-color: #EDC83F;color: #fff;font-family: 'Playfair Display';width: 395px;text-align:center;font-size:30px;height: 35px;line-height: 35px;margin:auto;top: 5px;}
.partenairerp2{font-family: 'Playfair Display';width: 395px;text-transform:uppercase;margin:auto;text-align:center;margin-top:-20px;}
.blocimgfiche2{width: 400px;margin:auto;text-align:center;display: flex; justify-content: space-between;margin-top:-15px;}
.blocimgfiche2 img{width: 195px; height: 50px;}
.contenurp2{background-color: #EEEEEE; width: 375px;text-align:justify;margin:auto;margin-top:-5px;padding: 10px;}
.titrerp3{margin:auto;color:#EDC83F;font-family: 'Playfair Display';width: 395px;text-align:center;font-size:30px;text-transform:uppercase;margin-top:-5px;}
.blocimgfiche3{width: 400px;display: flex; justify-content: space-between;margin:auto;margin-top: -25px;}
.blocimgfiche3 img{width:190px;height: 110px;border-radius: 5px;}
.blocimgfiche{width: 400px;text-align: center;margin:auto;display: flex; justify-content: space-between; }
.blocimgfiche img{width: 180px; height: 100px;border: 3px solid #EDC83F!important;}
.contenufiche1{background-color: #EEEEEE; width: 360px;text-align: justify; margin:auto;padding: 10px;}
.titrerp1{margin:auto;background-color: #EDC83F; color:#fff;width: 360px; text-align: center;font-size: 30px!important;height: 40px;font-family: 'Playfair Display';margin-top: -28px;padding-left: 10px;padding-right: 10px;margin-left:-10px; text-transform:uppercase;}
.partenairerp1{color: black;width: 360px;margin: auto;text-align: center;padding: 10px;font-family: 'Playfair Display';margin-top: -50px;font-size: 12px;text-transform:uppercase;}
/*** FIN fiches RP ARYA ***/ HTML fiche 1 : - Code:
-
<div class="fondsfiche1"> <div class="titrerp2">Titre du Rp</div> <div class="partenairerp2">Personne 1 & Personne 2</div> <div class="blocimgfiche2"> <img src="https://zupimages.net/up/20/45/eewq.png"/><img src="https://zupimages.net/up/20/45/anxc.png"/> </div> <div class="contenurp2">xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos.</div> <div class="partenairerp2">Arya</div></div> HTML fiche 2 : - Code:
-
<div class="fondsfiche1"> <div class="contenufiche2"> <div class="titrerp3">Titre du Rp</div> <div class="partenairerp2">Citation plus ou moins longue en fonction du RP</div> <div class="blocimgfiche3"> <img src="https://thumbs.gfycat.com/UnawareShamefulFrog-size_restricted.gif"/><img src="https://nsa40.casimages.com/img/2020/12/12/201212072859273849.gif"/> </div> <div class="contenurp2">xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos.</div> <div class="partenairerp2">Arya</div></div></div> HTML fiche 3 : - Code:
-
<div class="fondsfiche1"> <div class="blocimgfiche"> <img src="https://thumbs.gfycat.com/UnawareShamefulFrog-size_restricted.gif"/><img src="https://nsa40.casimages.com/img/2020/12/12/201212072859273849.gif"/> </div> <div class="contenufiche1"> <div class="titrerp1">Titre du Rp</div> <div class="partenairerp1"> XXX & WWW </div>xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos. xorcizamus te, omnis immundus spiritus, omnis satanica potestas, omnis incursio infernalis adversarii, omnis legio, omnis congregatio et secta diabolica. Ergo, omnis legio diabolica, adiuramus te... cessa decipere humanas creaturas, eisque æternæ perditionìs venenum propinare... Vade, satana, inventor et magister omnis fallaciæ, hostis humanæ salutis... Humiliare sub potenti manu Dei; contremisce et effuge, invocato a nobis sancto et terribili nomine... quem inferi tremunt... Ab insidiis diaboli, libera nos, Domine. Ut Ecclesiam tuam secura tibi facias libertate servire, te rogamus, audi nos.</div> <div class="partenairerp2">Arya</div></div> une question ? Une instruction pas claire ? N'hésitez pas à répondre à ce sujet pour demander des éclaircissements. | |
