InsaneJournal

Tweak says, "Kill wealthy dowager..."

Ally -- are you already gone? (wastintime) wrote in rp_tutorials,
@ 2011-03-29 12:31:00

Entry tags:

tools: html

Customizable HTML Slideshow

Live Example

←

→

Caption

←

→

Link Caption

←

→

long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption

Code

<lj-raw><center><div style="width:600px;height:440px;overflow:hidden;text-align:center;font-family:Bookman Old Style;font-size:12px;color:black;">

<a name="one"></a><br />
<a href="#three" style="text-decoration:none;">←</a> <a href="#two"><img src="http://i.imgur.com/QC8wh.jpg" style="height:350px;border:2px solid #888;padding:4px;"></a> <a href="#two" style="text-decoration:none;">→</a><br />
<div style="overflow:auto;height:60px;">Caption</div>

<a name="two"></a><br />
<a href="#one" style="text-decoration:none;">←</a> <a href="#three"><img src="http://i.imgur.com/J03pJ.jpg" style="height:350px;border:2px solid #888;padding:4px;"></a> <a href="#three" style="text-decoration:none;">→</a><br />
<div style="overflow:auto;height:60px;"><a href="" target="_blank" style="text-decoration:none;">Link Caption</a></div>

<a name="three"></a><br />
<a href="#two" style="text-decoration:none;">←</a> <a href="#one"><img src="http://i.imgur.com/teZJ5.jpg" style="height:350px;border:2px solid #888;padding:4px;"></a> <a href="#one" style="text-decoration:none;">→</a><br />
<div style="overflow:auto;height:60px;">long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption long caption</div>

</div></center></lj-raw>

Go nuts with it!

Based off of this code.

Questions/Feedback?
Leave a comment to this post. Thanks!

(Read comments) - (Post a new comment)

	wastintime 2011-03-29 11:34 pm UTC (link)
	Link to where you're trying to use it? So, I can see what's going on. Are you trying to use it as a layout for the journal itself? I don't think that will work. (Reply to this) (Parent) (Thread)

evaakeru
2011-03-29 11:53 pm UTC (link)

Not as the journal itself. Man, I would be NUTS :-)

So, this is the layout we want to use: http://www.graiae.com/new/locations.php

and I have your Magic Click code ready to go: http://www.graiae.com/new/buckets.php

But I have the dumbs when it comes to figuring out how to get the two to play nice

They are just up at my site to make them easier to revise, but they will be going on on IJ in a rpg.

I SO appreciate you taking a look at this. I want it to work so much and I have tried to play with it, but I am honestly just not understanding enough of DIV

(Reply to this) (Parent) (Thread)

	wastintime 2011-04-08 04:19 pm UTC (link)
	Sorry that it took so long to get back to you. Work and school are butt kickers. And hmm. It's working for me. (Reply to this) (Parent) (Thread)

	evaakeru 2011-04-09 07:04 am UTC (link)
	No problem!! It took two of us, but we got it to behave. Thanks :-) (Reply to this) (Parent)

(Read comments) -