#portfolio scheme 9

« Older Newer »

wayfarër

Posted on 19/2/2017, 15:43

Senior Member
★★★★★★★

Group: swan queen

Posts: 15,423

Reputation: +79

Status: ✘

Portfolio scheme 9
(requested)

>E' vietato rimuovere i crediti in fondo al codice
>Non può essere modificato lo schema e la struttura del codice
>Per prelevare chiedete il code in bacheca, o al mio contatto blogfree xxx
>Potete cambiare i colori senza alcun problema
>Se volete delle colorazioni in particolare vi basta richiederle in questo stesso topic, specificando ogni parte (es.bordo,background,titolo...)
>In caso di problemi segnalatelo nell'apposito topic in sezione

BREVE TUTORIAL

Se volete ripetere il codice più volte in uno stesso topic, dovrete fare una piccola modifica per ogni personaggio. Ora vi spiego di cosa si tratta.
Nel codice dove trovate le figure della corona, stella e così via, sono segnati degli id. Questi servono per collegare il bottone al riquadro centrale. A questo punto, per far si che ogni bottone si colleghi al riquadro giusto, restando indipendente dai codici degli altri pg, dovete cambiarlo ogni volta.
Per semplicità potete guardare questa figura xxx1. Quelli cerchiati sono gli id. Se ci fate caso, tra il primo codice e il secondo, essi cambiano. Abbiamo one nella codice di sinistra e one1 nel codice di destra.
A questo punto, una volta cambiati gli id accanto ai simboli, dovete fare in modo che essi si ricolleghino al riquadro. Ognuno di essi è infatti preceduto da un id (guarda figura xxx2).
Dunque, dovete far si che vi sia corrispondenza di id tra bottone e riquadro di uno stesso personaggio, e che tale corrispondenza cambi nel code del pg successivo.
Se avete domande, fatele pure qui sotto : )

NOME COGNOME PERSONAGGIO

quote quote quote quote quote quote

→ AGE

lalala

→ JOB

lalala

→ STATUS

lalala

→ HOUSE

lalala

→ SOCIAL

lalala

→ SHEET

lalala

Nome cognome pg ► testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo

◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg
◈ luogo » titolo role wt nome pg

♛

★

✓

✖

portfolio code by lisa

CODICE

CODICE

<div align="center"><table style="color: #333; font-family: georgia; font-size: 10px; text-align: justify; line-height: 10px; width: 550px">

<tr>
<td><div style="background-color: #fff; width:265px; border: 4px solid #c7bcc6 ">
<div style=" border-bottom: 2px solid #937d83; width: 255px; padding-bottom: 6px;font-family: georgia; text-transform: lowercase; font-size: 19px; letter-spacing: 0px; color: #937d83; text-shadow: 1px 1px 1px #3b1923; text-align: center; line-height: 8px ">NOME COGNOME PERSONAGGIO</div> <img style="padding: 5px; width: 250px " src="http://68.media.tumblr.com/260dc328bb79c4440e36dd8ed208ea84/tumblr_okoqtao2qP1vn4g1ao2_1280.gif">
<div style="font-family: georgia; text-transform: lowercase; font-size: 11px; letter-spacing: 0px; color: #937d83; text-shadow: 1px 1px 1px #937d83; text-align: center; line-height: 13px ">quote quote quote quote quote quote</div>
<table>

<tr>
<td><div style="font-family: georgia; font-size: 23px; color: #523133; text-align:center; text-transform: uppercase; letter-spacing: 1px; padding: 10px; border: 1px solid #dcb883"> <a href="#one" style="color: #dcb883">♛</a> </div></td>
<td><div style="font-family: georgia; font-size: 23px; color: #3b1923; text-align:center; text-transform: uppercase; letter-spacing: 1px; padding: 10px; border: 1px solid #dcb883"><a href="#two" style="color: #dcb883">★</a></div></td>
<td><div style="font-family: georgia; font-size: 23px; color: #d0bf9f; text-align:center; text-transform: uppercase; letter-spacing: 1px; padding: 10px; border: 1px solid #dcb883"><a href="#three" style="color: #dcb883"><b>✓</b></a></div></td>
<td><div style="font-family: georgia; font-size: 23px; color: #d0bf9f; text-align:center; text-transform: uppercase; letter-spacing: 1px; padding: 10px; border: 1px solid #dcb883"><a href="#four " style="color: #dcb883">✖</a></div></td><div style="width:250px; height:150px; overflow: hidden;"> <a id="one"></a><div style="display: block; background-color: #fff; width: 235px; height: 130px; border: 3px solid #dfd2de; "><div style="overflow: auto; width: 270px; height: 120px; font-family: arial; font-weight: normal; font-size: 12px; text-align: justify; padding: 2px; line-height: 10px; line-height: 11px; margin-top: 1px"><div style="padding: 5px; background: #d6e4e8; margin-bottom: 2px; width: 220px; float: left">[color=#8ca5bc] <b>→ AGE</b>[/color]<div style="float: right">lalala</div></div>
<div style="padding: 5px; background: #e9f1f3; margin-bottom: 2px; width: 220px; float: left">[color=#8ca5bc] <b>→ JOB</b>[/color]<div style="float: right">lalala</div></div>
<div style="padding: 5px; background: #d6e4e8; margin-bottom: 2px; width: 220px; float: left">[color=#8ca5bc] <b>→ STATUS</b>[/color]<div style="float: right">lalala</div></div>
<div style="padding: 5px; background: #e9f1f3; margin-bottom: 2px; width: 220px; float: left">[color=#8ca5bc] <b>→ HOUSE</b>[/color]<div style="float: right">lalala</div></div>
<div style="padding: 5px; background: #d6e4e8; margin-bottom: 2px; width: 220px; float: left">[color=#8ca5bc] <b>→ SOCIAL</b>[/color]<div style="float: right">lalala</div></div>
<div style="padding: 5px; background: #e9f1f3; margin-bottom: 2px; width: 220px; float: left">[color=#8ca5bc] <b>→ SHEET</b>[/color]<div style="float: right">lalala</div></div>
</div></div>

<a id="two"></a><div style="display: block; background-color: #fff; width: 235px; height: 130px; border: 3px solid #dfd2de; "><div style="overflow: auto; width: 270px; height: 120px; font-family: arial; font-weight: normal; font-size: 12px; text-align: justify; padding: 2px; line-height: 10px; line-height: 11px; margin-top: 1px"> <div style="float: left; margin-right: 3px"><img style="width: 50px; " src="http://68.media.tumblr.com/1d1618be0d41efe1e9b7cd314e09eb59/tumblr_inline_nrfs77H8r91twc3od_500.gif"></div> <div style=" height: 50px; overflow: auto; width: 155px; margin-right: 50px">[color=#8ca5bc]<b>Nome cognome pg ►</b>[/color] testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</div>
<div style="float: left; margin-right: 3px"><img style="width: 50px; " src="http://68.media.tumblr.com/1f9b6432bc7635352aef6c3c5a5279b6/tumblr_inline_nrj8ibmhRy1twc3od_500.gif"></div> <div style=" height: 50px; overflow: auto; width: 155px; margin-right: 50px">[color=#8ca5bc]<b>Nome cognome pg ►</b>[/color] testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</div>
<div style="float: left; margin-right: 3px"><img style="width: 50px; " src="http://66.media.tumblr.com/062ba5700b19baddb911fa70bfa87b63/tumblr_muxcfvIdLJ1rg559so8_250.gif"></div> <div style=" height: 50px; overflow: auto; width: 155px; margin-right: 50px">[color=#8ca5bc]<b>Nome cognome pg ►</b>[/color] testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo</div>
</div></div>

<a id="three"></a><div style="display: block; background-color: #fff; width: 235px; height: 130px; border: 3px solid #dfd2de; "><div style="overflow: auto; width: 230px; height: 120px; font-family: georgia; font-weight: normal; font-size: 12px; text-align: justify; padding: 2px; line-height: 10px; line-height: 14px; margin-top: 1px"><div style="padding:5px"> ◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#8ca5bc]titolo role[/color][/URL] <i>wt</i> nome pg
</div></div></div>

<a id="four"></a><div style="display: block; background-color: #fff; width: 235px; height: 130px; border: 3px solid #dfd2de; "><div style="overflow: auto; width: 230px; height: 120px; font-family: georgia; font-weight: normal; font-size: 12px; text-align: justify; padding: 2px; line-height: 10px; line-height: 14px; margin-top: 1px"><div style="padding:5px"> ◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg
◈ luogo » [URL=http://"%20target=][color=#dcb883]titolo role[/color][/URL] <i>wt</i> nome pg</div></div></div>
</tr>

</table>
</div></div></div></table></div></div><div style="font-style: georgia; text-align: center"> portfolio code by [URL=https://lisaportfolio.forumcommunity.net/]lisa[/URL]</div>

Edited by wayfarër - 19/2/2022, 15:02

0 replies since 19/2/2017, 15:43 619 views