|
Codici Social e Guida al loro uso
GUIDA USO GENERALE
Infondo al post è possibile trovare dei modelli precompilati dei vari codici come esempio. Tutte le immagini che possono essere inserite nei vari codici (tranne l’immagine header del profilo) vengono ridimensionate/tagliate automaticamente, per cui non c’è bisogno d'inserirle di dimensioni precise. Negli stati e altrove, è possibile usare emoji. Qui una pratica lista. Per dare l’impressione di star taggando qualcuno in uno stato, in chat o dove volete, bisogna sottolineare il loro @username. I colori che possono essere personalizzati nei vari codici sono i seguenti, usati normalmente come di default: #F7A541#FACA66#FEE5AD#5AD1A1#73EBBD#ADFEE0È possibile, inoltre, cambiare il colore del testo nell’header del profilo (bio e @username) e della chat (@username), in modo che sia leggibile anche con colori più scuri o più chiari. Il colore default è il seguente: #444Accanto al “Nome Profilo” è possibile aggiungere un iconcina per indicare se un profilo è quello approvato di una celebrità et simili oppure se il profilo è privato, ovvero dove normalmente gli utenti non autorizzati dal proprietario non possono vederne il contenuto. È possibile inserire l’iconcina anche fuori dal Nome Profilo, per esempio accanto al nome nelle chat o nei commenti ma, tuttavia, il “font-size” va modificato da 12px a 9px. Account approvato: CODICE <i class="fa fa-check-circle" style="line-height: 4px; font-size: 12px"></i> Account privato: CODICE <i class="fa fa-lock" style="line-height: 4px; font-size: 12px"></i>
GUIDA CODE PROFILO
La dimensione precisa dell’ immagine header è di 550x130px. La posizione è di default “Tokyo, Japan” ma può essere modificata a piacimento. È possibile specificare il compleanno di un PG, lasciarlo vuoto o compilarlo in parte. L’ ordine degli stati è cronologico decrescente, ovvero in cima vanno inseriti gli stati più recenti e in fondo quelli più vecchi. Negli stati è possibile usare la dicitura “more” per andare a linkare lo stato a un post con il code di commento. È possibile fare una cosa simile anche con le foto, basta semplicemente inserire intorno al codice della foto un link. Inserendo il codice per le foto, si prega di non andare accapo, altrimenti le immagini non saranno visualizzate una accanto all’altra. Se non ci sono stati nel profilo, una volta essere andati accapo, inserire “No Post(s) Found” oppure “No Photo(s) Found” se non ci sono foto. In entrambi i casi, bisogna eliminare “ Load More Post(s)/Photo(s). Con “following” si indica il numero di persone seguite dal profilo e con “follower” le persone che seguono il profilo. Sostituire NUM con il numero appropriato. Negli stati è possibile indicare il numero di likes e commenti che un post ha, sostituendo NUM con il numero appropriato. Code del profilo: CODICE <div class="social"><div class="socialheader" style="background: url(LINKHEADERQUI) no-repeat;"><div class="profimg""><img style="border: 5px solid #F7A541" src="LINKIMMAGINEPROFILO"/> </div></div><div class="socialinfo" style="background: #FACA66"><div class="socialedit" style="background: #F7A541; color: #FEE5AD"><i class="fa fa-cog"></i></div><div class="socialedit" style="background: #F7A541; color: #FEE5AD"><i class="fa fa-envelope"></i></div><div class="socialedit" style="background: #F7A541; color: #FEE5AD"><i class="fa fa-user-plus"></i></div><div class="socialname">Nome Cognome</div> <div class="socialnick" style="color: #444; opacity: 0.7;">@username</div> <div class="socialbio" style="color: #444;">Bio qui. Max 2 Righe.</div> <div class="socialextra" style="float: left; background: #F7A541"><i class="fa fa-map-marker"></i> Tokyo, Japan</div><div class="socialextra" style="float: left; background: #F7A541"><i class="fa fa-birthday-cake"></i> DD/MM/AAAA</div><div class="socialfollow" style="background: #F7A541"><b>NUM</b> Follower</div><div class="socialfollow" style="background: #F7A541"><b>NUM</b> Following</div> </div><div class="socialphotos">CODE FOTO QUI <u>Load More Photo(s)</u> </div><div class="socialstatus">CODE STATUS QUI (andare poi accapo per i successivi/precedenti) <u>Load More Post(s)</u> </div></div> Code per le foto (va inserito dopo il DIV "socialphotos"): CODICE <img style="border: 5px solid #F7A541" src="LINKIMMAGINE"/> Code per gli stati (va inserito dopo il DIV "socialstatus"): CODICE <div class="socialpost">Testo stato qui <div class="socialikes"><div style="float: left"><i class="fa fa-heart"></i> <b>NUM</b> <i class="fa fa-comments"></i> <b>NUM</b> [URL=http://LINK][color=#999]<i class="fa fa-ellipsis-h"></i> MORE[/color][/URL]</div><div style="float: right">DD/MM/AAAA, HH:MM</div></div></div>
GUIDA CODE COMMENTI STATI
L’ ordine cronologico dei commenti è dal più vecchio, in cima, a quello più recente, in fondo. Per i commenti, usare i code della Chat. Nello stato da commentare è possibile indicare il numero di likes e commenti che un post ha, sostituendo NUM con il numero appropriato. In base ai likes, va modificata anche la dicitura “@username liked this post”. Codice principale commenti agli stati/foto: CODICE <div class="socialcomments"><div class="socialcomments2" style="background: #FACA66">Comments</div><div class="socialwin">X</div><div class="socialwin" style="background: #555">_</div> <div class="socialpost">TESTO STATUS QUI <div class="socialikes"><div style="float: left"><i class="fa fa-heart"></i> <b>NUM</b> <i class="fa fa-comments"></i> <b>NUM</b></div><div style="float: right">DD/MM/AAAA, HH:MM</div></div></div> <hr> <u>Nome PG1</u>, <u>Nome PG2</u>, <u>Nome PG3</u> <i>and</i> NUM other(s) liked this post <div class="chatprofdx"><img style="border: 5px solid #F7A541" src="LINKIMMAGINEPROFILO"/><div class="chatpostdx"><div class="chatnickdx" style="background: #F7A541">Nome PG <span class="chatnick2">@username</span></div> TESTO COMMENTO QUI <div class="socialikes"><div style="float: left">DD/MM/AAAA, HH:MM</div></div></div></div> </div> Per i commenti alle foto, invece che degli stati, bisogna inserire il seguente codice tra i DIV "socialpost" e "socialikes": CODICE <div class="socialpostimg" style="height: 150px; margin-right: 1px">[IMG]LINKIMMAGINE[/IMG] TESTO QUI
#hashtah #hashtag #hashtag</div> Per inserire altri commenti a uno stato/foto, andando accapo dopo il commento precedente: CODICE <div class="chatprofdx"><img style="border: 5px solid #F7A541" src="LINKIMMAGINEPROFILO"/><div class="chatpostdx"><div class="chatnickdx" style="background: #F7A541">Nome PG <span class="chatnick2">@username</span></div> TESTO COMMENTO QUI <div class="socialikes"><div style="float: left">DD/MM/AAAA, HH:MM</div></div></div></div>
GUIDA CODE CHAT
È possibile usare il codice sia per chat tra due PG sia per quelle di gruppo, ovvero con più di due PG. In entrambi i casi, va prima deciso da quale prospettiva andrebbe visto il codice, ovvero quale PG sarà visualizzato sempre a destra rispetto a sinistra come lo saranno tutti gli altri utenti. Nel caso di chat tra due, il code sarà impostato nell’header con nome e foto profilo del PG a sinistra ovvero il destinatario (a destra sempre il mittente). Dopo aver incollato il codice di un messaggio, per una corretta visualizzazione, bisogna andare accapo prima d'inserire il successivo. Ogni utente può, inoltre, personalizzare il proprio balloon di messaggio con un colore diverso. Nei gruppi, per segnare determinate azioni, andando accapo ogni volta, si prega di usare: CODICE <u>@username</u> created the group “NOME GRUPPO”
<u>@username</u> added <u>@username1</u>, <u>@username2</u>, <u>@username3</u> and 1 Other(s)
<u>@username</u> removed <u>@username1</u>
<u>@username2</u> left the group
E via dicendo! Codice chat iniziale/principale: CODICE <div class="socialchat"><div class="chatinfo" style="background: #73EBBD"><div class="profgroup"><img style="border: 5px solid #5AD1A1" src="LINKIMMAGINEPROFILO"/></div><div class="chatedit" style="background: #5AD1A1; color: #ADFEE0"><i class="fa fa-cog"></i></div><div class="chatname">NOME PG / GRUPPO</div> <div class="chatmem" style="color: #444; opacity: 0.7;"> (per i gruppi:) 0 Members (o per i singoli:) Online</div></div> QUI CODE MESSAGGI (andare accapo per i successivi) </div> Per ruolare la chat in post successivi a quello iniziale, si prega di proseguire (sempre in base alla prospettiva/impostazione) con: CODICE <div class="socialchat">
CODE MESSAGGIO
</div> Messaggio a sinistra: CODICE <div class="chatprofsx"><img style="border: 5px solid #5AD1A1" src="LINKIMMAGINEPROFILO"/><div class="chatpostsx"><div class="chatnicksx" style="background: #5AD1A1;">NOME PG 1 <span class="chatnick2">@username1</span></div> Testo messaggio qui <div class="socialikes"><div style="float: right">DD/MM/AAAA, HH:MM</div></div></div></div> Messaggio a destra: CODICE <div class="chatprofdx"><img style="border: 5px solid #F7A541" src="LINKIMMAGINEPROFILO"/><div class="chatpostdx"><div class="chatnickdx" style="background: #F7A541;">NOME PG 2 <span class="chatnick2">@username2</span></div> Testo messaggio qui <div class="socialikes"><div style="float: left">DD/MM/AAAA, HH:MM</div></div></div></div> Invece, per inviare foto come allegati/messaggi, usare i seguenti code al posto dei precedenti: Messaggio a sinistra con immagine allegata: CODICE <div class="chatpostsx"><div class="chatnicksx" style="background: #5AD1A1;">NOME PG<span class="chatnick2">@username</span></div> [IMG]LINKIMMAGINE[/IMG] <div class="socialikes"><div style="float: right">DD/MM/AAAA, HH:MM</div></div></div> Messaggio a destra con immagine allegata: CODICE <div class="chatpostdx"><div class="chatnickdx" style="background: #5AD1A1;">NOME PG<span class="chatnick2">@username</span></div> [IMG]LINKIMMAGINE[/IMG] <div class="socialikes"><div style="float: left">DD/MM/AAAA, HH:MM</div></div></div> Per quotare un messaggio precedente, da inserire prima del testo del proprio messaggio: CODICE <div class="socialquote"><div class="socialquotenick">Nome Profilo <span class="chatnick2">@nickname</span></div>
Testo da quotare qui. Max 1 righa, tagliare con [...]</div>
ESEMPIO con CODICI PRECOMPILATI
Xiao Xiao @little_spider Ni hao! Bonjour! Sono Xiao! Si, quello Xiao! Eterno seguace di un'unica persona speciale! Per la lettura dei tarocchi, mandatemi un PM 🔮 1 Follower 3719 Following @eternal_serpent che belle le Hawaii... Surprise! It was me, Xiao! Fare l’artista di strada è stancante. Ma il pane lo devo comunque guadagnare in qualche modo, no?
Ouroboros @eternal_serpent   Ouroboros @eternal_serpent Andiamo al Koishikawa Korakuen per lo Yozakura  Xiao Xiao @little_spider Che bello! Mi preparo già, a passo di danza! 💃🌸 Ouroboros @eternal_serpent Xiao Zhu, cerca di non farti riconoscere Xiao Xiao @little_spider Ouroboros @eternal_serpent Xiao Zhu, cerca di non farti riconoscere Eheh, ovvio!
Edited by alyë - 30/5/2020, 22:06
| 
.Codici Social e Guida al loro usoGUIDA USO GENERALEInfondo al post è possibile trovare dei modelli precompilati dei vari codici come esempio.
.
Ouroboros liked this post
Vuoi andare?
Possiamo? ❤️
Certo, ti sei impegnato molto per la nostra causa. Ce lo meritiamo, poi sono in ferie.
Eheh, preparo già le valigie!