Comic Genesis Forums

Okay, while I have no actual problems with my page, everything works fine and dandy... One of my friends decided he could come up with a better site layout and what he came up with was fantabulous! Of course, the problem is... Making it work with KeenSpace's tags. You can see what he came up with here:

http://www.ssuniverse.com/Test.html

Now, as you can now see, while this is fine and dandy for the index page, it would become a problem for archival pages. In that respect, while putting the comic in the is as simple as putting in ***todays_comic***, what about the title bar over the comic? And the comments below? Is there anyway to make this design function practically on KeenSpace?

That's a table, right?
So just cut all the code that's above the table out of the main page and paste it into another file with the same name as the comic, but alphabetically earlier.
i.e., if the comic is "20020225.jpg", rename it "20020225b.jpg" and then put the top half of the table code (containing the title for that day's comic) in a file called "20020225a.html". If you want every strip to have it's own title, you'll have to do that for all of them.

There are two ways around having to include the html code for the table with each comic; you could use Style Sheets or Javascript. Weigh up the pros and cons of all three methods (inc. HTML table code in your text file) and see which will work best for you.

With <a href=http://www.webreference.com/html/tutorial18/>Positional CSS</a> you'd simply put <div id=title></div around your title and set it's position where you want in your style sheet. The main disadvantage tho' is that it doesn't work well with all browsers.

Javascript on the other hand, works with a lot more browsers, but not everybody has it enabled.
<b>head:</b><font color=cyan><pre><script language=javascript>
<!--
var tcTag = '***todays_comics***';
var comic = tcTag;
var news = ''; //you can put default text here
var title = ''; //you can put a default title here

for(n = 0; n <= tcTag.length; n++){
var n8 = n + 8;
if(tcTag.slice(n,n8) == '<!--n-->'){
comic = tcTag.slice(0,n);
news = tcTag.slice(n8,tcTag.lenght);
break;
}
}
for(t = 0; t <= tcTag.length; t++){
var t8 = t + 8;
if(tcTag.slice(t,t8) == '<!--t-->'){
comic = tcTag.slice(0,t);
title = tcTag.slice(t8,n);
break;
}
}
//-->
</script></pre></font><b>body:</b>
put each of these where you want them:<font color=cyan><pre><script>document.write(comic);</script>
<script>document.write(title);</script>
<script>document.write(news);</script></pre></font>With this method, you'd put <font color=cyan face="courier new"><!--t--></font> in front of your title, and <font color=cyan face="courier new"><!--n--></font> in front of your news and bung them both in the same text file. There's a couple of limitations I should mention; all apostrophes must have a forward slash () in front of them, and you can only write on a single line - tho' you can use as many <br> and <p> tags as you want.

I've just thought of a script that takes your title sraight from your comic's file name. If you'd like, I'll whip it up and post it here.