modèle et règles.
Whatsapp est très populaire chez les adolescents, les discussions à plusieurs sont beaucoup plus faciles. Mais le réseau social ne permet pas que ça, on peut aussi passer des appels vidéo. C'est pourquoi sur Teenage Dream Never Die, nous vous proposons de créez votre sujet de discussion de groupe. Le modèle, qui est
facultatif , a été créé par
wonho que nous remercions. Le titre doit être écrit sous cette forme :
Code: [NOM DU GROUPE] ou alors [PSEUDO & PSEUDO]
premier post. Code: <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'><link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"><style type="text/css">.bch1 { width: 110px; height: 200px; padding: 45px 25px; background-color: #827ccd; }.bch1a { position: relative; width: 90px; height: 90px; margin: 10px 10px 15px; }.bch1a img { position: relative; width: 90px; height: 90px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }.bch1b { color: #fcfcfc; font-family: montserrat; font-size: 15px; font-weight: 700; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: -1px; word-spacing: 0px; line-height: 100%; }.bch1a .online { position: absolute; bottom: 0px; right: 5px; width: 13px; height: 13px; background-color: #78c366; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 2; border: 3px solid #827ccd; }.bch1c { margin-top: 5px; color: rgba(255,255,255,0.5); font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; }.bch2 { width: 248px; height: 288px; background-color: #fefefe; border: 1px solid #EDEEF3; }.bch2a { padding: 10px; color: #B2BAC3; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 1px; line-height: 100%; border-bottom: 1px solid #E7EAF2; }.bch2a i { float: right; }.bch2b { height: 190px; padding: 10px; overflow-y: auto; overflow-x: hidden; margin-right: 5px; }.bch2b::-webkit-scrollbar { width: 3px; }.bch2b::-webkit-scrollbar-track { background: transparent; }.bch2b::-webkit-scrollbar-thumb { background-color: #e5e5e5; border-radius: 20px; }.bch2b::-webkit-scrollbar-button:start:decrement, .bch2b::-webkit-scrollbar-button:end:increment { height: 5px; display: block; background-color:#fcfcfc; border: 0px; }.bch2c { width: 228px; height: 28px; padding: 10px; background-color: #F8F8F8; color: #B2BAC3; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; border-top: 1px solid #E7EAF2; }.bch2d { width: 206px; height: 6px; padding: 10px; background-color: #fefefe; color: #B2BAC3; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 6px; border: 1px solid #EDEFF3; }.bch2d span { float: right; color: #A49FDB; font-family: montserrat; font-size: 8px; font-weight: 400; font-style: normal; text-align: left; text-transform: uppercase; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 6px; }.bch2d i { float: left; font-size: 12px; line-height: 6px; margin-right: 8px; }.bchbubble { display: inline-block; clear: both; float: right; position: relative; max-width: 130px; padding: 8px 12px; background-color: #827ccd; color: #fafafa; font-family: montserrat; font-size: 9px; font-weight: 400; font-style: normal; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0px; word-spacing: 0px; line-height: 100%; word-wrap: break-word; margin: 3px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; z-index: 4; }.bchbubble:after { content: ""; position: absolute; bottom: 0px; right: -26px; width: 15px; height: 30px; clip: rect(15px,20px,45px,0px); border-color: #827ccd; border-width: 0px 12px; border-style: solid; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; z-index: 3; }#NAME .bch1, #NAME .bchbubble { background-color: #HEXCODE }#NAME .bchbubble:after, #NAME .bch1a .online { border-color: #HEXCODE }#NAME .bch2d span { color: #HEXCODE }
</style><center><div id="NAME"><table cellpadding="0" cellspacing="0"><tr><td><div class="bch2"><div class="bch2a">To: pseudo<i class="fa fa-chevron-right"></i></div><div class="bch2b"><div class="bchbubble">un message</div><div class="bchbubble">encore un message ?</div><div class="bchbubble">et un autre message !</div></div><div class="bch2c"><div class="bch2d"><i class="fa fa-camera"></i>Send Message...<span>Send</span></div></div></div></td><td><div class="bch1"><div class="bch1a"><a href="http://shine.jcink.net/index.php?showuser=3019"><img src="PHOTOPROFIL"></a><div class="online"></div></div><div class="bch1b">pseudo</div><div class="bch1c">online</div></div></td></tr></table></div>
</center>
To: pseudo
un message
encore un message ?
et un autre message !
Accueil
