Brigit ([info]sociologique) wrote in [info]titan_songset,
@ 2005-10-10 21:46:00
Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Current music:Rythem - Harumonia

[MOD] Optional Table
For simplicity, and for those who want to use it, here's an edited table code I'm offering up. It's the same one I use for all my icons. I DID NOT MAKE THIS TABLE ORIGINALLY, I EDITED IT FROM A TABLE BY [info]anadivinity (from this post. You're welcome to give me props for it -- just link back to this post so [info]anadivinity can get their proper credit, too.




About The Table/Getting Started
Note: I didn't create this table myself, it is edited from a table format originally by [info]anadivinity. I edited a few little html quirks, but it's essentially the same. As with the one at [info]titan_songset, you can give me props for the table format, but I'd appreciate a link back to this post so [info]anadivinity can get her proper credit as well. Thanks ♥

Kay, so, all this is is replacing things in Notepad. To replace stuff, go to Edit -> Replace All. In "Find What" put in what you want to find, then put in what you'd like to replace that with in "Replace With," hit "replace all" and you win!

So basically, all you do is replace "COLOUR01," "COLOUR02," "COLOUR03," and "ICON GOES HERE." You also replace "OPTIONAL BANNER GOES HERE" with your banner (if you made one), "ICON GOES HERE" with your placeholder icon (which I recomment for simplicity), and "DATE GOES HERE" with, obviously, the date of your last update. It's easy peasy, I promise. Now you choose colours.

Choosing Colours

Once you've copied the table, go into Notepad, Semagic, or any other program in which you can edit text, and paste it in there. Now you choose colours. MAKE SURE THAT WHEN YOU PASTE YOUR COLOUR, YOU HAVE THE "#" BEFORE IT OR IT WILL NOT WORK!!

Paint Shop Pro Users: You can choose any colours you like by going to your colour selection pallete, clicking on the colour itself, and on the bottom will be the hexcode (what you will need for the colour to work properly in the table).

Photoshop Users:  I'm told that you can click on a colour and its hexcode will pop up next to it. I'm not sure, though, so if someone could clarify, I'd appreciate it.

For Those Without Either (or those who can't figure it out): You can go to one of the following sites:
To choose a colour: This site and this site are wonderful. You have all the colour codes you could ever possibly want, and can easily copy the code.

To choose a colour based on its RGB value: THIS IS PROBABLY ONLY FOR THOSE WHO HAVE A WORKING KNOWLEDGE OF PHOTOSHOP OR PSP. Colormatch.dk is a godsend for you, then. You can scroll and choose a colours R, G, or B value

To do both!: You can go to this wonderful site. What you can do is click on a colour swatch, and it will show you many matching colours and their hexcodes. I highly recommend this, especially for those who don't have much knowledge of HTML.

Choosing Non-Clashing Colours: Please keep in mind that everyone has eyes, and they don't like them being burned by atrocious colour schemes. SO, when you choose colours, please choose ones at opposite ends of the spectrum. So, if you want to use a light pink as your text colour, black will look well behind it as a background colour. Note: This isn't a rule, but please don't choose neon green and yellow as your colours, because, going back to my original point, we here have eyes that don't like being burned. Light colours like that don't look well together, in case you hadn't noticed.

Replacing ColourX, and What They Mean

Colour Imput Fields: There are three input fields. One is for your table background colour, one is for your text colour, and one is for your border colour. I figure since I'm covering all my bases, I'll elaborate on the input fields so people don't bug me about what they mean

Table Background: Your table background is, in the simplest words possible, the background colour of your table.
Text Colour: Obviously, what colour the text on the table will show up as.
Border Colour: I have added a border from my original table, because they look pretty. See this post by [info]karoru for an idea of what your border will look like.

Aaand now you replace!

(Note: I changed the imput fields from "colourx goes here" to simply "colourx" to eliminate problems people were having with spacing)

Final Notes

Okay, that should be everything. If I forgot anything, comment to let me know and I'll fix it. If you have questions, go 'head and ask. If you experience any problems with my template, pleease let me know. I'll gladly look at and fix any code problems you may be experiencing.

Also, of note: problems with spacing can occur quite often, so I recommend opening Notepad in fullscreen to replace things. It helps, really. Also, make sure when you're replacing things not to replace your "COLOUR03" with quotations around it, because it will mess up your entire code. Just replace the word, not the word and quotations.

All right, so, that's it. Enjoy ^_^ !




(Post a new comment)


[info]ttrulytt
2005-10-11 03:54 am UTC (link)
Wow, I was just recently looking for a code like this. Thank you soo much for posting it. Will use and definitely will credit!

(Reply to this)

sorry for the length of this comment...
[info]preventer_fire
2005-10-11 08:47 pm UTC (link)
Thank you for providing the tutorial adaption and the table code.
I don't want to trouble you. I do understand your instructions, but when I test updating this table onto my journal, it says there's a:


[Error: Irreparable invalid markup ('
[Error: Irreparable invalid markup ('<td [...] [...]>') in entry. Owner must fix manually. Raw contents below.]

Thank you for providing the tutorial adaption and the table code.
I don't want to trouble you. I do understand your instructions, but when I test updating this table onto my journal, it says there's a:


[Error: Irreparable invalid markup ('<td [...] #051589">') in entry. Owner must fix manually. Raw contents below.]


I am not certain what this means and I'd like to be able to use the table you've generously enabled us to use! So if it's not a bother, and if you do know what this error message means, I'd be much obliged to you if you could tell me what I did wrong--that is, if it's a simple mistake.

If it is not and is in fact much more problematic, then don't think on it another second. ^_^ I'll just number my icons. I just figure the table is more aesthetically pleasing for most people, but I don't mind just using numbers.

-p.f.

(Reply to this) (Thread)

Re: sorry for the length of this comment...
[info]sociologique
2005-10-11 11:06 pm UTC (link)
If you could post your whole code for me in a textarea box, I could look at it. Use the tags: [*textarea rows="5" cols="20"*]code goes here[*/textarea*] only replace [ and ] with < and > and take out the asterisks and I can see exactly what's going on.

(Reply to this) (Parent)


[info]superdramagal
2005-11-14 02:13 am UTC (link)
mine didn't work either....:(

(Reply to this) (Thread)


[info]sociologique
2005-11-14 04:16 am UTC (link)
Are you sure you followed my directions properly? Because I just tried it and it works perfectly for me.

(Reply to this) (Parent)(Thread)


[info]burnticons
2005-11-15 01:07 am UTC (link)
i'm pretty sure i did it right. i got the whole
[Error: Irreparable invalid markup ('
[Error: Irreparable invalid markup ('<td [...] [...]>') in entry. Owner must fix manually. Raw contents below.]

i'm pretty sure i did it right. i got the whole
[Error: Irreparable invalid markup ('<td [...] #051589">') in entry. Owner must fix manually. Raw contents below.]
thing...except this -> '<td [...] #051589">' <- was different.

(Reply to this) (Parent)(Thread)


[info]sociologique
2005-11-15 02:38 am UTC (link)
I tweaked a few things, so go back now and see if that works. If it doesn't, do a couple things:

+ Make sure you have notepad opened, full-screen, so you don't get any errors from improper spacing (I have that happen sometimes)

+ Post your code in a textarea box for me to look at (reference).

(Reply to this) (Parent)


[info]xorli_stalkerx
2005-11-20 02:09 pm UTC (link)
I think I pretty get mst of it, buut... When we replace the patrs that say "COLOR01 GOES HERE" do we type "BLACK01"? (I'm not very good at these things)

(Reply to this) (Thread)


[info]sociologique
2005-11-23 01:33 am UTC (link)
No, when you go to replace the colours, you replace it with the hexcode. So, if you want black, you use #000000. Any one of the sites I linked to will give you the exact hexcode for the colour you want.

(Reply to this) (Parent)(Thread)


[info]xorli_stalkerx
2005-11-23 02:57 am UTC (link)
lol, i was way off XP

ok, thanks

(Reply to this) (Parent)


[info]ravyn726
2005-11-22 09:47 pm UTC (link)
May I bring this tutorial to the attention of our members at [info]titan_100? I would link to this post, not copy it.

(Reply to this) (Thread)


[info]sociologique
2005-11-23 12:19 am UTC (link)
'Course, hon ^_^ If you'd like, I can modify this tutorial for [info]titan_100 and post it over there.

(Reply to this) (Parent)(Thread)


[info]ravyn726
2005-11-23 12:20 am UTC (link)
That works. Thanks muchly! :)

(Reply to this) (Parent)


[info]b0i_wonder
2006-01-25 02:52 am UTC (link)
cool! As soon as i figure out how to use it (haven't tried yet), i'll credit you and link this page!

(Reply to this)


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