Log in

No account? Create an account
trust me
+ one for my baby + 
19th-Sep-2004 05:35 pm
Reborn - Yamamoto CHIBITA
I can't believe how long I took to learn image-mapping.

In other words, I have a new layout.

It was such an experience for me that I decided to write an image map guide of sorts.

There are three ways of creating the image-mapping effect (that I'm aware of):

1. Image-mapping proper. ( leggyslove and elfverie. Beautiful layouts, too)
2. CSS and image positioning. (homura)
3. The ugliest coding hack ever seen, as done by self.

Incidentally, anyone with a free account can make a layout like mine. What I did works for the Generator style for a free account on the S1 system.

The Most Important Things I Found Out about Image Mapping the Way I Did It

1. Background images in LiveJournal cannot be used as image maps. At least, not for free accounts.
I'm not sure what the status is with paid accounts, because I wasn't yet able to figure out the Variable Flow style. *hides from homura* Forgive me. *dies* Send you penguins?

2. For the LASTN_WEBSITE override to be used in LJ, you must first define a website on your Personal Info.

3. You don't have to image map by using the x- and y- coordinates. This software does it. It's the Coffee Cup Image Mapper. It's a trial version, which only works for a month, but it's great.


Every time I want to do something on LJ, I go everywhere I can to find out if there're tutorials to tell me what to do. And there were.

I relied extensively on tutorials from ljdesigners for this tutorial. What these tutorials do is, they effectively conceal every element of a conventional Generator layout. The image-map you see on my layout is in my userinfo box. You just can't see the box.

Generator Tutorials

Changing the Website Links

Hiding Entries Friends Calendar

Removing the Usericon

Silliest Thing I Found Out

Links: active, visited, link text, body text, accent text - do not have to all be different colours. More a design thing than anything else, but yeah.

Other Tutorials I Use

Shifting Journal Contents Downward

Resizing and Realigning Content

Background Images

Apologies to kanekoichi and everyone for my not being able to turn up today. My brother's home on vacation from Australia, and as I'm returning to London next Wednesday, my parents are in the Justify Your Every Reason for Not Spending Time with the Family mood.
19th-Sep-2004 03:26 am (UTC)
Oooo. that's awesome (as in the layout and the guide). I've always wanted to learn. Thanks for that. You're too sweet. :)
20th-Sep-2004 11:22 am (UTC)

You know... I'm still thinking about that screencap you did of Alan and Tim.

*smiles* No problem! I had so much trouble with it that I thought everyone else should benefit, too. You're more than welcome! *beams*

Love the JP icons, by the way! ; )
19th-Sep-2004 03:39 am (UTC)
Pretty Layout!!!who is that guy anyway?
20th-Sep-2004 01:17 pm (UTC)
Thank you! *smiles* Your layout helped a great deal. *smiles* You did it wonderfully, and it made me want to make an image-mapped layou too, because yours looked great!

*huge grin* That's James Franco - he was Harry Osborn in Spider-Man. I loved the scene where he slaps Peter Parker. *hides*

And here is he again:

Come to think of it:

*hides* Couldn't resist!

19th-Sep-2004 03:47 am (UTC)
Woah next wednesday... times gone fast... does that mean you'll be coming to LAC in october??? It'll be great to see you again, and we'll have to meet up sometime ^-^

Have a great last couple of days
20th-Sep-2004 11:23 am (UTC)
*hugs* I'm planning on making it to the October LAC! I've something for both you and lonedreameryaoi! *hugs you again* We most definitely will meet up! *smiles*

I will! *hugs you again*
(Deleted comment)
20th-Sep-2004 11:24 am (UTC)
Glad to hear it! *happiness* I adore enabling ideas. XD Oh, and anytime you want a picspam pictures, let me know. *evil evil grin*

*hugs back with glee*
19th-Sep-2004 04:35 am (UTC)

And ow, I have so forgotten how to code. XD Hey, at least you can image map! My personal caveman method imvolves random crazy slicing in Imageready and the Tables of D00m. Waaaaaaaay more primitive. XD
20th-Sep-2004 11:26 am (UTC)
*HUGS* Thank you! *grin*

I'd forgotten to code, until this. *hides* I'm usually happy with shifting my content tables from side to side and making a background picture, but I'd just wanted to do this for too long. *laughter*

You can image map, too! XD It's the image mapper program mapping for me! ; )

TABLES OF DOOM! WHOA! You're good. IMAGEREADY, too! *clings* *admires* AND THE SLICES OF TERROR! (I can NEVER get the slices. *dies*)

! I've just realized that I don't have your SG address! Would it be all right if you could send it to me at a_knife_edge@yahoo.co.uk? Thank you! ^_^
19th-Sep-2004 04:55 am (UTC)
gorgeousness. *snugs* and we will write heaps to each other! XDDD
20th-Sep-2004 11:27 am (UTC)

19th-Sep-2004 10:05 am (UTC)
hey lovely layout...
and you're such a dear for posting up the instructions... been having a little trouble doing the layout .... *kudos*

eh, oh no problem.. understands totally. family *nods*
well will just have to post pictures to fill you in on the happenings ^^ *grins*
20th-Sep-2004 11:28 am (UTC)
*smiles* You're welcome! Glad to hear I was of help! ; )

Thank you for being so understanding. And I will most definitely look out for the photographs! XD All the best with your project! *grin*
19th-Sep-2004 11:02 am (UTC)
I'm likin' the layout!
20th-Sep-2004 11:29 am (UTC)
*hugs* Thank you! *grin* It was much evil, evil coding, but it most definitely paid off. ; ) It gave me grief for almost an entire day, until I discovered the overrides. *laughter*
(Deleted comment)
20th-Sep-2004 01:21 pm (UTC) - *CLINGS. LIKE NEVER BEFORE*
*clings to you. just clings. doesn't let go.*


You - you're - amazing. You make me want to do these things to say all this. Because I'm so glad I found you in this fandom. *hugs you tightly* When you write, when I read what you've written, here, anywhere - it brings me to my knees. I'm in Happiness Shock so often it's scary. *smiles* But it's great. With you, it's *always* great.
19th-Sep-2004 04:23 pm (UTC)
Great work on the new layout! You're dedicated to your LJ (or the very least, having pictures of Harry on your layout).
20th-Sep-2004 11:33 am (UTC)
Thank you! *beams* Image mapping, I have concluded, is a great evil that is wonderfully easily overcome by image-mapping programs. And overrides. *evil, evil, evil*

having pictures of Harry on your layout

19th-Sep-2004 04:24 pm (UTC)
Heeeeeeeeey! I recognise that icon XD
20th-Sep-2004 11:32 am (UTC)

I cannot thank you enough for linking me to Ultimate Spider-Man. XD
19th-Sep-2004 09:04 pm (UTC)
pweetty ^^ but then everything you do or about you is... *huggles* aww... going back already... will try to hop over the england!! *sweatdrop* eventually *sheepish*
20th-Sep-2004 11:31 am (UTC)
*HUGS. YOU. TIGHTLY* Thank you! *hugs you again* *CLINGS* Yes, I'll be back in England! AND! YES! Your address! *huge evil grin* I will spam you evilly via mail in your absence from England! *hugs*

I WILL WAIT. *HUGE GRIN* If not, I'll always come back to Singapore (eventually). We *will* meet again. ^_^
20th-Sep-2004 12:39 am (UTC)
haha oh well take care and bon voyage. :)
20th-Sep-2004 11:29 am (UTC)
I will! *hugs you* You too! ; ) See you in December when I get back!

AND PATRICK STAR! *huge grin* The squee-inducing starfish!
23rd-Sep-2004 06:11 am (UTC)
nice layout, but defaulting the skiplinks at 20 isn't a good way to work an image map :P

What you want is the principle of this:

though you'll need to use the code based on your layout, as the code I used was for Generator.
This page was loaded Aug 18th 2019, 7:55 am GMT.