Tabella #002

« Older   Newer »
 
  Share  
.
  1. ~ chocobo
     
    .

    User deleted


    ₪ ti piace questa tabella? spollicia con un bel +1 ₪
    F3RyKYk
    Anteprima tabella #002 by ~ chocobo


    CONDIZIONI D'USO
    Modificare i colori
    Modificare le immagini
    Modificare i link
    Modificare i testi
    × Alterare la struttura della tabella
    × Rimuovere i credits
    × Spacciare la tabella come propria
    × Modificare radicalmente i CSS
    × Postare la tabella altrove

    Per qualsiasi problema riguardante questa tabella rispondete pure a questa discussione!


    CREDITS DA INSERIRE OBBLIGATORIAMENTE
    tabella © ~ chocobo @~ chocoboART.
    CODICE
    tabella © <a href="http://chocoboart.forumcommunity.net/?act=Profile&MID=9785423">~ chocobo</a> @<a href="http://chocoboart.forumcommunity.net">~ chocoboART.</a>


    CODICE DA INSERIRE IN COLORI E STILI
    CODICE
    /*TABELLA BY CHOCOBO http://chocoboart.forumcommunity.net */
    /*EFFETTO LINK*/
    .effetto1 a {width: 175px; height: 13px; text-transform: uppercase; float: left; text-align: center; display: inline-block; margin: 1px; color: #171717; font-size: 11px; font-family:calibri, helvetica, sans-serif; text-decoration: none; line-height: 13px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: inset 0 0 75px 75px #C2BFB9, 0 0 0#C2BFB9}

    .effetto1 a:hover {color: #171717; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}

    .effetto2 a {width: 82px; height: 13px; text-transform: uppercase; float: left; text-align: center; display: inline-block; margin: 1px; color: #171717; font-size: 11px; font-family:calibri, helvetica, sans-serif; text-decoration: none; line-height: 13px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: inset 0 0 75px 75px #C2BFB9, 0 0 0#C2BFB9}

    .effetto2 a:hover {color: #171717; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}

    .effetto3 a {width: 180px; height: 20px; text-transform: uppercase; float: left; text-align: center; display: inline-block; margin: 10px; color: #171717; font-size: 11px; font-family:calibri, helvetica, sans-serif; text-decoration: none; line-height: 20px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; box-shadow: inset 0 0 75px 75px #C2BFB9, 0 0 0#C2BFB9}

    .effetto3 a:hover {color: #171717; background-color: transparent; font-weight: bold; box-shadow: inset 0 0 35px 35px transparent, 0 0 75px 50px transparent}


    CODICE DA INSERIRE IN HTML
    CODICE
    /*TABELLA BY CHOCOBO http://chocoboart.forumcommunity.net*/
    <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</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><!--RIGA1-->
    <td class="ww" rowspan="3" width="100px" height="130px"><div style="margin-top: -10px; border: 5px solid #c2bfb9; height:127px; width:93px"><img src="http://digilander.libero.it/selv92/The%20Rising%20of%20Lothbrok/immaginetab.png"></div></td>
    </tr>

    <tr><!--RIGA2-->
    <td class="ww" width="200px"><div style="border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 2px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff"><div style="overflow: hidden; width: 200px"><div style="overflow-y: scroll; width: 217px; height: 60px;"><div style="width:200px"><div align="justify"><div style="font-size: 9px; line-height: 100%">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div></div></div></div></div></div></td>
    <td class="aa" width="180px"><div class="effetto1"><a href="http://">LINK</a></div> <br><div style="float: left; margin-right: 5px"><img src="http://digilander.libero.it/selv92/The%20Rising%20of%20Lothbrok/banner.gif" alt="DIMENSIONI 88x50"></div><div class="effetto2"><a href="http://">LINK</a></div> <div class="effetto2"><a href="http://">LINK</a></div> <div class="effetto2"><a href="http://">LINK</a></div></td>
    <td class="ww"><div style="border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 2px; border-top: 1px dashed #fff; border-bottom: 1px dashed #fff"><div style="overflow: hidden; width: 200px"><div style="overflow-y: scroll; width: 217px; height: 60px;"><div style="width:200px"><div align="justify"><div style="font-size: 9px; line-height: 100%">"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum." "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</div></div></div></div></div></div></td>
    </tr>

    <tr><!--RIGA3-->
    <td class="ww"><div style="float: left; margin-right: 2px"><img src="http://digilander.libero.it/selv92/The%20Rising%20of%20Lothbrok/gif2.gif" alt="DIMENSIONI 60x60"></div><div style="float: right; margin-left: 2px"> <img src="http://digilander.libero.it/selv92/The%20Rising%20of%20Lothbrok/gif1.gif" alt="DIMENSIONI 60x60"></div><div style="border-top: 1px dashed #fff; border-bottom:1px dashed #fff; height:70px; margin-top: -5px"><div class="effetto2"><a href="http://">LINK</a></div> <div class="effetto2"><a href="http://">LINK</a></div> <div class="effetto2"><a href="http://">LINK</a></div> <div class="effetto2"><a href="http://">LINK</a></div></div></div></td>
    <td class="aa"><a href="link"><img src="http://i.imgur.com/xZfUMXl.png" alt="dimensioni 160x70"></a></td>
    <td class="ww"><form action="http://chocoboart.forumcommunity.net" method="post" >
    <input type="hidden" name="st" value="0">
    <input type="hidden" name="act" value="Post">
    <input type="hidden" name="f" value="ID SEZIONE">
    <input type="hidden" name="CODE" value="03">
    <input type="hidden" name="t" value="ID TOPIC">
    <script type="text/javascript"><!--
    var ran=new Array();

    ran[0]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[1]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[2]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[3]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[4]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[5]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[6]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[7]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[8]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[9]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[10]='<input type="hidden" name="MESSAGGIO">';
    ran[11]='<input type="hidden" name="Post" value="MESSAGGIO">';
    ran[12]='<input type="hidden" name="Post" value="MESSAGGIO">';

    var id=Math.round(Math.random()*(ran.length-1)); document.write(ran[id]);
    //--></script>
    <noscript><input type="hidden" name="Post" value="PRIMO MESSAGGIO"></noscript>
    <input type="submit" name="submit" value="Invia un messaggio a Random" class="forminput">
    </form><br><div style="border-left: 2px solid #fff; border-right: 2px solid #fff; padding: 2px; margin-top: -15px"><div style="overflow: hidden; width: 160px"><div style="overflow-y: scroll; width: 177px; height: 30px;"><div style="width:160px"><div align="justify"><div style="font-size: 9px; line-height: 100%"><img src="http://i.imgur.com/yo7jVQM.png" width="30px" height="30px"> <img src="http://i.imgur.com/Zg4MlMA.png" width="30px" height="30px"> <img src="http://i.imgur.com/rCyW4Su.png" width="30px" height="30px"> <img src="http://i.imgur.com/HmuMURX.png" width="30px" height="30px"> <img src="http://i.imgur.com/CaZcC9J.png" width="30px" height="30px"> <img src="http://i.imgur.com/dsMU2kd.png" width="30px" height="30px"> <img src="http://i.imgur.com/wboVmft.png" width="30px" height="30px"> <img src="http://i.imgur.com/xBtCXJM.png" height="30px" width="30px"></div></div></div></div></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>
     
    Top
    .
  2.  
    .
    Avatar

    Senior Member

    Group
    chocoboFANS
    Posts
    71,797

    Status
    Anonymous
    Volevo chiederti, non so se qui sia giusto, come fare a mettere come link questa IMMAGINE invece che solo immagine in sè. Nel senso che, se la metto linkabile, mi sfalda tutto però mi tornerebbe utile
     
    Top
    .
  3. ~ chocobo
     
    .

    User deleted


    CODICE
    <a href="LINK">[CODE]

    DIMENSIONI 88x50[/CODE]
     
    Top
    .
  4.  
    .
    Avatar

    Senior Member

    Group
    chocoboFANS
    Posts
    71,797

    Status
    Anonymous
    Niente, ho provato, anche se avevo già fatto un tentativo quando l'ho montata, ma mi sfasa tutto: STAMP
     
    Top
    .
  5.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    3,792

    Status
    Online
    Come posso modificare questo per lavorare sulla mia pagina?
    e36f48c77184488a9c630ef6c96ab026
     
    Top
    .
4 replies since 11/5/2016, 00:12   270 views
  Share  
.
Top