Tabella

Posted on 20/2/2018, 10:18

Advanced Member
◆◆◆◆◆◆

Group: Member

Posts: 7,058

Reputation: +4

Status: Anonymous

• Link forum/profilo utente | Besaid Gdr
• Tipo di lavoro richiesto | una tabella per la homepage
• Struttura della richiesta | allur, Six dovrebbe passarti uno schizzo che ho realizzato, ma l'idea sarebbe di sei celle, tre e tre. La prima sarebbe un'immagine o gif, sei riquadri/immagini rappresentative dei pg (es.)/con collegamento allo staff ed al topic di ricerca staff, uno spaizo per il banner e subito sotto magari un mini testo che avvisi che se ne vogliono altri basta andare "qui", poi sotto l'immagine iniziare partono le altre tre celle: la prima con un testo con scrollbar per la trama del forum, la seconda cella due icone per il gruppo telegram e gruppo skype -Six mi diceva "testo a comparsa" ma sentila un attimo °///° - ed infine nella terza e ultima cella 9 quick links.
• Scritte | vedi sopra
• Colori + altro | Per questioni di tempo mi piacerebbe che i testi contenuti nella tabella riprendessero di volta in volta i colori di testo delle skin, in modo che si aggiornino automaticamente. Tenendo conto di questo direi che ad ogni cambio di grafica le uniche cose che penso dovrei cambiare di volta in volta sono l'immagine/gif principale, eventualmente il banner, ed i colori dei quick links in modo che si abbinino alla skin applicata.

Edited by requiem› - 3/3/2018, 02:13

Posted on 20/2/2018, 13:05

Group: Witch queen

Posts: 5,943

Reputation: +160

Location: Fhirdiad

Status: Anonymous

Perfetto, preso in visione! Ho anche già sentito Six che mi ha spiegato tutto, e non c'è problema.
A breve comincio a lavorarci ♥

Posted on 20/2/2018, 14:07

Advanced Member
◆◆◆◆◆◆

Group: Member

Posts: 7,058

Reputation: +4

Status: Anonymous

Sei un flash, come lei, grazie mille davvero *__*
Fai pure con comodo, mi piacerebbe poterla inserire a inizio marzo ma ovviamente solo se compatibile con le altre tue richieste/role/impegni, altrimenti aspetto tutto il tempo necessario :3

Posted on 20/2/2018, 14:12

Group: Witch queen

Posts: 5,943

Reputation: +160

Location: Fhirdiad

Status: Anonymous

Grazie a te per averla richiesta, sono felicissima *^*
Guarda, in questi giorni finisco la tabella che ho per lei e lavoro alla tua. A inizio Marzo sarà difficile (ci provo ma non ti prometto nulla) ma penso che, a meno che non succedono casini incredibili, per metà, massimo fine Marzo dovrei riuscire a farla, se non è un problema ♥

Posted on 20/2/2018, 14:27

Advanced Member
◆◆◆◆◆◆

Group: Member

Posts: 7,058

Reputation: +4

Status: Anonymous

Assolutamente nessun problema, davvero, anzi sono a mia volta felice che tu sia felicissima (che scioglilingua xD).
Grazie intanto per aver preso subito visione della richiesta, per la tua disponibilità ed entusiasmo. I aspetto e nulla, per il momento ti ringrazio e ti auguro un buon pomeriggio :*

Posted on 26/2/2018, 17:36

Group: Witch queen

Posts: 5,943

Reputation: +160

Location: Fhirdiad

Status: Anonymous

Ed eccomi qua! Alla fine ce l'ho fatta per quando ti serviva (?) pensavo sarebbe stato più complicato, invece alla fine è stato più facile del previsto (?)

Qui c'è il link per il forum di prova. Ho fatto alcune modifiche rispetto al layout originale: ho messo le celle per le citazioni (mi sembravano davvero carine e mi dispiaceva toglierle, ma nel caso ci metto davvero poco a tirarle via) e nei link utili al posto di staff ho messo contest perché il link per la discussione della ricerca staff è nella cella dedicata allo staff: cliccando sulle immagini con il punto di domanda si va direttamente a quella discussione lì. In ogni caso, anche qui se vuoi comunque il link nei link utili ci metto un attimo a spostarlo senza problemi!

Fammi sapere se ti piace! Appena mi dai l'ok ti mando css e html ♥

Posted on 27/2/2018, 14:20

Advanced Member
◆◆◆◆◆◆

Group: Member

Posts: 7,058

Reputation: +4

Status: Anonymous

Perdona il ritardo ma non mi era arrivata la notifica e non ne capisco il motivo.
Ad ogni modo non solo sei stata rapidissima, ma hai realizzato una tabella che è esattamente come avevo sperato che fosse, se non più bella delle mie aspettative. Onestamente non credo di avere alcun tipo di modifica da richiederti, quelle che hai apportato sono ottime e al massimo nei Quick Links rimetterò i vecchi collegamenti e ordine per comodità, essendomici ormai abituata.
Grazie mille, davvero, per il tempo speso per la richiesta e per il bellissimo lavoro fatto <3

Posted on 27/2/2018, 14:28

Group: Witch queen

Posts: 5,943

Reputation: +160

Location: Fhirdiad

Status: Anonymous

Blogfree che non manda le notifiche, lo fa spesso anche a me x.x
Ma figurati, nessun problema! Mi ci sono divertita e anzi, grazie a te per averla richiesta!
Ho già inviato a Six i codici, ma in ogni caso te li metto anche qui così puoi prelevarli e salvarteli se dovessero servirti. In ogni caso, per qualsiasi problema non esitare a mandarmi un mp o a scrivermi su Telegram (mi trovi come @LullabyPotter) ♥

SPOILER (clicca per visualizzare)

In cima al forum

HTML

<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Oswald">

Nella homepage

HTML

<table class="skin_tbl" align="center" cellpadding="0" cellspacing="0"><tr><td class="mleft_top"></td><td><table class="mback" width="100%" cellpadding="0" cellspacing="0"><tr><td class="mback_left"></td><td class="mback_center">

</td><td class="mback_right"></td></tr></table></td><td class="mright_top"></td></tr><tr><td class="mleft"></td><td><table class="mainbg" style="text-align:center;width:100%" cellpadding="4" cellspacing="1">

<tr>
<td class="ww" colspan="3"><div class="tablequote">« The time we had together, we stole. I cheated fate to be with you, but we did and i would not change it for the world »</div></td>
</tr>

<tr>
<td class="ww"><div class="imgtable"><img src="https://i.imgur.com/uoHzQsN.png"></div></td>
<td class="aa"><a class="staff" href="http://besaid.forumcommunity.net/?act=Profile&MID=6914787" target="_blank"><img class="imgstaff" src="https://cdn0.iconfinder.com/data/icons/octicons/1024/mark-github-24.png"><span><img src="https://i.imgur.com/BU6Qzif.jpg"> Enigma; Ila - admin</span></a><a class="staff" href="http://besaid.forumcommunity.net/?act=Profile&MID=10954906" target="_blank"><img class="imgstaff" src="https://cdn0.iconfinder.com/data/icons/octicons/1024/mark-github-24.png"><span><img src="https://i.imgur.com/y2AAU7e.jpg"> Comet Marty - admin</span></a><a class="staff" href="http://besaid.forumcommunity.net/?act=Profile&MID=2954900" target="_blank"><img class="imgstaff" src="https://cdn0.iconfinder.com/data/icons/octicons/1024/mark-github-24.png"><span><img src="https://i.imgur.com/lGb8NmR.jpg"> ƒiordaliso Ella - admin</span></a> <a class="staff" href="http://besaid.forumcommunity.net/?act=Profile&MID=2219656" target="_blank"><img class="imgstaff" src="https://cdn0.iconfinder.com/data/icons/octicons/1024/mark-github-24.png"><span><img src="https://i.imgur.com/Ax7Wv8t.jpg"> .Souseiseki. Ire - mod. globale</span></a><a class="staff" href="http://besaid.forumcommunity.net/?t=60422030" target="_blank"><img class="imgstaff" src="https://cdn2.iconfinder.com/data/icons/significon-social/512/Significon-Github-24.png"><span><img src="https://i.imgur.com/zEesTVR.png"> Besaid need you!</span></a><a class="staff" href="http://besaid.forumcommunity.net/?t=60422030" target="_blank"><img class="imgstaff" src="https://cdn2.iconfinder.com/data/icons/significon-social/512/Significon-Github-24.png"><span><img src="https://i.imgur.com/zEesTVR.png"> Besaid need you!</span></a></td>
<td class="ww"><div class="morebanner"><a href="http://besaid.forumcommunity.net/"target="_blank"><img src="https://i.imgur.com/LexdCaI.png"></a></div><div class="textbanner">Do you want more? ☇ <a href="http://besaid.forumcommunity.net/?t=60422061">get it!</a></div></td>
</tr>

<tr>
<td class="ww" colspan="3"><div class="tablequote">« Sometimes the world we have is not the world we want. But we have our hearts and our imaginations to make the best of it »</div></td>
</tr>

<tr>
<td class="ww"><div class="trama"><div style="float: left; margin-right: 1px" class="besaid"><span style="font-family: 'Oswald', sans-serif;
">BESAID</span></div> è una ridente cittadina situata nel cuore della Norvegia, a circa una quarantina di minuti da Bergen. E' soprattutto un importante centro amministrativo ed industriale, un luogo che nonostante le ristrette dimensioni offre di tutto per tutte la fasce d'età. Ma il turismo non è di certo incentivato dalla popolazione che, al contrario, cerca di limitarlo e di tenere lontani eventuali visitatori. Perchè i cittadini di Besaid hanno un segreto, custodito gelosamente per generazioni. Chi vi nasce possiede una particolarità che non può scegliere e con la quale deve necessariamente imparare a convivere poiché non lo lascerà mai, a meno che non abbandoni la città. Ma il prezzo da pagare per chi si abbandona a questa scelta è alto, difatti la persona in questione perderà si la sua particolarità, ma anche ogni memoria che ha del suo tempo trascorso a Besaid. Anche negli ignari forestieri nel momento esatto in cui giungono nel bosco a nord, calpestano la spiaggia ad est o si perdono nelle strade della città, automaticamente sorgerà qualcosa che li renderà unici, nel bene o nel male. Ecco qual'è il prezzo da pagare per addentrarsi in questo apparente paradiso terrestre. › <a href="http://besaid.forumcommunity.net/?t=60422728">leggi l'intera storyline</a></div></td>
<td class="aa"><a class="social" href="link" target="_blank"><img class="imgsocial" src="https://cdn3.iconfinder.com/data/icons/free-social-1/60/Telegram-48.png"><span><img src="https://cdn0.iconfinder.com/data/icons/tuts/128/telegram.png"> Join us!</span></a> <a class="social" href="link" target="_blank"><img class="imgsocial" src="https://cdn3.iconfinder.com/data/icons/capsocial-round/500/skype-48.png"><span><img src="https://cdn3.iconfinder.com/data/icons/capsocial-round/500/skype-128.png"> Contatta lo staff!</span></a></td>
<td class="ww"><div class="linkbg"><div class="linkutili"><a href="http://besaid.forumcommunity.net/?f=9002780">start</a></div><div class="linkutili"><a href="http://besaid.forumcommunity.net/?t=60422035">rules</a></div><div class="linkutili"><a href="http://besaid.forumcommunity.net/?t=60420711">aiuto</a></div> <div class="linkutili"><a href="http://besaid.forumcommunity.net/?t=60421987">volti</a></div><div class="linkutili"><a href="http://besaid.forumcommunity.net/?t=60420730">leave</a></div><div class="linkutili"><a href="http://besaid.forumcommunity.net/?t=60422040">up</a></div> <div class="linkutili"><a href="http://besaid.forumcommunity.net/?f=9002878">spam</a></div><div class="linkutili"><a href="http://besaid.forumcommunity.net/?t=60422048">aff.</a></div><div class="linkutili"><a href="http://besaid.forumcommunity.net/?f=9006559">cont.</a></div></div></td>
</tr>

</table></td><td class="mright"></td></tr><tr><td class="mleft_bottom"></td><td><table class="msub" width="100%" cellpadding="0" cellspacing="0"><tr><td class="msub_left"></td><td class="msub_center"> </td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table>

Colori e stili

HTML

/*Besaid table by requiem› */

/*Citazioni*/
.tablequote {text-transform: uppercase; font-size: 10px; text-align: center}

/*Immagine*/

.imgtable {width: 450px; height: 80px; border: 2px solid #000; border-radius: 5px}

/*Staff - thanks to http://blooddominium.forumfree.it/?t=46726171*/

.staff {position: relative; z-index: 0}

.staff:hover {background-color: transparent; z-index: 9}

.staff span {/*CSS for enlarged image*/
position: absolute; background-color: #202020; padding: 10px; left: 10px; border: 1px solid #000; visibility: hidden; color: black; text-align: center; text-decoration: none; width: 200px; line-height: 20px}

.staff span img {/*CSS for enlarged image*/
border-width: 0}

.staff:hover span {/*CSS for enlarged image on hover*/
visibility: visible; display: block; top: 15px; right: 10px; color: #FBFBFB}

.imgstaff {width: 24px; height: 24px; border-radius: 100%; background-color: #FBFBFB; padding: 2px; margin-top: 3px; margin-left: 10px}

/*Banner*/

.morebanner {width: 200px; border: 2px solid #202020}

.textbanner {background-color: #202020; border: 2px solid #000; width: 195px; height: 10px; text-align: center; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; padding: 3px; margin-top: 3px}

/*Trama*/

.besaid {font-style: georgia; font-size: 12px; color: #FBFBFB; text-shadow: 0 0 6px #000; letter-spacing: 6px}

.trama {width: 450px; height: 70px; overflow: auto; text-align: justify; line-height: 12px; font-style: georgia; font-size: 12px; padding: 3px; margin-bottom: 5px}

/*Social - thanks to thanks to http://blooddominium.forumfree.it/?t=46726171*/

.social {position: relative; z-index: 0}

.social:hover {background-color: transparent; z-index: 9}

.social span {/*CSS for enlarged image*/
position: absolute; background-color: #202020; padding: 10px; left: 10px; border: 1px solid #000; visibility: hidden; color: black; text-align: center; text-decoration: none; width: 128px; line-height: 20px; padding: 5px}

.social span img {/*CSS for enlarged image*/
border-width: 0}

.social:hover span {/*CSS for enlarged image on hover*/
visibility: visible; display: block; top: 15px; right: 10px; color: #FBFBFB}

.imgsocial {width: 48px; height: 48px; border: 2px solid #FBFBFB; border-radius: 100%; padding: 2px; margin-top: 3px; margin-left: 10px}

/*Quick links*/

.linkbg {width: 225px}

.linkutili {float: left; border: 2px solid #000; background-color: #202020; width: 60px; height: 10px; text-transform: uppercase; letter-spacing: 0; padding: 4px; font-size: 11px; text-align: center; margin-bottom: 3px; margin-right: 3px}

.linkutili:hover {display: block; background-color: #0B0B0B; border: 2px solid #FFF; border-bottom: 2px solid #FFF}

/*Fine tabella*/

Credits

HTML