4 résultats trouvés pour auteur_Nasträlya

Bonjour
Je vous propose une petite signature que j'ai faite exprès pour qu'elle passe sans iframe   (et que j'utilise actuellement sur mon forum  )


Il suffit juste de mettre ce code dans la partie signature de votre profil:

Code:

<div style="background-color:transparent; width:363px; margin:auto; height:80px;"><!-- images 1--><img src="https://zupimages.net/up/20/15/770e.jpg" style="clip-path:polygon(50% 100%, 100% 0, 0 0); width:80px; height:80px; float:left;"/><!-- image 2--><img src="https://zupimages.net/up/20/15/11qm.jpg" style="clip-path:polygon(50% 0, 0 100%, 100% 100%); width:80px; height:80px; float:left; margin-left:-35px;"/><div style="background-color:transparent; width:150px; color:#585858; text-align:center; margin:auto; margin-left: 95px;padding:10px; position:absolute; font-size:12px;"><!-- votre citation -->"Si tu veux être un homme libre, laisse les autres te mépriser."</div><!-- image 3 --><img src="https://zupimages.net/up/20/15/co6t.jpg" style="clip-path:polygon(50% 100%, 100% 0, 0 0); width:80px; height:80px; float:right; margin-left:-35px;"/><!-- image 4 --><img src="https://zupimages.net/up/20/15/0elq.jpg" style="clip-path:polygon(50% 0, 0 100%, 100% 100%); width:80px; height:80px; float:right;"/></div>

Et voilà, tout simplement

Bonjour

Je vous propose un planning/calendrier plus immersif pour vos personnages, permettant de signifier les Rp en cours ou terminés

Voici à quoi cela ressemble:

Rendu:

Il suffit simplement de mettre le code dans votre post! Il est possible de changer toutes les couleurs et de rendre les jours pris plus ou moins grands (je vous ai cependant déjà fait 3 modèles: 1 jour, 2 jours et une semaine.)

Le code maintenant:

Code:

<style type="text/css">.cadrefont{background-color:#fff; width:700px; margin:auto; height:580px;} .cadresearch{background-color:#424242; width:700px; height:50px; padding-top:3px;} .cadreloupe{background-color:#585858; width:300px; height:25px; margin-left:10px; margin-top:10px; padding-top:5px; float:left;} .searchtop{font-familiy:arial; color:#a5a5a5; margin-left:5px;} .daycalend{float:right; width:100px; background-color:transparent; color:#a5a5a5; font-size:18px; margin-top:-36px;} .blocday{background-color: transparent; width:94px; border: 1px solid #a5a5a5; height: 94px; float:left; margin:2px;} .day{margin:10px; color:#a5a5a5;} .semainetop{background-color:transparent; width:700px; margin:-29px 0 -48px 4px;} .semaineL{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineM{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineMe{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineJ{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineV{background-color: transparent; width:101px; color:#a5a5a5; float:left;} .semaineS{background-color: transparent; width:100px; color:#a5a5a5; float:left;} .semaineD{background-color: transparent; width:60px; color:#a5a5a5; float:left;} .rprdv{background-color:#F7BE81; width:90px; border-radius:5px; padding:2px; text-align:center; font-size:10px; color:#2E2E2E; margin-bottom:2px;} .rptwoday{background-color:#A9D0F5; width:190px; border-radius:5px; padding:2px; text-align:center; font-size:10px; color:#2E2E2E; margin-bottom:2px; position:absolute;} .rpsemainesept{background-color:#A9F5BC; width:690px; border-radius:5px; padding:2px; text-align:center; font-size:10px; color:#2E2E2E; margin-bottom:2px; position:absolute;} </style>

<div class="cadrefont"><div class="cadresearch"><div class= "cadreloupe"><div class="searchtop"> Search |</div></div></div><div class="daycalend">Juin 5067</div>

<div class="semainetop"><div class="semaineL">Lundi</div><div class="semaineM">Mardi</div><div class="semaineMe">Mercredi</div><div class="semaineJ">Jeudi</div></div><div class="semaineV">Vendredi</div><div class="semaineS">Samedi</div><div class="semaineD">Dimanche</div>

<!--- semaine 1 ---><div class="blocday"><div class="day">1</div></div><div class="blocday"><div class="day">2</div><div class="rprdv"> <a href="URL ICI"> RDV médecin</a></div><div class="rptwoday"><a href="URL ICI">Chasse nocturne</a></div></div><div class="blocday"><div class="day">3</div></div><div class="blocday"><div class="day">4</div></div><div class="blocday"><div class="day">5</div></div><div class="blocday"><div class="day">6</div></div><div class="blocday"><div class="day">7</div></div>

<!--- semaine 2 ---><div class="blocday"><div class="day">8</div></div><div class="blocday"><div class="day">9</div></div><div class="blocday"><div class="day">10</div></div><div class="blocday"><div class="day">11</div></div><div class="blocday"><div class="day">12</div></div><div class="blocday"><div class="day">13</div></div><div class="blocday"><div class="day">14</div></div>


<!--- semaine 3 ---><div class="blocday"><div class="day">15</div></div><div class="blocday"><div class="day">16</div></div><div class="blocday"><div class="day">17</div></div><div class="blocday"><div class="day">18</div></div><div class="blocday"><div class="day">19</div></div><div class="blocday"><div class="day">20</div></div><div class="blocday"><div class="day">21</div></div>

<!--- semaine 4 ---><div class="blocday"><div class="day">22</div><div class="rpsemainesept"><a href="URL ICI">Base numéro 548 : recherche de survivants</a></div></div><div class="blocday"><div class="day">23</div></div><div class="blocday"><div class="day">24</div></div><div class="blocday"><div class="day">25</div></div><div class="blocday"><div class="day">26</div></div><div class="blocday"><div class="day">27</div></div><div class="blocday"><div class="day">28</div></div>


<!--- semaine 5 ---><div class="blocday"><div class="day">29</div></div><div class="blocday"><div class="day">30</div></div>

</div>

Voici maintenant les différents code pour les jours que vous souhaitez colorer:

• 1 jour:

Code:

<div class="rprdv"> <a href="URL ICI"> VOTRE RDV ICI</a></div>

• 2jours:

Code:

<div class="rptwoday"><a href="URL ICI">VOTRE TITRE ICI</a></div>

• Une semaine:

Code:

<div class="rpsemainesept"><a href="URL ICI">VOTRE TITRE ICI</a></div>

Et voilà! Vous avez maintenant votre planning de fait pour votre personnage  

Je n'ai pas mis de crédit, mais un petit merci ici fait toujours plaisir

Bonjour

Je vous propose une page de profil de type réseau social afin d'un peu plus pousser la personnalisation de votre personnage ! Elle a été testé sous chrome, donc elle fonctionne très bien avec celui-ci.

Voici à quoi elle ressemble:

Rendu:

Il suffit simplement de mettre ce code dans votre post:

Code:

 <style> .prayablock {margin:auto; width:700px; height:auto; background-color: #a5a5a5} .profilpraya { float: left; margin-top: -100px; position: relative; margin-left: 31px; border-radius: 50%; border: 3px solid #ffffff; } .barreblanche { background-color: #ffffff; height: 50px; margin-bottom: -21px; } .barrenav_praya { float: right; height: 30px; margin-top: 12px; padding-right: 33px; } .info_praya { background-color: #ffffff; float: left; height: auto; width: 200px; } .publi_praya {background-color:#ffffff; float: left; height:auto; width:478px; } .Idpraya { position: absolute; color: #ffffff; margin-left: 190px; margin-top: -27px; font-size: 20px; font-family: arial; } .Idpost { color: #a4cecc; font-size: 15px; font-family: arial; font-weight: bold; margin-top: 15px; margin-left: 63px; } .date_praya { color: #a5a5a5; margin-left: 62px; font-size: 12px; } .contenant_praya {color: #a5a5a5; font-size: 12px; font-family: arial; margin-top: -30px; float: right; display: flex; } .praya_tiret {padding-left:10px; padding-right:10px; color:#a4cecc;} .citapraya{background-color:transparent; width:200px; margin:auto; text-align:center;} .textcitapraya{color:#191919; font-size:12px; font-family:arial; padding:7px;} .separapraya{margin-left:50px;} .infointro{padding-left:7px;padding-bottom:8px;color:#191919;}    .infointro span{font-size:12px; color:#a5a5a5; padding-right:6px;} .infointro img{margin-right:6px;} .textinfo{padding-bottom:8px; padding-left:6px; float:right; color:#191919;}.etudeinfo{font-size:12px; color:#a5a5a5;float:left; padding-left:6px;} .imgecole{float:left;} .imgpost{border-radius:50%; float:left; padding-right:10px; padding-left:6px; padding-top:5px; width:40px; height:40px;} .fontpublipraya{ background-color:transparent; margin:auto; text-align:center;}.publipraya{color:#191919; font-size:12px; font-family:arial; padding:9px;} .fontjaime{background-color:transparent; float:left; width:200px;} .likepraya{color:#a5a5a5; font-size:14px; font-family:arial; float:left;    padding-left:5px; padding-top:2px;} .imglikepraya{margin-left:7px; margin-bottom:7px; margin-right:5px; float:left;} .nbrcom{color:#a5a5a5; font-size:14px; font-family:arial; float:right; padding-top: 2px; padding-right:7px;} .comentbarre{margin-bottom: 10px;} .fontinfopubli{background-color:transparent; width:700px; height:auto;} .copyright_oceen{background-color:transparent; margin:auto; text-align:center; color:#BDBDBD; font-size:10px; padding:5px;} .blocpublicationP{float:right; background-color:transparent; margin-top:-36px;} .intropad{padding:5px;}
</style>

<!-- le haut de page --><div class="prayablock"><img src="https://zupimages.net/up/20/06/p4qr.png"/>
<!-- l'url de l'image de couverture --><img src="https://zupimages.net/up/20/06/yljn.jpg" alt="image de couverture" /><!-- le nom et prenom --><div class="Idpraya">Lëan Vandorallen</div>
<!-- l'image de profil --><img src="https://zupimages.net/up/20/06/t80b.jpg" alt="image de profil" class="profilpraya"/><div class="barreblanche"><div class="barrenav_praya">

<!-- les liens --><div class="contenant_praya"><a href="URL ICI">Amis</a><div class="praya_tiret">|</div><a href="URL ICI">Photos</a><div class="praya_tiret"> |</div><a href="URL ICI">Plus ▼</a></div></div></div>

<!-- la colonne introduction --><div class = "info_praya"><img src="https://zupimages.net/up/20/06/o8cy.png" alt="symbole intro" class="intropad"/><div class="citapraya"><!-- le texte d'introduction --><div class="textcitapraya">"Si vous voulez dépasser les limites dans lesquelles la société vous cantonne, il faut vous battre."</div></div>
<div class="separapraya"><img src = "https://zupimages.net/up/20/06/43gq.png"/></div>
<div class="infointro"><img src="https://zupimages.net/up/20/06/cd5z.png"/><!-- le métier --> Ingénieur Robotique </div><div class="infointro"><img src="https://zupimages.net/up/20/06/5fcz.png"/><!-- le lieu d'habitation --> District 2 </div><div class="infointro"> <img src="https://zupimages.net/up/20/06/i96z.png"/><span>A étudié à:</span><!-- l'école où le personnage a étudié --> E.I.R du District 1</div> <div class="infointro"><img src="https://zupimages.net/up/20/06/gu3q.png"/><!-- Situation -->Célibataire </div></div>

<!-- profil et pseudo publication --><div class="blocpublicationP"><div class="publi_praya"><!-- url image de profil --><img src="https://zupimages.net/up/20/10/b7ak.jpg" alt="image de profil" class="imgpost"/><!-- nom prénom --><div class="Idpost">Tom Waller</div><!-- date publication --><div class="date_praya">2 Juin, 23:12</div>

<!--publication--><div class="fontpublipraya"><div class="publipraya"> C'est thème Cyborg à la Fleurette ! Ton cocktail t'attends :coktail:</div></div>

<!-- bas de la publication --><img src="https://zupimages.net/up/20/06/bm14.png" alt="barre séparation"/>
<div class="fontjaime"><img src = "https://zupimages.net/up/20/06/smvg.png" alt="like" class="imglikepraya"/><!-- nombre de likes --><div class="likepraya">32</div></div><!-- nombre de commentaires --><div class="nbrcom">10 commentaires</div>
<img src="https://zupimages.net/up/20/06/bm14.png" alt="barre séparation"/>
<img src="https://zupimages.net/up/20/06/9fy3.png" alt="barre commenter" class="comentbarre"/></div>
</div>

<div class="copyright_oceen">@Nasträlya</div></div>

Le crédit est tout petit et d'une couleur sobre qui se fond avec le codage, c'est mon petit bébé vu que je débute en code, alors laissez le s'il vous plaît

Bonjour

Je vous propose une signature façon ball ! Elle a été testé sous chrome, donc elle fonctionne très bien avec celui-ci.

Voici à quoi elle ressemble:

Rendu:

Dans un premier temps, il faut une page HTML: Modules > Gestion des pages HTML > Création en mode avancé (HTML)

Vous y mettrez ceci:

Code:

<html>
     <head>
       <meta charset="utf-8" />
<style type="text/css"> .tritop{border-bottom:130px solid #3d3d3d; border-left:95px solid transparent; border-right:95px solid transparent; height :0; width:119px; margin:auto; margin-bottom:5px;} .postext{background:transparent; width:120px; padding-top:50px; margin:auto;} .postcitation{font-family:Vollkorn, serif; font-size:12px; color:#a5a5a5; text-align:center} .tribottom{background:transparent; width:310px; margin:auto;} .tri1{clip-path:polygon(50% 100%, 100% 0, 0 0); width:150px; height:150px; float:left;} .tri2{clip-path:polygon(50% 0, 0 100%, 100% 100%); width:150px; height:150px; float:left; margin-left:-70px;} .tri3{clip-path:polygon(50% 100%, 100% 0, 0 0); width:150px; height:150px; float:left; margin-left: 160px; margin-top:-151px;}
       </style>
    </head>
<body>
  <div class="tritop"><div class="postext"><div class="postcitation">"Si tu veux être un homme libre, laisse les autres te mépriser."</div></div></div>
<div class="tribottom"><div class="tri1"><img src ="https://zupimages.net/up/20/15/t88d.jpg" /></div><div class="tri2"><img src ="https://zupimages.net/up/20/15/2vn8.jpg"/></div><div class="tri3"><img src ="https://zupimages.net/up/20/15/5tcc.jpg"/></div> </div>
    </body>
</html>

Vous y mettez alors vos images en 150*150, votre citation et vous enregistrez!  

Ensuite, il suffit de mettre l'iframe dans le profil, là où on met normalement la signature:

Code:

<center><iframe src="URL PAGE HTML" name="signa" scrolling="no" frameborder="no" align="center" height = "300px" width = "320px">
</iframe></center>

Le tour est joué, vous avez une (Poké)Ball Signature
---

Code:

<style type="text/css"> .tritop{border-bottom:130px solid #3d3d3d; border-left:95px solid transparent; border-right:95px solid transparent; height :0; width:119px; margin:auto; margin-bottom:5px;} .postext{background:transparent; width:120px; padding-top:50px; margin:auto;} .postcitation{font-family:Vollkorn, serif; font-size:12px; color:#a5a5a5; text-align:center} .tribottom{background:transparent; width:310px; margin:auto;} .tri1{clip-path:polygon(50% 100%, 100% 0, 0 0); width:150px; height:150px; float:left;} .tri2{clip-path:polygon(50% 0, 0 100%, 100% 100%); width:150px; height:150px; float:left; margin-left:-70px;} .tri3{clip-path:polygon(50% 100%, 100% 0, 0 0); width:150px; height:150px; float:left; margin-left: 160px; margin-top:-151px;}</style>

 <div class="tritop"><div class="postext"><div class="postcitation">"Si tu veux être un homme libre, laisse les autres te mépriser."</div></div></div><div class="tribottom"><div class="tri1"><img src ="https://zupimages.net/up/20/15/t88d.jpg" /></div><div class="tri2"><img src ="https://zupimages.net/up/20/15/2vn8.jpg"/></div><div class="tri3"><img src ="https://zupimages.net/up/20/15/5tcc.jpg"/></div> </div>

Personnellement, elle m'apparaît trop longue pour être validée, mais ne connaissant pas les autres versions, voir même où vous souhaitez la mettre, cela peut, peut être, vous servir