haklyone
You do not have a soul. You are a soul, you have a body.
Réseaux sociaux (facultatif)



 
AccueilAccueil  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Voir le sujet précédent Voir le sujet suivant Aller en bas
Réseaux sociaux (facultatif)
 :: Registre de l'île :: Gestion du personnage :: Réseaux sociaux
Caspian Matkovic
Maison de la Lune et du Sang
Caspian Matkovic
Feat : Mikey - Tokyo Revengers
Âme : Fennec
Age : 27
Métier : Milicien
Double compte : Maxine + Mortimer + Fleur
Lenss : 1442
Messages : 494
Date d'inscription : 03/11/2021
Dim 21 Nov - 12:09

Réseaux sociaux


Voilà une partie spécialement dédiée aux réseaux sociaux de nos petits Animas ! Libre à vous de l'utiliser ou non évidemment mais cela pourrait permettre quelques petites échanges de messages particulièrement intéressants !

Pas très compliqué à utiliser, il vous suffit de créer un nouveau sujet pour votre personnage, exactement comme pour les fiches de relations. Le code ci-dessous peut-être utilisé mais il est totalement facultatif, libre à vous d'utiliser les codes de votre choix sans oublier les crédits si vous utilisez du libre-service évidemment.

Il existe sur Haklyone trois réseaux sociaux :
- Facebouc
- Hamstagram
- Twitturtle

Réseaux sociaux (facultatif) V7nv  Réseaux sociaux (facultatif) 4v2d Réseaux sociaux (facultatif) 6n8p


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 700*300 --><img src="https://zupimages.net/up/20/06/yljn.jpg" alt="image de couverture" /><!-- le nom et prenom --><div class="Idpraya">nom et prénom</div>
<!-- l'image de profil en 130*130 --><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">Fiche</a><div class="praya_tiret">|</div><a href="URL ICI">Liens</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">"blablabla une petite citation ? Une courte présentation ?"</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 --> mon métier ici </div><div class="infointro"><img src="https://zupimages.net/up/20/06/5fcz.png"/><!-- le lieu d'habitation --> lieu d'habitation ici </div><div class="infointro"> <img src="https://zupimages.net/up/20/06/i96z.png"/><span></span><!-- Maison du personnage--> Maison de...</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">nom et prénom</div><!-- date publication --><div class="date_praya">2 Juin, 23:12</div>

<!--publication--><div class="fontpublipraya"><div class="publipraya"> Une petite publication ? </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>



Pour démarrer une conversation, il vous suffira de poster le code ci-dessous sur la fiche de votre interlocuteur qui lui, viendra vous répondre sur la votre ! Et on n'oublie pas de revenir à la ligne entre chaque bulle (qui sont entre balise div) sinon c'est pas beau !

Code:

<center><div style="width:380px;font-size:11px; color: #3a3a3a;text-align:justify;line-height:12px; padding: 20px 0px 20px 0px;">
<table><tr><td><div style="text-align: center; font-size: 10px;"> <b>contact</b> le 00.00.000</div></td></tr><tr><td>
<div style="width:400px;background: #e5e4ea;border-radius: 20px; padding: 10px 10px 10px 10px;font-size: 12px;">blablabla</div>
<div style="width:400px;background: #e5e4ea;border-radius: 20px; padding: 10px 10px 10px 10px;font-size: 12px;">
blablabla</div></tr></td></table>

<table><tr><td><div style="text-align: center; font-size: 10px;"><b>ton perso</b> le 00.00.0000</div></td></tr><tr><td><div style="width:400px;background: #c7deeb;border-radius: 20px; padding: 10px 10px 10px 10px;font-size: 12px;text-align:right;">blablabla</div></tr></td></table></div></center><center><DIV STYLE="color: #000; padding-top: 5px; line-height: 10px; text-align: center; font-size: 12px; text-color: #cccccc;width:400px">@nébuleuse</DIV></center>

Awful

_________________
Réseaux sociaux (facultatif) GwGlNYO Réseaux sociaux (facultatif) Fq1f Réseaux sociaux (facultatif) Owmn

Caspian Matkovic
https://haklyone.forumactif.com/t29-caspian-matkovic https://haklyone.forumactif.com/t32-caspian-rs
Revenir en haut Aller en bas
Caspian Matkovic
Maison de la Lune et du Sang
Caspian Matkovic
Feat : Mikey - Tokyo Revengers
Âme : Fennec
Age : 27
Métier : Milicien
Double compte : Maxine + Mortimer + Fleur
Lenss : 1442
Messages : 494
Date d'inscription : 03/11/2021
Dim 21 Nov - 12:09



image de couverture
nom et prénom

image de profil


Fiche
|
Liens
|
Plus ▼


symbole intro
"blablabla une petite citation ? Une courte présentation ?"


mon métier ici
lieu d'habitation ici
Maison de...
Célibataire


image de profil
nom et prénom
2 Juin, 23:12


Une petite publication ?


barre séparation
like
32
10 commentaires

barre séparation
barre commenter



@Nasträlya

_________________
Réseaux sociaux (facultatif) GwGlNYO Réseaux sociaux (facultatif) Fq1f Réseaux sociaux (facultatif) Owmn

Caspian Matkovic
https://haklyone.forumactif.com/t29-caspian-matkovic https://haklyone.forumactif.com/t32-caspian-rs
Revenir en haut Aller en bas
Caspian Matkovic
Maison de la Lune et du Sang
Caspian Matkovic
Feat : Mikey - Tokyo Revengers
Âme : Fennec
Age : 27
Métier : Milicien
Double compte : Maxine + Mortimer + Fleur
Lenss : 1442
Messages : 494
Date d'inscription : 03/11/2021
Dim 21 Nov - 12:10

contact le 00.00.000

blablabla


blablabla

ton perso le 00.00.0000
blablabla
@nébuleuse

_________________
Réseaux sociaux (facultatif) GwGlNYO Réseaux sociaux (facultatif) Fq1f Réseaux sociaux (facultatif) Owmn

Caspian Matkovic
https://haklyone.forumactif.com/t29-caspian-matkovic https://haklyone.forumactif.com/t32-caspian-rs
Revenir en haut Aller en bas
Caspian Matkovic
Maison de la Lune et du Sang
Caspian Matkovic
Feat : Mikey - Tokyo Revengers
Âme : Fennec
Age : 27
Métier : Milicien
Double compte : Maxine + Mortimer + Fleur
Lenss : 1442
Messages : 494
Date d'inscription : 03/11/2021
Jeu 16 Mar - 18:50
Nouveau profil Hamstagram créé par @Lys Ross qu'on remercie chaleureusement, n'hésitez pas à l'utiliser si vous le souhaitez !

Code:
<link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/4978881312554587/hamstagram_css.css"><div class="hamstagram"><div class="hamstagram-header"><img src="https://zupimages.net/up/23/10/4v2d.png" alt="logo-hamstagram"/></div><div class="hamstagram-profile"><div class="hamstagram-profile-top"><div class="hamstagram-profile-top-avatar"><!--
avatar
--><img src="https://i.servimg.com/u/f71/20/44/17/59/avatar10.jpg" alt="avatar"/></div><div class="hamstagram-profile-top-compte"><!--
nom du compte
-->@Nomducompte<div class="hamstagram-buttons-wrapper"><div class="hamstagram-buttons">Suivi(e)</div><div class="hamstagram-buttons">Contacter</div></div></div></div><div class="hamstagram-profile-bio"><!--
bio profil
--><strong>Pseudonyme</strong><span>Pronoms</span>
Texte de la biographie...
</div></div><!--

    début des highlights
    
    --><div class="hamstagram-highlights"><!--
code highlight
--><div class="hamstagram-highlights-picture"><img src="https://i.servimg.com/u/f71/20/44/17/59/highli10.jpg" /></div><!--
code highlight
--><div class="hamstagram-highlights-picture"><img src="https://i.servimg.com/u/f71/20/44/17/59/highli10.jpg" /></div><!--
code highlight
--><div class="hamstagram-highlights-picture"><img src="https://i.servimg.com/u/f71/20/44/17/59/highli10.jpg" /></div><!--

fin des highlights

--></div><div class="hamstagram-stats-wrapper"><div class="hamstagram-stats"><!--
nombre de posts
--><strong>00</strong><span>publications</span></div><div class="hamstagram-stats"><!--
nombre de followers
--><strong>00</strong><span>followers</span></div><div class="hamstagram-stats"><!--
nombre de comptes suivis
--><strong>00</strong><span>suivi(e)s</span></div></div><!--

début des posts

--><div class="hamstagram-posts-wrapper"><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div><!--
code post
--><div class="hamstagram-post"><img src="https://i.servimg.com/u/f71/20/44/17/59/post-p10.jpg"/></div>
</div><!--

fin des posts

--></div>

logo-hamstagram
avatar
@Nomducompte
Suivi(e)
Contacter
PseudonymePronoms
Texte de la biographie...
00publications
00followers
00suivi(e)s



Et la publication :

Code:
<link rel="stylesheet" href="https://sd-1.archive-host.com/membres/up/4978881312554587/hamstagram_css.css"><div class="hamstagram-publication"><div class="hamstagram-header"><img src="https://zupimages.net/up/23/10/4v2d.png" alt="logo-hamstagram"/></div><div class="hamstagram-publication-profile"><!--
avatar
--><img src="https://zupimages.net/up/23/10/4v2d.png"/><!--
Nom du compte
--><strong>Nom du compte</strong>
</div><div class="hamstagram-publication-picture"><!--

Image du post

--><img src="https://i.servimg.com/u/f71/20/44/17/59/publi-10.jpg"/></div><div class="hamstagram-publication-icons"></div><div class="hamstagram-publication-top"><!--
Date et likes du post
-->
<span>12 jan.</span> Aimé par 0 personne(s)</div><div class="hamstagram-publication-post"><!--

Début du texte du post

--><strong>Nom du compte</strong>
Texte du post...<!--

fin du texte du post

--></div><!--

début des commentaires

--><div class="hamstagram-publication-comments-wrapper"><!--
commentaire
--><div class="hamstagram-publication-comment"><strong>Pseudonyme</strong> Commentaire</div><!--
commentaire
--><div class="hamstagram-publication-comment"><strong>Pseudonyme</strong> Commentaire</div><!--
commentaire
--><div class="hamstagram-publication-comment"><strong>Pseudonyme</strong> Commentaire</div><!--

fin des commentaires

--></div></div>

logo-hamstagram
Nom du compte

12 jan. Aimé par 0 personne(s)
Nom du compte
Texte du post...
Pseudonyme Commentaire
Pseudonyme Commentaire
Pseudonyme Commentaire

_________________
Réseaux sociaux (facultatif) GwGlNYO Réseaux sociaux (facultatif) Fq1f Réseaux sociaux (facultatif) Owmn

Caspian Matkovic
https://haklyone.forumactif.com/t29-caspian-matkovic https://haklyone.forumactif.com/t32-caspian-rs
Revenir en haut Aller en bas
Contenu sponsorisé
Contenu sponsorisé
Revenir en haut Aller en bas
Voir le sujet précédent Voir le sujet suivant Revenir en haut Page 1 sur 1
Haklyone :: Registre de l'île :: Gestion du personnage :: Réseaux sociaux
Sauter vers:
nos partenaires