Chat: Codici

« Older Newer »

Ryuko

Posted on 9/5/2020, 21:42

I could be so much worse and I don't get enough credit for that.

Group: Administrator

Posts: 5,203

Location: Nasuverse.

Status: Anonymous

↳ CODICI CHAT
GUIDA AL LORO USO

In questa sezione trovate la versione base dei codici da usare per la sezione chat. Vi assicuro che sono molto più facili da utilizzare rispetto a quanto non sembrino a vista d'occhio, indi per cui procediamo.

Il primo codice è per i gruppi, il secondo è per le risposte e per le chat singole.

I colori sono interamente personalizzabili, ma siete pregati di non utilizzarne di fluo. Per cambiarli basta cercare nel codice le diciture "color:" per il colore dei font e delle iconcine, "background-color:" per i colori degli sfondi e "border:" per i colori dei bordi. Come al solito, potete aiutarvi con la funzione cerca del "CTRL+F" ed il browser vi evidenzierà in automatico le parole che state cercando.

Le immagini devono essere QUADRATE, è indifferente quanto grandi, il codice le ridimensiona da solo purché siano quadrate.

I codici completi li trovate sotto spoiler. Per aggiungere un partecipante ad un gruppo (oltre i classici tre predefiniti) bisogna utilizzare questo codice prima del div finale e dei crediti:

CODICE

<div style="width: 70px; height: 70px; float: left; margin-left: 70px; margin-bottom: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius: 55px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div><div style="margin-left: 155px; margin-top: 26px;"><span style="font-size: 19px; font-weight:bold; color: #000;">Nome PG</span> [size=1]@nickname[/size]
<span style="color: #999; font-size: 10px;">[Status]</span></div>

Per quanto riguarda il codice chat, nella versione base c'è un solo messaggio. Per inserire più di una nuvoletta è necessario inserire questo:

CODICE

<div style="float: right; width: 270px; margin-top: 10px; margin-right: 5px; background: #696969; padding: 13px; border-radius: 20px 20px 0px 20px; text-align: justify; font: 10px verdana">Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum.</div>

Prima di questo, ovvero il codice dell'orario:

CODICE

NOME GRUPPO
[N] Members, [N] Online

Members

File

Media

Audio

Gif

Nome PG @nickname
[Status]

SPOILER (clicca per visualizzare)

CODICE

<div style="border: 2px solid #fff; border-bottom: none; width: 500px; background-color: #696969; height: 120px; font-family: arial; padding: 15px; padding-bottom: 0px;color: #FDF5E6"><div style="width: 40px; height: 40px; float: right; margin-top: 3px; color: #111;"><i class="fas fa-edit"></i></div><div style="width: 40px; height: 40px; float: right; margin-top: 3px; color: #111;"><i class="fas fa-cogs"></i></div><div style="width: 100px; height: 100px; float: left; margin-right: 10px; margin-bottom: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius: 55px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div><div style="margin-left: 120px; margin-top: 40px; "><span style="font-size: 23px; font-weight:bold; color: #000;">NOME GRUPPO</span>
<span style="color: #999; font-size: 10px;">[N] Members, [N] Online</span></div>

</div><div style="border: 2px solid #fff; border-bottom: none; width: 500px; background-color: #696969; height: 15px; font-family: calibri; padding: 15px; padding-top: 0px;color: #111; font-weight: bold;"><div style="float:left; width:80px; text-transform:uppercase; text-align: center; font-family: calibri; font-weight: bold; font-size:11px; color: #111; border-bottom: 2px solid #B22222; margin: 3px; margin-left: 6px; padding:5px;">Members</div><div style="float:left; width:80px; text-transform:uppercase; text-align: center; font-family: calibri; font-weight: bold; font-size:11px; color: #111; border-bottom: 2px solid #F4A460; margin: 3px; margin-left: 6px; padding:5px;">File</div> <div style="float:left; width:80px; text-transform:uppercase; text-align: center; font-family: calibri; font-weight: bold; font-size:11px; color: #111; border-bottom: 2px solid #F4A460; margin: 3px; margin-left: 6px; padding:5px;">Media</div> <div style="float:left; width:80px; text-transform:uppercase; text-align: center; font-family: calibri; font-weight: bold; font-size:11px; color: #111; border-bottom: 2px solid #F4A460; margin: 3px; margin-left: 6px; padding:5px;">Audio</div> <div style="float:left; width:80px; text-transform:uppercase; text-align: center; font-family: calibri; font-weight: bold; font-size:11px; color: #111; border-bottom: 2px solid #F4A460; margin: 3px; margin-left: 6px; padding:5px;">Gif</div>
</div><div style="border: 2px solid #fff; border-top: none; width: 500px; background-color: #fff; height: auto; font-family: arial; padding: 15px; padding-bottom: 0px;color: #111"><div style="width: 70px; height: 70px; float: left; margin-left: 70px; margin-bottom: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius: 55px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div><div style="margin-left: 155px; margin-top: 26px;"><span style="font-size: 19px; font-weight:bold; color: #000;">Nome PG</span> [size=1]@nickname[/size]
<span style="color: #999; font-size: 10px;">[Status]</span></div>

<div style="width: 70px; height: 70px; float: left; margin-left: 70px; margin-bottom: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius: 55px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div><div style="margin-left: 155px; margin-top: 26px;"><span style="font-size: 19px; font-weight:bold; color: #000;">Nome PG</span> [size=1]@nickname[/size]
<span style="color: #999; font-size: 10px;">[Status]</span></div>

<div style="width: 70px; height: 70px; float: left; margin-left: 70px; margin-bottom: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius: 55px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div><div style="margin-left: 155px; margin-top: 26px;"><span style="font-size: 19px; font-weight:bold; color: #000;">Nome PG</span> [size=1]@nickname[/size]
<span style="color: #999; font-size: 10px;">[Status]</span></div>

</div><div style="width:520px; margin-top:3px; text-align: left; text-transform:uppercase; font: 9px georgia; color: #fff; ">[URL=https://ryukocharm.forumfree.it/]© CODE[/URL]</div>

Nome
@nickname

Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum.

12/05, 18.32 ✔

Testo messaggio

SPOILER (clicca per visualizzare)

CODICE

<div style="border: 2px solid #fff; border-bottom: none; width: 400px; background-color: #696969; height: 120px; font-family: arial; padding: 15px; padding-bottom: 0px;color: #FDF5E6"><div style="width: 40px; height: 40px; float: right; margin-top: 3px; color: #111;"><i class="fas fa-ellipsis-v"></i></div><div style="width: 40px; height: 40px; float: right; margin-top: 3px; color: #111;"><i class="fas fa-phone"></i></div><div style="width: 100px; height: 100px; float: left; margin-right: 10px; margin-bottom: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius: 55px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div><div style="margin-left: 120px; margin-top: 40px; "><span style="font-size: 23px; font-weight:bold; color: #000;">Nome</span>
<span style="color: #999; font-size: 10px;">@nickname</span></div>

</div><div style="border: 2px solid #fff; border-top: none; width: 400px; background-color: #fff; height: auto; font-family: arial; padding: 15px; padding-bottom: 0px;color: #111"><table>

<tr>
<td><div style="float: right; width: 270px; margin-top: 10px; margin-right: 5px; background: #696969; padding: 13px; border-radius: 20px 20px 0px 20px; text-align: justify; font: 10px verdana">Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum.</div>
<div style="float: right; width: 270px; margin-top: 10px; margin-right: 5px; background: #696969; padding: 13px; border-radius: 20px 20px 0px 20px; text-align: justify; font: 10px verdana">Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum. Lorem Ipsum.</div>

<div style="font-family: calibri; font-size: 11px; padding: 4px; text-align: left; color: #666">12/05, 18.32 ✔</div></td><div style="width: 60px; height: 60px; float: right; margin-top: 0px;"><img style="background-color: white; border: 3px solid #fff; border-radius:55px 55px 55px 0px; box-shadow: 0px 0px 1px 3px #111;" src="https://via.placeholder.com/100x100"></div>
</tr>

</table>
</div><div style="border: 2px solid #fff; border-bottom: none; width: 420px; background-color: #696969; height: 30px; font-family: calibri; padding: 5px;color: #111;"><span style="color: #111; font-size: 30px;"><i class="far fa-plus-square"></i></span><div style="float: right; margin-left: 5px;"><span style="color: #111; font-size: 30px;"><i class="far fa-smile"></i></span> <span style="color: #111; font-size: 30px;"><i class="fas fa-sign-in-alt"></i></span></div><div style="float: right; width: 300px; background: #F8F8FF; padding: 10px; border-radius: 20px; text-align: justify; font: 10px verdana">Testo messaggio</div>
</div><div style="width:420px; margin-top:3px; text-align: left; text-transform:uppercase; font: 9px georgia; color: #fff; ">[URL=https://ryukocharm.forumfree.it/]© CODE[/URL]</div>

Edited by Ryuko - 10/5/2020, 15:00

0 replies since 9/5/2020, 21:42 273 views