Gamer ID // Info, how to e commenti

Laxirya

Posted on 1/11/2015, 14:56 by: Laxirya

User deleted

Come una carta d'identità, ma per soli videogiocatori Pickaquestiani!
Questa iniziativa nasce come modo per unire tutte le informazioni riguardanti le nostre esperienze con gli RPG, cose che ci piacciono di questo genere e... beh, forse anche qualcosa in più tra qualche tempo.

Ma quale miglior modo di presentare questa iniziativa se non con un esempio? Qui sotto potete vedere una Gamer ID vuota ~~in tutto il suo splendore~~, uguale uguale a quella che potrete riempire anche voi. Ne volete una? E allora leggete le istruzioni che trovate sotto spoiler e andate a postare la vostra scheda qui. Ovviamente potete modificarla quando vi pare, ogni volta che avete un'informazione da aggiornare!

VOSTRO NICK

Spazio Account

inforpg playedolimpo degli rpg

→Primo RPG: ///
→Sviluppatori preferiti: ///
→Console Preferita: ///
→Gaming Habits: ///
→Compositori preferiti: ///
→Doppiatori preferiti: ///

♥ Like: ///
✖ Don't like: ///

CONSOLE 1

GIOCHI

CONSOLE 2

ALTRI GIOCHI

General

→RPG preferito in assoluto: ///
→RPG preferito per la trama: ///
→RPG preferito per il gameplay: ///
→RPG preferito per il cast di personaggi: ///
→RPG preferito per ambientazione/lore: ///
→RPG preferito per la soundtrack: ///
→RPG preferito per nostalgia portami via: ///

Characters

→Protagonista maschile preferito: ///
→Protagonista femminile preferito: ///
→Silent Protagonist preferito: ///
→Personaggio secondario preferito: ///
→Antagonista preferito: ///
→NPC preferito: ///
→Top husbando: ///
→Top waifu: ///
→Mascotte preferita: ///
→Coppie preferite (max 5): ///

OST

→Opening preferita: ///
→Battle Theme preferita: ///
→Dungeon OST preferita: ///
→World Map OST preferita: ///
→Boss Battle Theme preferita: ///
→OST "feels" preferita: ///
→Final Boss Battle Theme preferita: ///
→Ending preferita: ///

SPOILER (clicca per visualizzare)

[spoiler_tag]Guida alla compilazione della scheda passo a passo[/spoiler_tag]Benvenuti in questa "breve" guida sulla compilazione del vostro RPG Gamer ID!
Visto che ~~grazie Blogfree~~ non posso usare altri linguaggi che non siano HTML e CSS il codice della scheda è bruttino e non particolarmente user friendly, quindi io sono qui per farvi da guida in questo mare di maggiori, minori, punti e virgola e doppi apici.

CODICE

<div align="center"><div style="display:block; width: 500px; background-color: white; padding: 5px; border: 2px black solid">
<hr>
<div style="float: right; margin-right: 10px"><img style="width: 100px; height: 100px; border: 2px black solid" src="LINK ICON"></div><div style="overflow:hidden; width: 350px; height: 106px;">

<div style="border-radius: 2px; background-color: #E0E0E0; text-align: center; font-family: georgia; font-size: 20pt; color: #000; text-shadow: 1px 0px 2px gray; letter-spacing: 3px; text-transform: uppercase; line-height: 90%;">VOSTRO NICK</div><div style="font-family: arial; font-size: 11px; color: #363636">Spazio Account</div></div>
<hr><hr>
<span style="width: 100px; height: 20px; text-align:center; background-color:#000;padding-top: 3px; text-transform:uppercase; font: 10pt arial; padding: 4px; border-radius: 2px"><a href="#1">[color=#fff]info[/color]</a></span><span style="width: 100px; height: 20px; text-align:center; background-color:#000; padding-top:3px; text-transform:uppercase; font: 10pt arial; padding: 4px; border-radius: 2px; margin-left: 3px"><a href="#2">[color=#fff]rpg played[/color]</a></span><span style="width: 100px; height: 20px; text-align:center; background-color:#000; padding-top:3px; text-transform:uppercase; font: 10pt arial; padding: 4px; border-radius: 2px; margin-left: 3px"><a href="#3">[color=#fff]olimpo degli rpg[/color]</a></span>

<hr><hr><div style="overflow: hidden; width:485px; height: 200px; margin-left: 3px"><a id="1"></a><div style="overflow:hidden; width: 485px"><div style="overflow-y:auto; background-color: #fff; width: 485px; height: 200px; text-align: justify; font-family: arial; font-size: 11px; color: #363636"><span style="text-transform: uppercase"><b>→Primo RPG:</b></span> ///
<span style="text-transform: uppercase"><b>→Sviluppatori preferiti:</b></span> ///
<span style="text-transform: uppercase"><b>→Console Preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Gaming Habits:</b></span> ///
<span style="text-transform: uppercase"><b>→Compositori preferiti:</b></span> ///
<span style="text-transform: uppercase"><b>→Doppiatori preferiti:</b></span> ///
<hr>
<div style="text-align: center; font-size: 10pt">[color=green]♥[/color] <span style="text-transform: uppercase"><i><b>Like</b></i></span>: ///
[color=red]✖[/color] <span style="text-transform: uppercase"><i><b>Don't like</b></i></span>: ///</div></div></div>

<a id="2"></a><div style="overflow:hidden; width: 485px"><div style="overflow-y:auto; background-color: #fff; width: 485px; height: 200px; text-align: justify; font-family: arial; font-size: 11px; color: #363636"><div style="text-align: center; font-size: 12pt; letter-spacing: 3px; text-transform: uppercase; "><b>CONSOLE 1</b></div> GIOCHI

<div style="text-align: center; font-size: 12pt; letter-spacing: 3px; text-transform: uppercase; "><b>CONSOLE 2</b></div> ALTRI GIOCHI

</div></div>

<a id="3"></a><div style="overflow:hidden; width: 485px"><div style="overflow-y:auto; background-color: #fff; width: 485px; height: 200px; text-align: justify; font-family: arial; font-size: 11px; color: #363636"><div style="text-align: center; font-size: 12pt; letter-spacing: 3px; text-transform: uppercase; "><b>General</b></div><span style="text-transform: uppercase"><b>→RPG preferito in assoluto:</b></span> ///
<span style="text-transform: uppercase"><b>→RPG preferito per la trama:</b></span> ///
<span style="text-transform: uppercase"><b>→RPG preferito per il gameplay:</b></span> ///
<span style="text-transform: uppercase"><b>→RPG preferito per il cast di personaggi:</b></span> ///
<span style="text-transform: uppercase"><b>→RPG preferito per ambientazione/lore:</b></span> ///
<span style="text-transform: uppercase"><b>→RPG preferito per la soundtrack:</b></span> ///
<span style="text-transform: uppercase"><b>→RPG preferito per nostalgia portami via:</b></span> ///
<hr><div style="text-align: center; font-size: 12pt; letter-spacing: 3px; text-transform: uppercase; "><b>Characters</b></div><span style="text-transform: uppercase"><b>→Protagonista maschile preferito:</b></span> ///
<span style="text-transform: uppercase"><b>→Protagonista femminile preferito:</b></span> ///
<span style="text-transform: uppercase"><b>→Silent Protagonist preferito:</b></span> ///
<span style="text-transform: uppercase"><b>→Personaggio secondario preferito:</b></span> ///
<span style="text-transform: uppercase"><b>→Antagonista preferito:</b></span> ///
<span style="text-transform: uppercase"><b>→NPC preferito:</b></span> ///
<span style="text-transform: uppercase"><b>→Top husbando:</b></span> ///
<span style="text-transform: uppercase"><b>→Top waifu:</b></span> ///
<span style="text-transform: uppercase"><b>→Mascotte preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Coppie preferite (max 5):</b></span> ///
<hr><div style="text-align: center; font-size: 12pt; letter-spacing: 3px; text-transform: uppercase; "><b>OST</b></div><span style="text-transform: uppercase"><b>→Opening preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Battle Theme preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Dungeon OST preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→World Map OST preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Boss Battle Theme preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→OST "feels" preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Final Boss Battle Theme preferita:</b></span> ///
<span style="text-transform: uppercase"><b>→Ending preferita:</b></span> ///
</div></div>

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

Innanzi tutto ecco qui il codice completo e completamente spoglio.

La prima cosa da inserire è l'icon che, come vedete nell'esempio mostrato dalla mia scheda si troverà di fianco al nick. Cercate nelle prime righe src="LINK ICON" e sostituite alla parola "LINK ICON" l'url della vostra icon (non cancellate i doppi apici però!). Mi raccomando, che sia di dimensioni 100x100, altrimenti si deforma.
Se volete una icon tutta per voi e non sapete come fare a crearla, potete richiederla nella sezione delle richieste grafiche.
Per ora molto semplice.
Andiamo avanti.

Il prossimo passo è il nick: appena sotto il codice per l'icon troverete questa parte

HTML

<div style="border-radius: 2px; background-color: #E0E0E0; text-align: center; font-family: georgia; font-size: 20pt; color: #000; text-shadow: 1px 0px 2px gray; letter-spacing: 3px; text-transform: uppercase; line-height: 90%;">VOSTRO NICK</div><div style="font-family: arial; font-size: 11px; color: #363636">Spazio Account</div></div>

Vedete la scritta in maiuscolo? Lì andrà il vostro nick. Dove invece vedete scritto "Spazio Account" potete aggiungere tutti i vostri account videoludici: Steam, PSN, Xbox Live, Codice Amico 3DS... chi più ne ha più ne metta!

Ora andiamo alla compilazione delle varie schedine!
Qui la storia si fa un po' complicata. Date la colpa a Blogfree però.

Vi spiego: per la corretta funzionalità delle schede ognuna di esse deve avere un ID differente. E con ID differente intendo differente anche dagli altri Gamer ID che stanno nella stessa pagina.
Quindi dovremo cambiare i vari id sia ai pulsanti che alle schede stesse per fare in modo che ci sia una corrispondenza univoca.
Ecco come fare!

Dopo la parte con il nick e due tag hr dovrebbe iniziare una lunga parte che inizia con '<span style="blablabla' cercate gli < a href=" "> nel quale, dentro ai doppi apici, dovrebbe esserci un cancelletto e un numero. Sostituite il numero col vostro ID personalizzato che, consiglio mio, potrebbe essere anche solo il vostro nick seguito da un numero (nel mio caso laxy1, laxy2 e laxy3). NON CANCELLATE IL CANCELLETTO!

Ora dobbiamo cambiare anche quello delle schede. Cercate gli < a id=" "> (il primo si trova nella riga che inizia con due tag hr seguito da un tag div, gli altri due sono all'inizio delle rispettive righe) e inserite al posto dei numeri che sono presenti i vostri tag (ovviamente in ordine e, stavolta, senza cancelletto).
Ora le vostre schede dovrebbero essere funzionanti. Se non avete capito il procedimento o non volete rischiare di fare danni, postate la vostra scheda così com'è, coi numerini predefiniti, presto arriverà Laxy, o chi per lei, ad aggiustare il tutto.

Ottimo, ora si inizia a compilare le schede!
La prima contiene le info più generali. Scrivete le vostre risposte dove trovate le ///.
Qualche chiarimento sui vari campi:
Primo RPG → Questo si capisce, o sbaglio?
Sviluppatori preferiti → Le software house (che creano RPG, chiaramente) che più vi piacciono. Quelle di cui comprereste i giochi a scatola chiusa o quasi, insomma.
Console preferita → non ha bisogno di spiegazioni
Gaming Habits → per questo campo porterò gli esempi di Ali mentre spiegava l'idea a me "per esempio: gioco solo da portatile; gioco tanti giochi contemporaneamente; platino tutto - ciao Fayth - etc"
Compositori preferiti → anche questa si capisce. Magari limitatevi ai compositori che hanno fatto almeno una soundtrack per gli RPG, ecco.
Doppiatori preferiti → inglesi, giapponesi, anche italiani se volete (ciao Mass Effect e Lost Odyssey)

Dopodiché poco più sotto ci saranno i campi LIKE e DON'T LIKE. Qui potete inserire i sottogeneri di RPG che vi piacciono (al posto dei /// dopo Like, ovviamente) e quelli che non vi piacciono (stessa cosa ma dopo Don't like).

Passiamo alla scheda numero due, forse quella più complicata (ma non complicata quanto il meccanismo di cambio di scheda, dai) perché, hey, io non lo so quali console avete a casa!
Il codice, fondamentalmente, è questo:

HTML

<div style="text-align: center; font-size: 12pt; letter-spacing: 3px; text-transform: uppercase; "><b>CONSOLE</b></div> GIOCHI

Ovviamente nel campo in cui c'è scritto console andrà il nome della console e dove c'è scritto giochi la lista degli RPG giocati su quella piattaforma. Nella scheda generica potete trovare già i campi per due console (in una c'è scritto console 1 e nell'altra console 2, dovreste riuscire a trovarli facilmente), ma siccome scommetto che avrete bisogno anche di altri campi per altre console, copiate il codice che ho scritto sopra, andate dopo l'ultima lista di giochi che avete scritto, andate a capo due volte e incollate.
Capito tutto? Spero di sì, perché meglio non saprei spiegarvi.
Io personalmente ho scritto solo gli RPG conclusi, ma voi potete fare un po' come preferite!

Scheda numero 3, tornano le cose facili! Talmente facili che forse non c'è nemmeno bisogno che vi spieghi i campi. Come per la prima scheda, scrivete le vostre risposte al posto di ///.
Se la risposta è "nessuno" potete anche cancellare il campo o lasciarlo vuoto, ovviamente.

Fatto tutto? Bravissimi, avete completato con successo il tutorial per la composizione del vostro Gamer ID!

7 replies since 1/11/2015, 14:56 899 views