1. tabella #05 - home

    Tags
    tab: home
    tabelle
    By melody. il 20 Aug. 2013
     
    +1   +1   -1    0 Comments   337 Views
    .
    TABELLA #05 (home)
    ANTEPRIMA » here


    » DETTAGLI: le dimensioni delle celle cambieranno a seconda della grandezza del corpo skin. per avere un risultato come da immagine, dovete impostare le dimensioni del corpo skin a 680px. Per quanto riguarda le immagini: nella prima colonna, l'immagine accanto alla scritta "lastskin" è di 120x40px, mentre le caselline ai lati di works sono di 30x30px; nella seconda colonna, sono entrambe di 90x28px; nella terza colonna, l'immagine è di 28x55px.
    - naturalmente potete mettere immagini di dimensioni diverse e potete modificare i colori che ho utilizzato tipo il celeste e l'arancio... io li ho messi di quel colore per abbinarli alla skin che ho usato -
    Qualora preleviate una mia tabella, siete pregati di creditare e di avvisarmi nell'apposito topic. Per qualunque dubbio o problema non esitate a contattarmi!

    CODE
    CODICE
    <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">

    <div class="mtitle">titolo titolo titolo</div>

    </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 title="tab © ´guinevere¸">
    <td class="ww" width="33%"> <div style="line-height: 8px; text-align: justify; background-color: #f5fafd; height: auto; padding: 3px">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> <hr> <div align="center" style="border-right: 2px solid #f5fafd; border-left: 2px solid #f5fafd"><img src="http://localhostr.com/file/M7j4ZZy/skin.png"> <i></i> <i></i> <i></i> <a href="LINK"><img src="http://localhostr.com/file/28vu8m4/120x40-skin.png"></a> <br><br> <a href="LINK"><img src="http://localhostr.com/file/6zxho5h/30x30-lavori.png"></a> <i></i> <a href="LINK"><img src="http://localhostr.com/file/6zxho5h/30x30-lavori.png"></a> <i></i> <img src="http://localhostr.com/file/ChPeMd2/works.png"> <i></i> <a href="LINK"><img src="http://localhostr.com/file/6zxho5h/30x30-lavori.png"></a> <i></i> <a href="LINK"><img src="http://localhostr.com/file/6zxho5h/30x30-lavori.png"></a> </div> </td>

    <td class="ww"><div style="width: 190px; line-height: 8px; text-align: justify;"><div style="border-bottom: 1px dashed #B8B8B8; padding: 3px"> <span style="font-family: century gothic; font-size: 16px; font-style: italic; letter-spacing: 2px; color: #b3d7af; margin-bottom: 2px">quote &#9734;</span> 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> <br> <div style="border-bottom: 1px dashed #B8B8B8; padding: 3px"> <span style="font-family: century gothic; font-size: 15px; font-style: italic; letter-spacing: 2px; color: #b3d7af; margin-bottom: 3px">forum &#9825;</span> link link link link link </div> <br> <div style="overflow-y: scroll; height: 31px;"> <span style="font-family: century gothic; font-size: 16px; font-style: italic; letter-spacing: 2px; color: #b3d7af; margin-top: 3px">news &#10017;</span> bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</div> <div align="center"><img src="http://localhostr.com/file/KAFa0hG/90x28.png"> <img src="http://localhostr.com/file/KAFa0hG/90x28.png"> </div>
    </div></td>

    <td class="ww"><div style="width: auto; line-height: 8px; text-align: justify;"> <div align="center"> <span style="font-family: georgia; font-size: 25px; font-style: italic; color: #F0C79B;"> testo testo testo testo </span></div> <hr> <div style="float: left; margin-left: 1px"><img src="http://localhostr.com/file/yP0LjBS/28x55.png"></div> testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo testo esto 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 <hr> <div style="heigh: 24px; text-align: center; background-color: #f5fafd; border-bottom: 1px dashed #d3e3ec; font-family: trebuchet ms; font-size: 11px; font-style: italic; letter-spacing: -1px; margin-bottom: 2px"><span style="font-size: 9px; color: #9B9B9B; letter-spacing: 0px;">FOLLOW.ME »</span> <a href="">T</a>UMBLR <i></i> <a href="">T</a>WITTER <i></i> <a href="">L</a>JOURNAL </div> <div style="border-bottom: 1px dashed #B8B8B8; padding: 3px"> <span style= "color: #bbe7f9">friends &#3665;</span> <marquee scrollAmount=2; width="74%" onmouseover="this.stop()" onmouseout="this.start()"><i>friends friends friends</i></marquee> </div> <br> <div align="center" style="border-right: 2px solid #f5fafd; border-left: 2px solid #f5fafd"> <span style="font-family: century gothic; font-size: 10px">winners &#9812;</span> link link link link</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">&nbsp;</td><td class="msub_right"></td></tr></table></td><td class="mright_bottom"></td></tr></table><br><br>

      Share  
     
    .
 
Top