laluzz ([info]laluzz) wrote,
@ 2007-01-19 11:14:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current music:Roy Paci & Aretuska
Entry tags:resources

Icon table
Searching for icon table code I found obsessivefangrl and wonderland__ icon tables.

But I was not so satisfied to copy, paste and personalize their tables, I wanted to understand the code. So I started to search and I've found something very interesting: Lissa explains Tables, W3schools-> tables and htmlgoodies-> tables.

These websites had open my eyes about the vaste (and hard, ihihih) html world!!!

My "studies" result under the cut:

According to the table I saw before, to my taste and to my LJ "stile", I decided to make a very simple table, without border, with a little icon frame, with 5 columns, a "tilte-row" and light-brown coloured:

<table width="550" cellspacing="4" cellpadding="4" align="center">

<tr height="20" bgcolor="#C8A280">
<td colspan=5><center><b><font face="tahoma" size="1" color="#524036">ICONS:</b></center></td>
</tr>

<tr height="20" bgcolor="#D7B99B">
<td><center><font face="tahoma" size="1" color="#7B5F4F">01.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">02.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">03.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">04.</center></td>
<td><center><font face="tahoma" size="1" color="#7B5F4F">05.</center></td>
</tr>

<tr bgcolor="#F0E9E1">
<td><center><img alt=""src="http:// link01"/></center></td>
<td><center><img alt=""src="http:// link02"/></center></td>
<td><center><img alt=""src="http:// link03"/></center></td>
<td><center><img alt=""src="http:// link04"/></center></td>
<td><center><img alt=""src="http:// link05"/></center></td>
</tr>

</table>

Example


P.S. "Studing" obsessivefangrl and wonderland__ icon tables, I notice something that I'd not found in the other links: to give colour to the border the code is: <TABLE BORDER="3" BORDERCOLOR="crimson"> , than you could personalize the colour according to your taste.




(Post a new comment)


[info]_oluha_
2007-01-24 11:30 pm UTC (link)
geniale!! che bello i link alle icon tables *___* io ho perso quella che usavo prima, così ho la scusa per impazzire un pò sui codici ihih ma ce ne sono di fantastiche *__* sto provando a farne una stranissima, ma credo ci riuscirò tra qualche millennio :P

questo post me lo metto tra le memories, se non ti spiace, è molto utile ♥

(Reply to this) (Thread)


[info]laluzz
2007-01-25 10:03 pm UTC (link)
Quando ho trovato quei siti ci ho "perso" un sacco di tempo.
Prima di leggere come fare per creare una cella che prendesse più colonne (come quella che ho usato per il "titolo" delle tabelle) avevo cercato di inventarmi di tutto... e alla fine... bastava leggere un po' più giù ed era tutto spiegato!!!

Sono curiosa della tua tabella innovativa!!!

(Reply to this) (Parent)


[info]honeynougat
2008-04-27 05:21 am UTC (link)
Lovely! Thanks for this, I felt the same about using the codes straight, I always prefer to know what the coding actually means so I can adapt it as I see fit, thanks for this ^_^

(Reply to this) (Thread)


[info]laluzz
2008-04-27 11:32 am UTC (link)
You're welcome!
I'm happy this post is useful! ^_^

(Reply to this) (Parent)


[info]iferna
2008-08-18 10:20 am UTC (link)
Thanks for the code helping!! And I'll credit you if I use this code!!

(Reply to this) (Thread)


[info]laluzz
2008-08-20 12:07 am UTC (link)
:) You're welcome!

(Reply to this) (Parent)


[info]jeanne_paulin
2008-10-30 08:34 am UTC (link)
this is so helpful!

(Reply to this) (Thread)


[info]laluzz
2008-10-31 03:15 pm UTC (link)
I'm happy this help you!

If you are also interested in customize layout you colud find here some trick ^_^

(Reply to this) (Parent)


[info]gusty_cullen
2008-12-24 08:12 am UTC (link)
this was very helpful, and the table is gorgeous, thank you very much.
will use and will credit!:}*

(Reply to this) (Thread)


[info]laluzz
2009-01-15 02:20 pm UTC (link)
Thanks! ^_^

(Reply to this) (Parent)


[info]soulmate_diner
2009-01-28 01:21 pm UTC (link)
Thank you very much! : )
I'm using it and credit!

(Reply to this) (Thread)


[info]laluzz
2009-03-16 12:11 pm UTC (link)
Thanks! :)

(Reply to this) (Parent)


[info]naturallynat
2009-02-14 02:12 pm UTC (link)
Thank you :]
I will credit

(Reply to this) (Thread)


[info]laluzz
2009-03-16 12:11 pm UTC (link)
Thanks! :)

(Reply to this) (Parent)


[info]silcho15
2009-02-15 07:19 am UTC (link)
Using and crediting :D
Thanks much

(Reply to this) (Thread)


[info]laluzz
2009-03-16 12:12 pm UTC (link)
Thanks! :)

(Reply to this) (Parent)


(Anonymous)
2009-03-16 03:10 am UTC (link)
Very useful!
Thanks ;D

(Reply to this) (Thread)


[info]laluzz
2009-03-16 12:13 pm UTC (link)
You're welcome! :)

(Reply to this) (Parent)


[info]kanae_mizuhito
2009-05-13 02:44 am UTC (link)
Using and crediting! Though I edited it a bit, thank you!

(Reply to this) (Thread)


[info]laluzz
2009-05-16 12:19 pm UTC (link)
You're welcome! :)

(Reply to this) (Parent)


[info]camatie
2009-05-16 11:28 am UTC (link)
This is wonderful and I plan on using it and crediting you as well. :)

But I had one question... How did you get the banners to fit so well in the table?

(Reply to this) (Thread)


[info]laluzz
2009-05-16 12:42 pm UTC (link)
Thanks!

One table "compartment" (<td>...</td>) fit automatically with the banner or the text you'll put in it.

For example:

<td><center>this row will be thin as one single line-text</center></td>

<td><center>this one
will be
more high automatically
because I pressed enter a lot!</center></td>

<td><center><img alt=""src="http:// link01"/></center></td> this one will fit every image you'll insert

But if this 3 "compartment" are in the same row (<tr> <td>...</td> <td>...</td> <td>...</td> </tr>) they will have the same height, particularly the bigger one.

(Reply to this) (Parent)(Thread)


[info]camatie
2009-05-16 08:04 pm UTC (link)
Alright, thank you! That helped a lot. :)

(Reply to this) (Parent)


[info]geotropism
2009-06-11 11:04 pm UTC (link)
Thanks! Will credit when I use! :)

(Reply to this) (Thread)


[info]laluzz
2009-06-18 12:50 pm UTC (link)
Thanks! :D

(Reply to this) (Parent)


Create an Account
Forgot your login or password?
Login w/ OpenID
English • Español • Deutsch • Русский…