Codici HTML per il sito
Trucchi e segreti


1. Premessa

In questa pagina si potrà trovare una breve raccolta di alcuni codici utili HTML utili per la creazione di alcuni elementi e tabelle. 

2. Barra orizzontale con doppia linea


<hr style="border:1px dashed rgb(182,170,153)">
<div style="background-color:#b6aa99"><b>xx</b></div>
<hr style="border:1px dashed rgb(182,170,153)">


3. Per approfondire


<table cellspacing="0" width="100%">
<tbody>
<tr bgcolor="#766962">
<td>
<img border="0" height="148" src="https://sites.google.com/site/vocedeigiusti/_/rsrc/1377942899453/home/ricorsi/siwoti-cat%5B1%5D.jpg?height=148&amp;width=200" width="200">
</td>
<td width="100%"><font color="#fff2cc" size="2"><b>PER Approfondire</b></font><br>
<ul><li><span style="font-weight:normal"><a href="https://sites.google.com/site/vocedeigiusti/home/iii-fascia-abilitata-all-insegnamento" target="_blank"><font color="#fff2cc">III fascia abilitata all'insegnamento</font></a>;</span></li>
<li><span style="font-weight:normal"><a href="https://sites.google.com/site/vocedeigiusti/home/diploma-magistrale-abilitante" target="_blank"><font color="#fff2cc">Diploma magistrale Abilitante</font></a>;</span></li>
<li><span style="font-weight:normal"><a href="https://sites.google.com/site/vocedeigiusti/home/comunicati/iiifasciadistitutoleorigini" target="_blank"><font color="#fff2cc">III fascia: le origini</font></a>;</span></li>
<li><span style="font-weight:normal"><a href="http://www.youtube.com/watch?v=9qrxPyudaZI&amp;feature=share&amp;list=PLU4MCRdsFovsFTjOel6m_4swAFqbP9jbO&amp;index=2" target="_blank"><font color="#fff2cc">I diritti dei precari</font></a>;</span></li></ul>
</td>
</tr>
</tbody>
</table>


4. Comunicati

<table border="0" bordercolor="#888" cellspacing="0" style="border-collapse:collapse;border-color:rgb(136,136,136);border-width:1px" width="100%"> <tbody> <tr> <td bgcolor="#52443c"> <img border="0" src="https://sites.google.com/site/vocedeigiusti/config/pagetemplates/comunicati-lvg/00%20-%20Comunicati%20LVG.jpg?width=100%25" style="display:block;margin-top:5px;margin-right:auto;margin-bottom:0px;text-align:left" width="100%"> <hr style="border:1px solid #b6aa99;color:#b6aa99;background-color:#b6aa99">   <div style="text-align:center"><span style="text-align:center"><span style="color:rgb(243,243,243)"><i><font size="4"><b>Titolo pagina<br> </b></font></i></span></span><span style="text-align:center"><span style="color:rgb(243,243,243)"><i><font size="4"><font size="2">Sottotitolo pagina</font></font></i></span></span></div> <span style="text-align:center"> <hr style="border:1px solid #b6aa99;color:#b6aa99;background-color:#b6aa99"> </span>   </td> </tr> </tbody> </table>  <div> <div> <hr style="border:1px dashed rgb(182,170,153)"> <table border="0" cellspacing="0" style="border-collapse:collapse;border-color:rgb(136,136,136);border-width:1px" width="100%"> <tbody> <tr> <td bgcolor="#b6aa99" width="100%"> <span style="color:rgb(68,68,68)"><b>0.&nbsp;</b></span><br> </td> </tr> </tbody> </table> <hr style="border:1px dashed rgb(182,170,153)"> <br> </div> </div> <div><br> </div> <hr style="border:1px dashed rgb(182,170,153)"> <div style="background-color:#b6aa99"><b>xx</b></div> <hr style="border:1px dashed rgb(182,170,153)"> <div><br> </div> <hr style="border:1px dashed rgb(182,170,153)"> <div style="background-color:#b6aa99"><b>xx</b></div> <hr style="border:1px dashed rgb(182,170,153)"> <div><br> </div> <div><br> </div> <hr style="border:1px dashed rgb(182,170,153)"> <div style="background-color:#b6aa99"><b>xx</b></div> <hr style="border:1px dashed rgb(182,170,153)"> <div><br> </div> <div><br> </div> <hr style="border:1px dashed rgb(182,170,153)"> <div style="background-color:#b6aa99"><b>xx</b></div> <hr style="border:1px dashed rgb(182,170,153)"> <div><br> </div> <hr style="border:1px dashed rgb(182,170,153)"> <div style="background-color:#b6aa99"><b>xx</b></div> <hr style="border:1px dashed rgb(182,170,153)"> <div><br> </div> <table cellspacing="0" width="100%"> <tbody> <tr bgcolor="#766962"> <td> <img border="0" height="148" src="https://sites.google.com/site/vocedeigiusti/_/rsrc/1377942899453/home/ricorsi/siwoti-cat%5B1%5D.jpg?height=148&amp;width=200" width="200"> </td> <td width="100%"><font color="#fff2cc" size="2"><b>PER Approfondire</b></font><br> <ul><li><span style="font-weight:normal"><a href="https://sites.google.com/site/vocedeigiusti/home/iii-fascia-abilitata-all-insegnamento" target="_blank"><font color="#fff2cc">III fascia abilitata all'insegnamento</font></a>;</span></li> <li><span style="font-weight:normal"><a href="https://sites.google.com/site/vocedeigiusti/home/diploma-magistrale-abilitante" target="_blank"><font color="#fff2cc">Diploma magistrale Abilitante</font></a>;</span></li> <li><span style="font-weight:normal"><a href="https://sites.google.com/site/vocedeigiusti/home/comunicati/iiifasciadistitutoleorigini" target="_blank"><font color="#fff2cc">III fascia: le origini</font></a>;</span></li> <li><span style="font-weight:normal"><a href="http://www.youtube.com/watch?v=9qrxPyudaZI&amp;feature=share&amp;list=PLU4MCRdsFovsFTjOel6m_4swAFqbP9jbO&amp;index=2" target="_blank"><font color="#fff2cc">I diritti dei precari</font></a>;</span></li></ul> </td> </tr> </tbody> </table> <div> </div>

5. Inserire nuovo ricorso in pagina ricorsi

<hr style="BORDER-BOTTOM:#b6aa99 1px dashed;BORDER-LEFT:#b6aa99 1px dashed;BORDER-TOP:#b6aa99 1px dashed;BORDER-RIGHT:#b6aa99 1px dashed">

<table border="0" bordercolor="#f0eccd" cellspacing="0" style="BORDER-BOTTOM-COLOR:rgb(136,136,136);BORDER-RIGHT-WIDTH:1px;BORDER-TOP-COLOR:rgb(136,136,136);BORDER-COLLAPSE:collapse;BORDER-TOP-WIDTH:1px;BORDER-BOTTOM-WIDTH:1px;BORDER-RIGHT-COLOR:rgb(136,136,136);BORDER-LEFT-COLOR:rgb(136,136,136);BORDER-LEFT-WIDTH:1px">
<tbody>
<tr>
<td bgcolor="#b6aa99" style="TEXT-ALIGN:left;WIDTH:1026px;HEIGHT:22px">
<div style="MARGIN-LEFT:40px"><span style="COLOR:#52443c"><b><span style="COLOR:rgb(255,255,255)">1a. Rimborso tasse universitarie frequenza TFA e PAS</span></b></span> </div>
</td>
</tr>
</tbody>
</table>
<table border="0" bordercolor="#f0eccd" cellspacing="0" style="BORDER-BOTTOM-COLOR:rgb(136,136,136);BORDER-RIGHT-WIDTH:0px;BORDER-TOP-COLOR:rgb(136,136,136);BORDER-COLLAPSE:collapse;BORDER-TOP-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-COLOR:rgb(136,136,136);BORDER-LEFT-COLOR:rgb(136,136,136);BORDER-LEFT-WIDTH:0px">
<tbody>
<tr>
<td style="WIDTH:199px;HEIGHT:169px">
<div style="TEXT-ALIGN:left;DISPLAY:block"><a href="https://sites.google.com/site/vocedeigiusti/home/ricorsi/z" target="_blank" title="Vai alla pagina di presentazione del ricorso"><img border="0" src="https://sites.google.com/site/vocedeigiusti/home/ricorsi/ricorsi-prova/Small7.jpg"> </a></div>
</td>
<td style="WIDTH:818px;HEIGHT:169px">
<div style="TEXT-ALIGN:left">Il ricorso è rivolto a tutti coloro che hanno frequentato i TFA o che stanno per iscriversi ai PAS o i TFA, e ha l'obiettivo di chiedere direttamente alle università e al MIUR il risarcimento di almeno l'80% delle tasse di iscrizione e di frequenza.<br>
<br>
Secondo il CCNL del comparto scuola infatti, i costi della formazione del personale in servizio dovrebbero essere a carico del datore di lavoro, ovvero del MIUR. Il DPR 306/97, stabilisce invece che la contribuzione studentesca nei corsi universitari non possa eccedere il 20% dell'importo del finanziamento annuale dello stato. Ignorando totalmente tali disposizioni, il MIUR ha stabilito che il costo dei TFA e PAS dovrà essere invece completamente a carico degli studenti.<br>
<div style="TEXT-ALIGN:left;DISPLAY:block"><a href="https://sites.google.com/site/vocedeigiusti/home/ricorsi/z" target="_blank" title="Vai alla pagina di presentazione del ricorso"></a></div>
<br>
<b>Chi può aderire</b>: possono aderire tutti coloro che hanno avuto accesso ai TFA nell'a.s. 2011/2012, o che frequenteranno nell'a.s. in corso i PAS o i TFA.<br>
<b>data scadenza adesioni</b>: la data non è ancora stata fissata</div>
</td>
</tr>
</tbody>
</table>
<table border="0" bordercolor="#f0eccd" cellspacing="0" style="BORDER-BOTTOM-COLOR:rgb(136,136,136);BORDER-RIGHT-WIDTH:0px;BORDER-TOP-COLOR:rgb(136,136,136);BORDER-COLLAPSE:collapse;BORDER-TOP-WIDTH:0px;BORDER-BOTTOM-WIDTH:0px;BORDER-RIGHT-COLOR:rgb(136,136,136);BORDER-LEFT-COLOR:rgb(136,136,136);BORDER-LEFT-WIDTH:0px">
<tbody>
<tr>
<td bgcolor="#b6aa99" style="TEXT-ALIGN:center;WIDTH:1026px;HEIGHT:16px"><a href="https://sites.google.com/site/vocedeigiusti/home/ricorsi/z" target="_blank"><b><i><font size="1"><span style="COLOR:rgb(255,255,255)">Iscrizioni aperte</span></font></i></b></a><br>
</td>
</tr>
</tbody>
</table>

5. Pulsanti Paypal

Donazione mensile: (Width; 300  Heith: 100) Gadget: embedding snippet

<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="background-color:#f1f0d0">
<input type="hidden" name="cmd" value="_xclick-subscriptions">
<input type="hidden" name="business" value="lavocedeigiusti2013@gmail.com">
<input type="hidden" name="lc" value="IT">
<input type="hidden" name="item_name" value="Dona">
<input type="hidden" name="item_number" value="Donazioni volontarie">
<input type="hidden" name="no_note" value="1">
<input type="hidden" name="src" value="1">
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="bn" value="PP-SubscriptionsBF:Dona%20pulsante.png:NonHostedGuest">
<table>
<tr><td><input type="hidden" name="on0" value="Dona">Dona</td></tr><tr><td><select name="os0">
<option value="Opzione 1">Opzione 1 : &1,00 EUR - mensile</option>
<option value="Opzione 2">Opzione 2 : &2,00 EUR - mensile</option>
<option value="Opzione 3">Opzione 3 : &4,00 EUR - mensile</option>
<option value="Opzione 4">Opzione 4 : &5,00 EUR - mensile</option>
<option value="Opzione 5">Opzione 5 : &10,00 EUR - mensile</option>
</select> </td></tr>
</table>
<input type="hidden" name="currency_code" value="EUR">
<input type="hidden" name="option_select0" value="Opzione 1">
<input type="hidden" name="option_amount0" value="1.00">
<input type="hidden" name="option_period0" value="M">
<input type="hidden" name="option_frequency0" value="1">
<input type="hidden" name="option_select1" value="Opzione 2">
<input type="hidden" name="option_amount1" value="2.00">
<input type="hidden" name="option_period1" value="M">
<input type="hidden" name="option_frequency1" value="1">
<input type="hidden" name="option_select2" value="Opzione 3">
<input type="hidden" name="option_amount2" value="4.00">
<input type="hidden" name="option_period2" value="M">
<input type="hidden" name="option_frequency2" value="1">
<input type="hidden" name="option_select3" value="Opzione 4">
<input type="hidden" name="option_amount3" value="5.00">
<input type="hidden" name="option_period3" value="M">
<input type="hidden" name="option_frequency3" value="1">
<input type="hidden" name="option_select4" value="Opzione 5">
<input type="hidden" name="option_amount4" value="10.00">
<input type="hidden" name="option_period4" value="M">
<input type="hidden" name="option_frequency4" value="1">
<input type="hidden" name="option_index" value="0">
<input type="image" src="https://sites.google.com/site/vocedeigiusti/home/fai-una-donazione/Dona%20pulsante.png" border="0" name="submit" alt="PayPal - Il metodo rapido, affidabile e innovativo per pagare e farsi pagare.">
<img alt="" border="0" src="https://www.paypalobjects.com/it_IT/i/scr/pixel.gif" width="1" height="1">
</form>

Donazioni libere: (Dimensioni: width=220 Heigth=50)

<form xmlns="http://www.w3.org/1999/xhtml" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="background-color:#f1f0d0">
<input name="cmd" type="hidden" value="_donations" />
<input name="business" type="hidden" value="lavocedeigiusti2013@gmail.com" />
<input name="lc" type="hidden" value="IT" />
<input name="item_name" type="hidden" value="Associazione La Voce dei Giusti" />
<input name="item_number" type="hidden" value="Donazione" />
<input name="no_note" type="hidden" value="0" />
<input name="currency_code" type="hidden" value="EUR" />
<input name="bn" type="hidden" value="PP-DonationsBF:btn_donateCC_LG.gif:NonHostedGuest" />
<input alt="PayPal - Il metodo rapido, affidabile e innovativo per pagare e farsi pagare." border="0" name="submit" src="https://www.paypalobjects.com/it_IT/IT/i/btn/btn_donateCC_LG.gif" type="image" />
<img alt="" border="0" height="1" src="https://www.paypalobjects.com/it_IT/i/scr/pixel.gif" width="1" />
</form>


6. Video

A questa pagina è presente un video esplicativo.