Ocëen
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Derniers sujets
» Nouvelles Orzaniennes
| Introduction | EmptyJeu 31 Aoû - 10:32 par Invité

» Aësir Hrosskel
| Introduction | EmptyJeu 9 Mar - 14:33 par Lëan Vandorallen

» Les bulles d'or | Événement [-18]
| Introduction | EmptyDim 5 Mar - 16:55 par Isiah Black

» Nox Parabellum
| Introduction | EmptyDim 14 Aoû - 12:29 par Invité

» Alternative Lives
| Introduction | EmptyLun 8 Aoû - 17:46 par Lëan Vandorallen

» | Argent facile |
| Introduction | EmptyJeu 21 Juil - 0:43 par Lëan Vandorallen

» Haklyone
| Introduction | EmptyLun 18 Juil - 22:36 par Lëan Vandorallen

» News 16/07/22
| Introduction | EmptySam 16 Juil - 19:47 par Lëan Vandorallen

» | Intra' Achats |
| Introduction | EmptySam 16 Juil - 16:36 par Lëan Vandorallen

-20%
Le deal à ne pas rater :
-20% sur le Lot de 2 écrans PC GIGABYTE 27″ LED M27Q
429 € 539 €
Voir le deal

 :: Réseaux sociaux :: Discussions publique Voir le sujet précédent Voir le sujet suivant Aller en bas
| Introduction |
Lëan Vandorallen
Nom : Vandorallen
Age : 28
Crédits : 18950
Emploi : PDG d'Art Robot
Membre du Cercle
Lëan Vandorallen
(#)


Afin d'écrire un message public, il vous suffit d'ouvrir un sujet et de remplir le formulaire. Vous pouvez changer la couleur de la barre en cherchant "cadresearch" dans le CSS et en changeant le #F4DCAF par la couleur de votre choix - celle-ci opérera sur tous les post.


Formulaire

Code:
<!--HAUT DE PAGE--> <div class="bloc_principal"><div class="cadresearch"><div class="cadreloupe">Search |</div><div class="logoPraya"><img src="https://zupimages.net/up/20/16/6f9q.png" alt="" /></div></div><div class="CouvPraya"><img src="IMG DE COUVERTURE EN 700*300" alt="" /></div>

<!-- nom groupe et citation --><div class="PlaceEdit"><div class="NameGroup">TITRE DE LA CONV</div><div class="CitationGroup">"CITATION COURTE"</div></div>

<!-- premier message --><div class="PlaceMessage"><div class="PseudoPraya">VOTRE PSEUDO</div><div class="HeurePraya">15:50</div><div class="ImgMessage"><img src="VOTRE IMAGE DE PROFIL EN 70*70" alt="" /></div><div class="TriMessage"></div><div class="PlaceText"><div class="ParlotteMessage"><center>VOTRE MESSAGE

</div></div></div>

</div>

<style type="text/css">.bloc_principal{background-color:#fff; width:700px; height:auto; margin:auto; font-family: 'Share Tech Mono', monospace;} .cadresearch{background-color:#F4DCAF; padding:5px; height:40px;} .cadreloupe{background-color:#fff; width:300px; margin: 5px; padding: 6px;} .logoPraya{float:right; margin: -35px 10px;} .CouvPraya{width-max:700px; height-max:300px;} .PlaceEdit{background: transparent; width:300px; height:64px; margin-top:-110px; padding:10px;} .NameGroup{color:#fff; font-family: Vollkorn, serif; font-size: 18px; text-transform: uppercase; margin-bottom: 3px;} .CitationGroup{color:#fff; font-family: Vollkorn, serif; font-size: 12px; font-style:italic;} .PlaceMessage{background:transparent; width:600px; height:auto; margin:auto;} .ImgMessage{overflow: hidden; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; width: 70px; height: 70px;} .PlaceText{width:400px; height:auto; background-color:#E6E6E6; float: right; margin-top: -50px; margin-right: 70px; padding:15px; height:220px; overflow:auto;} .ParlotteMessage{color:#585858; font-family: Vollkorn, serif; font-size: 12px; text-align:justify;} .TriMessage{clip-path: polygon(0 50%, 100% 100%, 100% 0); position:absolute; background-color:#E6E6E6; width:20px; height:20px; margin-top: -40px; margin-left: 81px;} .PseudoPraya{color:#a5a5a5; position: absolute; width: 100px; margin-top: 61px; margin-left: -25px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;} .HeurePraya{color:#a5a5a5; position: absolute; width: 100px; margin-top: 116px; margin-left: 490px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;}
</style>


Réponses


- code pour répondre (image à droite) -

Code:
<!--HAUT DE PAGE--> <div class="bloc_princi"><div class="cadresearch"><div class="cadreloupe">Search |</div><div class="logoPraya"><img src="https://zupimages.net/up/20/16/6f9q.png" alt="" /></div></div>

<!-- premier message --><div class="PlaceMessageD"><div class="PseudoPrayaD">VOTRE PSEUDO</div><div class="HeurePrayaD">HEURE</div><div class="ImgMessageD"><img src="VOTRE AVATAR 70*70" alt="" /></div><div class="TriMessageD"></div><div class="PlaceTextD ParlotteMessageD">VOTRE MESSAGE
</div></div></div>

<style type="text/css">.bloc_princi{background-color:#fff; width:700px; height:400px; margin:auto; font-family: 'Share Tech Mono', monospace;} .cadreloupe{background-color:#fff; width:300px; margin: 6px; padding: 4px;} .logoPraya{float:right; margin: -35px 10px;} .PlaceMessageD{background:transparent; width:600px; height:auto; margin:auto;} .ImgMessageD{overflow:hidden; -webkit-border-radius:50px; -moz-border-radius:50px; border-radius:50px; width:70px; height:70px; float:right;} .PlaceTextD{width:400px; height:auto; background-color:#E6E6E6; float: left; margin-top: 15px; margin-left: 63px; padding:15px; height:220px; overflow:auto;} .ParlotteMessageD{color:#585858; font-family: Vollkorn, serif; font-size: 12px; text-align:justify;} .TriMessageD{clip-path: polygon(100% 50%, 0 100%, 0 0); position:absolute; background-color:#E6E6E6; width:20px; height:20px; margin-top: 25px; margin-left: 493px;} .PseudoPrayaD{color:#a5a5a5; position: absolute; width: 100px; margin-top: 61px; margin-left: 507px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;} .HeurePrayaD{color:#a5a5a5; position: absolute; width: 100px; margin-top: 116px; margin-left: -20px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;}
</style>

- code pour répondre (image à gauche) -

Code:


<!--HAUT DE PAGE--> <div class="bloc_princi"><div class="cadresearch"><div class="cadreloupe">Search |</div><div class="logoPraya"><img src="https://zupimages.net/up/20/16/6f9q.png" alt="" /></div></div>

<!-- premier message --><div class="PlaceMessageG"><div class="PseudoPrayaG">VOTRE PSEUDO</div><div class="HeurePrayaG">HEURE</div><div class="ImgMessageG"><img src="VOTRE AVATAR 70*70" alt="" /></div><div class="TriMessageG"></div><div class="PlaceTextG"><div class="ParlotteMessageG">VOTRE MESSAGE</div></div></div>

</div>

<style type="text/css">.bloc_princi{background-color:#fff; width:700px; height:400px; margin:auto; font-family: 'Share Tech Mono', monospace;} .cadreloupe{background-color:#fff; width:300px; margin: 6px; padding: 4px;} .logoPraya{float:right; margin: -35px 10px;} .PlaceMessageG{background:transparent; width:600px; height:auto; margin:auto;} .ImgMessageG{clip-path: circle(50% at 50% 50%); width:70px; height:70px;} .PlaceTextG{width:400px; height:auto; background-color:#E6E6E6; float: right; margin-top: -50px; margin-right: 70px; padding:15px; height:220px; overflow:auto;} .ParlotteMessageG{color:#585858; font-family: Vollkorn, serif; font-size: 12px; text-align:justify;} .TriMessageG{clip-path: polygon(0 50%, 100% 100%, 100% 0); position:absolute; background-color:#E6E6E6; width:20px; height:20px; margin-top: -40px; margin-left: 81px;}.PseudoPrayaG{color:#a5a5a5; position: absolute; width: 100px; margin-top: 61px; margin-left: -25px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;} .HeurePrayaG{color:#a5a5a5; position: absolute; width: 100px; margin-top: 116px; margin-left: 490px; text-align: center; padding: 10px; font-family: Vollkorn, serif; font-size: 12px;}
</style>



Lun 22 Fév - 21:04
https://oceen.forumactif.com/t190-lean-vandorallen#477 https://oceen.forumactif.com/f64-lean-vandorallen
Revenir en haut Aller en bas
Page 1 sur 1
Sauter vers: