I need a little help with my Archive code

Can't find the answer to your question in the Knowledge Base? Post it here and we'll answer it as quickly as possible.

Moderator: Help Desk Team

Forum rules
About
This board is designated for Smack Jeeves related support. If you have a question about using the site or the forums, you've come to the right place.

Before Posting
Please browse/search the Knowledge Base & FAQs Forum for the answer to your problem before posting. It contains an extremely helpful, organized list of common help topics.

Got a Bug?
Post it in Bugs & Glitches, not here.

Rules

    1) Use descriptive titles for your threads. Example: "How do I upload comics?" Do not use vague titles like, "question," "HELP! ANYBODY??"

    2) Describe your problem in detail. Explain exactly what is wrong. Post images, screen shots, links, code snippets - whatever is relevant. The better the information you provide, the better the solution you will receive.

    3) One question per thread. Do not post multiple questions in one thread; that way, we can resolve questions individually. Make a new thread for each question you have, unless your questions are closely related.

    4) Be polite. The more polite you are, the more people will want to help you. Be patient, and we will help you find the solution to your problem.

If your question has been resolved, please say so. A thank you would also be nice. If your question has NOT been answered, say so in the original topic. If your topic has been moved to resolved, you may then AND ONLY THEN post a new topic regarding the same issue.

I need a little help with my Archive code

Postby Gibson Twist » March 6th, 2011, 10:11 pm

I'm in the middle of a redesign for the Pictures of You site, and while I've been shockingly able to figure out how to do most of the coding, I am still old, feeble and irrelevant when it comes to coding my Archive. The big problem seems to be that I have chapters inside chapters (or Books, as I have it set up) and can't figure out how to make it segment them properly on the page. Just dividing them into chapters the regular way doesn't seem to do what I need it to do.

My current Archive is set up like this...http://picturesofyou.smackjeeves.com/archive/ There is a very specific code for the present format that I can't seem to duplicate properly in the new design. Anyone who thinks they might be able to help, I'd love to talk.

Thanks in advance.
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby Amante » March 7th, 2011, 12:07 am

Not too experienced with the archive code, but if you liked how it looked on the old design, couldn't you just grab the original code from your Archive Template under Page Design/Appearance and try pasting it right into your new one? Or was there something more direct you were having problems with?
Any SJ related questions? Feel free to look around, and if you can't find an answer, make a topic here and we'll get to you as fast as we can! :D

BlackBlade Rising revamp COMING SOON!
User avatar
Amante
 
Posts: 3013
Joined: June 5th, 2009, 6:52 pm

Re: I need a little help with my Archive code

Postby Gibson Twist » March 7th, 2011, 1:26 am

I did try that and it sort of LOOKED like it was supposed to look, but then everything was screwy and the links didn't work. I may monkey around with it to see if I can Homer my way into making it work, but I have no confidence in my ability to make it happen on purpose. Thanks, though.
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby Mr Aids » March 7th, 2011, 2:06 am

Copying over the old code didn't work? I don't see why it wouldn't if you transferred over all the appropriate HTML and CSS and you make sure the code from the new design didn't conflict with the old code.
kevansevans wrote:
robybang wrote:Also, it's the internet, people always argue over dumb stuff.

Nuh uh
User avatar
Mr Aids
 
Posts: 5703
Joined: April 9th, 2007, 7:02 pm
Location: STRAYA M8

Re: I need a little help with my Archive code

Postby Gibson Twist » March 7th, 2011, 2:49 am

Well, I should probably back up and explain two things.

One, I'm stupid. I've been sort of slowly learning how to sort of slowly do things, most of which is trial and error. I don't know html or css in any capacity great enought to say I know it, so it's entirely possible copy/pasting would work, but I'm not copying the right amount of the code.

Two, the code for the Archive I have now is custom code designed by Enkida who had a unique way of coding, or so it seems. None of the code for the old site seems to be transferable to a new design, or at least if it is, I'm not bright enough to figure how.

Mostly, I'm hoping someone can take a peek at the code and point me in the right direction or give me some idea how to replicate it (or something else, for that matter) within the new site.
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby Mr Aids » March 7th, 2011, 3:33 am

You're not stupid, I remember when I was learning HTML and CSS, it was a terrible time and incredibly frustrating.

I can have a look for you, but I can't guarantee anything, I don't mess around with the archive much. But I need you to copy the following bits of code here:

Overall Layout for the old and new design

Comic Archive for the old and new design
kevansevans wrote:
robybang wrote:Also, it's the internet, people always argue over dumb stuff.

Nuh uh
User avatar
Mr Aids
 
Posts: 5703
Joined: April 9th, 2007, 7:02 pm
Location: STRAYA M8

Re: I need a little help with my Archive code

Postby Gibson Twist » March 7th, 2011, 6:17 am

Would it be easier for me to add you as a co-author on both? I don't mind either, whichever is easiest.
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby Mr Aids » March 7th, 2011, 6:30 am

Nah it's alright, I've already have a webcomic set up for messing around with code, your webcomic would likely get messed up while I try to find a solution.
kevansevans wrote:
robybang wrote:Also, it's the internet, people always argue over dumb stuff.

Nuh uh
User avatar
Mr Aids
 
Posts: 5703
Joined: April 9th, 2007, 7:02 pm
Location: STRAYA M8

Re: I need a little help with my Archive code

Postby Gibson Twist » March 7th, 2011, 7:41 am

Fair enough...

Overall Layout on the old site...
Spoiler! :
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-10136126-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<!-- IE into quirks mode -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<link rel="shortcut icon" href="http://www.gibsontwist.com/PicturesofYou/poy.ico" type="image/x-icon" />
<link rel="icon" href="http://www.gibsontwist.com/PicturesofYou/poy.ico" type="image/ico" />

<meta name="Author" content="Gibson Twist" />
<meta name="Keywords" content="Pictures of You, Gibson Twist, webcomic, webcomics, web comic, web comics, graphic novel" />
<meta name="Description" content="An online graphic novel by Gibson Twist. Pictures of You is the memoire of Peter Morris and
the best friends he ever lost. Comic and tragic, a mature readers tale of sex, drugs and rock n roll." />

<link rel="alternate" type="application/rss+xml" title="Pictures of You RSS" href="http://picturesofyou.smackjeeves.com/rss/" />

<title> Pictures of You - A Graphic Novel </title>


<style type="text/css">


{CONTENT}

<!-- Start of StatCounter Code -->
<script type="text/javascript">
sc_project=3673246;
sc_invisible=1;
sc_partition=44;
sc_security="c56fc06b";
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/free_hit_counter.html"><img class="statcounter" src="http://c45.statcounter.com/3673246/0/c56fc06b/1/" alt="website hit counter" /></a></div></noscript>
<!-- End of StatCounter Code -->

</body>
</html>



Archive on the old site...
Spoiler! :
html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
background:#000 url(http://www.gibsontwist.com/PicturesofYou/background_only.jpg) fixed no-repeat;
background-position:0 120px;
color:#fff;
font-size:0.8em;
font-family:Trebuchet MS, Helvetica, sans-serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#head {
position:absolute;
margin:0;
top:0;
left:0;
display:block;
width:100%;
height:120px;
background:#000 url(http://www.gibsontwist.com/PicturesofYou/background_header.jpg) fixed no-repeat;
background-position:top left;
z-index:5;
text-align:right;}

#left {position:absolute; left:0; top:120px; bottom:0; width:55%; z-index:4; overflow:hidden; background:transparent;}
#right {position:absolute; left:0; top:120px; bottom:0; width:45%; z-index:4; overflow:auto; background:transparent;}
* html #left, * html #right {height:100%; top:0; bottom:0; border-top:120px solid #000; background:transparent;}
#left {left:0; background:transparent;}
#right {left:55%; background:transparent;}

#left img {position:absolute; border:0;}
#right img {border:0; padding:0;}

#hom a:visited, #hom a {display:block; position:absolute; top:0; left:288px; width:146px; height:59px; background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_HOME_OFF.png);}
#hom a:hover {background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_HOME_ON.png);}

#beg a:visited, #beg a {display:block; position:absolute; top:59px; left:288px; width:264px; height:85px; background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_BEGIN_OFF.png);}
#beg a:hover {background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_BEGIN_ON.png);}

#cur a:visited, #cur a {display:block; position:absolute; top:144px; left:334px; width:218px; height:86px; background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_CURRENT_OFF.png);}
#cur a:hover {background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_CURRENT_ON.png);}

#arc a:visited, #arc a {display:block; position:absolute; top:230px; left:403px; width:149px; height:92px; background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_ARCHIVE_OFF.png);}
#arc a:hover {background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_ARCHIVE_ON.png);}

#fav a:visited, #fav a {display:block; position:absolute; top:322px; left:403px; width:149px; height:90px; background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_FAVS_OFF.png);}
#fav a:hover {background:url(http://www.gibsontwist.com/PicturesofYou/BUTTON_FAVS_ON.png);}

#ocomics {display:block; position:absolute; top:415px; left:450px;}

#stat {display:block; position:absolute; top:435px; left:475px;}

#none {display:none;}

a, a.visited {
font-style: normal;
font-weight: bold;
font-variant: normal;
color: #fff;
text-decoration: none
}

a:hover {
color: #9CF;
text-decoration: underline;
}

.centered {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:5px;
}


.right {
text-align:right;
font-size:0.95em;
margin-top:0px;
margin-bottom:0px;
padding:5px;
}


#navlist {
padding: 3px;
margin-bottom: 25px;
}

#navlist ul {
margin-left: 0;
padding-left: 0;
border: none;
}

#navlist ul li {
margin-left: 10px;
padding-left: 2px;
border: none;
list-style: none;
}


#archive {position:relative; display:block; margin:0 auto; background:transparent; overflow:hidden;}
.col {display:block; padding:5px 5px 5px 5px; width:42%; margin-left:5px; float:left;}
.col {width/* */:/**/45%;
width: /**/45%;}



</style>



</head>
<body>




<script name="javascript">
Comics = new Array();
Count = 0;

<!-- BEGIN archive_list -->
Comics[Count++] = "{archive_list.COMIC_TITLE}";
Comics[Count++] = "{archive_list.COMIC_URL}";
Comics[Count++] = "{archive_list.DATE_RELEASED}";
Comics[Count++] = "{archive_list.NUMBER_COMMENTS}";
Comics[Count++] = "{archive_list.THUMBNAIL_IMG_SRC}";
<!-- END archive_list -->

var SplitCharacter = '|';
var BeginningOnly = false;

function DisplayOutline(IndexTag, ChapterName, DispExpander)
{
var InChapter = false;
var TF = false;
var Disp = "<table align='center' border='1' width='90%' cellpadding='4' cellspacing='0' align='center'><tr>";
if (DispExpander) Disp += "<th>&nbsp;</th>";
Disp += "<th>Comic Name</th>";
Disp += "<th>Release Date</th>";
Disp += "<th>Comments";
if (DispExpander) {
Disp += "</th><th>";
Disp += "Preview";
}
Disp += "</th></tr>";
for(Count = 0;Count < Comics.length;Count = Count + 5)
{
TF = false;
for (Innercount = 0;Innercount < IndexTag.split(SplitCharacter).length;Innercount = Innercount + 1)
if (BeginningOnly) {
if (Comics[Count].toLowerCase().indexOf(IndexTag.split(SplitCharacter)[Innercount].toLowerCase()) == 0) TF = true;
} else {
if (Comics[Count].toLowerCase().indexOf(IndexTag.split(SplitCharacter)[Innercount].toLowerCase()) >= 0) TF = true;
}
if (TF) {
Disp += "<tr><td align='center' valign='middle'>";
if (DispExpander) {
Disp += "<a href='javascript:void(0)' onclick='DisplayOutline(\"" + IndexTag + "\", \"" + Comics[Count] + "\", true)'>+</a>";
Disp += "</td><td align='center' valign='middle'>";
}
Disp += "<a href=" + Comics[Count + 1] + ">" + Comics[Count] + "</a>";
Disp += "</td><td align='center' valign='middle'>";
Disp += Comics[Count + 2];
Disp += "</td><td align='center' valign='middle'>";
Disp += Comics[Count + 3] + " Comments";
if (DispExpander) {
Disp += "</td><td align='center' valign='middle'>";
Disp += "<img src=" + Comics[Count + 4] + " />";
}
Disp += "</td></tr>";
InChapter = false;
if (Comics[Count] == ChapterName) InChapter = true;
} else {
if (InChapter) {
Disp += "<tr><td align='center' valign='middle'></td><td align='center' valign='middle'>";
Disp += "<a href=" + Comics[Count + 1] + ">" + Comics[Count] + "</a>";
Disp += "</td><td align='center' valign='middle'>";
Disp += Comics[Count + 2];
Disp += "</td><td align='center' valign='middle'>";
Disp += Comics[Count + 3] + " Comments";
if (DispExpander) {
Disp += "</td><td align='center' valign='middle'>";
Disp += "&nbsp;";
}
Disp += "</td></tr>";
}
}
}
Disp += "</table>";
document.getElementById('Display').textContent = Disp;
document.getElementById('Display').innerHTML = Disp;
}

</script>


<div id="left">

<div id="none">
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_HOME_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_BEGIN_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_CURRENT_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_ARCHIVE_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_FAVS_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_SMACKJEEVES_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_ENKIDA_ON.png" title="" />
<img src="http://www.gibsontwist.com/PicturesofYou/BUTTON_NEWSARC_ON.png" title="" />
</div>

<div id="hom"><a href="http://picturesofyou.smackjeeves.com" title="Home"></a></div>

<div id="beg"><a href="http://picturesofyou.smackjeeves.com/comics/110822/" title="Begin the Novel"></a></div>

<div id="cur"><a href="http://picturesofyou.smackjeeves.com/comics" title="Current Page"></a></div>

<div id="arc"><a href="http://picturesofyou.smackjeeves.com/archive" title="Archive"></a></div>

<div id="fav"><a href="http://www.smackjeeves.com/favorites.php?add=11412" title="Add to Favorites"></a></div>

<div id="ocomics"><a href="http://ourtimeineden.smackjeeves.com">
<img src="http://www.gibsontwist.com/PicturesofYou/eden%20button.png" border="0" alt="A graphic novel from Gibson Twist and Ben Steeves">
</a></div>

<div id="stat">
<!-- Start of StatCounter Code -->
<script type="text/javascript">
sc_project=3673246;
sc_invisible=0;
sc_partition=44;
sc_security="c56fc06b";
</script>

<script type="text/javascript" src="http://www.statcounter.com/counter/counter_xhtml.js"></script><noscript><div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c45.statcounter.com/3673246/0/c56fc06b/0/" alt="hit counter" /></a></div></noscript>
<!-- End of StatCounter Code -->
</div>


</div>

<div id="right">


<table width="90%" border="0" cellpadding="0" cellspacing="0">
<tr><td width="20" height="24" background="http://www.gibsontwist.com/PicturesofYou/box_top_left.gif"></td>
<td height="24" background="http://www.gibsontwist.com/PicturesofYou/box_top.gif"></td>
<td width="20" height="24" background="http://www.gibsontwist.com/PicturesofYou/box_top_right.gif"></td>
</tr>
<tr><td width="20" background="http://www.gibsontwist.com/PicturesofYou/box_side_left.gif"></td>
<td bgcolor="#5D7691">
<img src="http://www.gibsontwist.com/PicturesofYou/archive.gif" alt="" style="float:left;" />
<a href="http://picturesofyou.smackjeeves.com/rss" title="RSS Feed"><img src="http://www.smackjeeves.com/templates/default/images/rss.gif" alt="RSS Feed" style="float:right; padding:15px 25px 0 0;" /></a>

<br style="clear:both;" />

<p class="centered">
<a href="javascript:void(0)" onclick="DisplayOutline('', '', false)">Full Archive</a> &nbsp;&#164;&nbsp;
<a href="javascript:void(0)" onclick="DisplayOutline('Cover', '', true)">Covers</a>&nbsp;&#164;&nbsp;
<a href="javascript:void(0)" onclick="DisplayOutline('Extra', '', true)">Extras!</a>&nbsp;&#164;&nbsp;
<a href="javascript:void(0)" onclick="DisplayOutline('Snapshot', '', true)">Snapshots</a>&nbsp;&#164;&nbsp;
<a href="javascript:void(0)" onclick="DisplayOutline('About The Author', '', true)">About The Author</a>
</p>
<br />


<div id="Display"></div>
<br />
<div id="archive">

<!-- begin left column -->
<div class="col">

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('1.', '', false)">Book One: Pictures Of You</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.01', '', true)">1: A Step Out of the Wilderness</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.02', '', true)">2: The Learning Curve</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.03', '', true)">3: The Cat in the Box</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.04', '', true)">4: Opening Moves</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.05', '', true)">5: 20 Stupid Questions</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.06', '', true)">6: The Girls Next Door</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.07', '', true)">7: A Flaw In Logic</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('1.08', '', true)">8: You Can't Be A Spectator All Your Life</a></li>
</ul>
</div>

</div> <!-- end left column -->

<!-- begin right column -->
<div class="col">

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('2.', '', false)">Book Two: One-Inch Punch</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.00', '', true)">Prelude: A Letter Home</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.01', '', true)">1: Spice Up Your Life</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.02', '', true)">2: Why I Hate Tatooine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.03', '', true)">3: Power To The People</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.04', '', true)">4: The Rules</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.05', '', true)">5: I'm Not The Man</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.06', '', true)">6: Schadenfreude</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.07', '', true)">7: His Tongue Becomes A Cannon</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.08', '', true)">8: The Other Man</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.09', '', true)">9: En Passant</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.10', '', true)">10: One Dim Bulb</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.11', '', true)">11: Punk Rocker Now</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.12', '', true)">12: Study Break</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.13', '', true)">13: Finals</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.14', '', true)">14: Shindig</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.15', '', true)">15: Pillow Talk</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.16', '', true)">16: Home for the Holidays</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.17', '', true)">17: One-Inch Punch!</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('2.18', '', true)">18: Last Shot</a></li>

</ul>
</div>

</div> <!-- end right column -->

<br style="clear:both;" />


<!-- begin left column -->
<div class="col">

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('3.I.', '', false)">Book Three: Bishop Street - Summer</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.I.01', '', true)">1: Heat</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.I.02', '', true)">2: Bishop Street</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.I.03', '', true)">3: Dirty Work</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.I.04', '', true)">4: A Wise Investment</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.I.05', '', true)">5: Summertime Rolls</a></li>

</ul>
</div>

</div> <!-- end left column -->

<!-- begin right column -->

<div class="col">

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('3.II.', '', false)">Book Three: Bishop Street - Autumn</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.01', '', true)">1: The Better Man</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.02', '', true)">2: Tattoo You</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.03', '', true)">3: Back To School</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.04', '', true)">4: Dancing Queen</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.05', '', true)">5: Run and Hide</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.06', '', true)">6: Bruises</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.07', '', true)">7: Pushing Wood</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.08', '', true)">8: Rumours</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.09', '', true)">9: An Unexpected Party</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.II.10', '', true)">10: Back To Work</a></li>


</ul>
</div>

</div> <!-- end right column -->



<!-- begin left column -->

<div class="col">



<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('3.III.', '', false)">Book Three: Bishop Street - Winter</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.01', '', true)">1: Devil's Playground</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.02', '', true)">2: Devil's Fork</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.03', '', true)">3: Devil's Night</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.04', '', true)">4: Devil's in the Details</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.05', '', true)">5: Devil's Haircut</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.06', '', true)">6: Devil's Food</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.07', '', true)">7: Devil's Music</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.08', '', true)">8: Devil's Advocate</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.09', '', true)">9: Devil's Horn</a></li>


<!--

<li><a href="javascript:void(0)" onclick="DisplayOutline('3.III.10', '', true)">10: Devil's Trap</a></li>


</ul>
</div>

</div> <!-- end left column -->




<!-- begin right column -->
<div class="col">

<!--

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('4.', '', false)">Book Four: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('4.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end right column -->

<br style="clear:both;" />


<!-- begin left column -->
<div class="col">

<!--

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('5.', '', false)">Book Five: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('5.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end left column -->

<!-- begin right column -->
<div class="col">

<!--

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('6.', '', false)">Book Six: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('6.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end right column -->

<br style="clear:both;" />

<!-- begin left column -->
<div class="col">

<!--

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('7.', '', false)">Book Seven: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('7.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end left column -->

<!-- begin right column -->
<div class="col">

<!--

<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('8.', '', false)">Book Eight: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('8.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end right column -->

<br style="clear:both;" />

<!-- begin left column -->
<div class="col">

<!--
<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('9.', '', false)">Book Nine: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('9.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end left column -->

<!-- begin right column -->
<div class="col">

<!--
<div id="navlist">
<a href="javascript:void(0)" onclick="DisplayOutline('10.', '', false)">Book Ten: Title</a>
<ul>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.00', '', true)">Prologue</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.01', '', true)">1: Chapter Title</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.02', '', true)">2: Chapter Two</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.03', '', true)">3: Chapter Three</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.04', '', true)">4: Chapter Four</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.05', '', true)">5: Chapter Five</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.06', '', true)">6: Chapter Six</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.07', '', true)">7: Chapter Seven</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.08', '', true)">8: Chapter Eight</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.09', '', true)">9: Chapter Nine</a></li>
<li><a href="javascript:void(0)" onclick="DisplayOutline('10.10', '', true)">10: Chapter Ten</a></li>
</ul> <!-- make sure this closing "ul" tag is uncommented when you activate this chapter! -->
</div>


</div> <!-- end right column -->

<br style="clear:both;" />


</div> <!-- end archive -->


</td>
<td width="20" background="http://www.gibsontwist.com/PicturesofYou/box_side_right.gif"></td>
</tr>
<tr><td width="20" height="24" background="http://www.gibsontwist.com/PicturesofYou/box_bottom_left.gif"></td>
<td height="24" background="http://www.gibsontwist.com/PicturesofYou/box_bottom.gif"></td>
<td width="20" height="24" background="http://www.gibsontwist.com/PicturesofYou/box_bottom_right.gif"></td>
</tr>
</table>



<p class="centered" style="font-size:0.85em;">Hosted by <a href="http://www.smackjeeves.com">Smackjeeves</a> &#183; Design by <a href="http://www.smackjeeves.com/profile.php?id=3996">Enkida</a></p>


</div>




<div id="head"><img src="http://www.gibsontwist.com/PicturesofYou/header.gif" alt="Pictures of You" style="border:0;" /></div>



Overall Layout on the new site
Spoiler! :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>{PAGE_TITLE} :: {SITE_NAME}</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">


<style type="text/css">
@import url("http://www.smackjeeves.com/templates/default/default_jumpbox.css");

body
{
background:black url(http://www.picturesofyoucomic.com/files/Desk.png) fixed no-repeat top center ;
color:#badaed ;
font-family:georgia,sans-serif;
font-size:9pt;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:13pt;
margin:0;
padding:0;
align: left;
img:#150600 url(images/greyBG.jpg) repeat-x;
}
#container
{
margin: 0 15px;
}
a
{
color: #7ea8c1 ;
text-decoration: none;
}
a:visited
{
color: #7ea8cl ;
}
a:hover
{
color: #eff9ff ;
text-decoration:underline;
}
.navbar, #menu
{
padding: 4px;
}
.navbar
{
white-space: nowrap;
}

.navi
{
padding: 0 4px;
text-align: center;

}
h1
{
background: none;
text-align: left;
color: #badaed ;
text-transform: uppercase;
font-size: 20px;
margin-left: 10px;
}
h2
{
text-align:center;
color: #badaed;
font-family: 'Georgia';
font-size: 15px;
margin-bottom: 2px;
text-transform: uppercase;
}
#sidebar, #sidebar2, #container
{
border: 6px double #7ea8cl;
padding: 0px;
text-align: center;
}

#sidebar
{
background-color:#none;
width:160px;
}
#sidebar2
{
background-color:#none;
width:160px;
}
#menu
{
width:100%;
background-color:#none;
text-align:center;
text-transform: uppercase;
}
#menu a
{
font-family: 'Helvetica';
text-decoration: bold;
color:#badaed ;
font-variant: small-caps;
background-color:#none;
}
#menu a:hover
{
color:none;
}
#menu ul
{

}
#menu li
{
display:inline;
}
#topnav
{
width:100%;
background-color:#none;
text-align:center;
}
#comicset
{
margin:15px 0px 20px 0px;
text-align:left;
background-color:#none;
}
#avi
{
background:#none;
width:125px;
height:125px;
border: 6px double #7ea8c1 ;
align:center;
}
.authorcomments
{
background: #000;
border: 1px solid #7ea8cl ;
padding: 5px;
margin-right: 1em;
text-align: left;
min-height: 130px;
}

</style>

</head>

<body>

<center><img src="http://picturesofyou.smackjeeves.com/files/SiteBanner.png"></center>

<div id="menu" style="margin: 0 auto; width: 900px; background: none;">
{MENU}
</div>

<table width="1024" cellpadding="0" cellspacing="0" border="0" align="center">
<tr>

<td valign="top">

<div id="container" align="center">
{CONTENT}
</div>

</td>
<td valign="top">

<div id="sidebar2" align="center">


<!-- Beginning of Project Wonderful ad code: -->
<!-- Ad box ID: 53740 -->
<script type="text/javascript">
<!--
var pw_d=document;
pw_d.projectwonderful_adbox_id = "53740";
pw_d.projectwonderful_adbox_type = "3";
//-->
</script>
<script type="text/javascript" src="http://www.projectwonderful.com/ad_display.js"></script>
<noscript><map name="admap53740" id="admap53740"><area href="http://www.projectwonderful.com/out_nojs.php?r=0&c=0&id=53740&type=3" shape="rect" coords="0,0,160,600" title="" alt="" target="_blank" /></map>
<table cellpadding="0" border="0" cellspacing="0" width="160" bgcolor="#ffffff"><tr><td><img src="http://www.projectwonderful.com/nojs.php?id=53740&type=3" width="160" height="600" usemap="#admap53740" border="0" alt="" /></td></tr></table>
</noscript>
<!-- End of Project Wonderful ad code. -->



<!-- Beginning of Project Wonderful ad code: -->
<!-- Ad box ID: 53741 -->
<script type="text/javascript">
<!--
var pw_d=document;
pw_d.projectwonderful_adbox_id = "53741";
pw_d.projectwonderful_adbox_type = "3";
//-->
</script>
<script type="text/javascript" src="http://www.projectwonderful.com/ad_display.js"></script>
<noscript><map name="admap53741" id="admap53741"><area href="http://www.projectwonderful.com/out_nojs.php?r=0&c=0&id=53741&type=3" shape="rect" coords="0,0,160,600" title="" alt="" target="_blank" /></map>
<table cellpadding="0" border="0" cellspacing="0" width="160" bgcolor="#ffffff"><tr><td><img src="http://www.projectwonderful.com/nojs.php?id=53741&type=3" width="160" height="600" usemap="#admap53741" border="0" alt="" /></td></tr></table>
</noscript>
<!-- End of Project Wonderful ad code. -->




<h2>COOL SHIT</h2>
<a href="...">LINK HERE</a><br>
<a href="...">LINK HERE</a><br>
<a href="...">LINK HERE</a><br>


<h2>CREDITS</h2>
<center>
Original Design by <a href="http://www.smackjeeves.com/profile.php?id=6601" title="KINGV">kingv</a><br>
Hosted by <a href="http://www.smackjeeves.com" title="Smackjeeves">Smackjeeves</a>
</center>
</div>

</td>
</tr>
</table>

</body>
</html>



Archive on the new site, such as it is...
Spoiler! :
<div id="dhtmltooltip"></div>



<h4 class="red">&#187; Comic Archive</h4>




<!-- BEGIN switch_comic_has_chapters -->

<style type="text/css">

.chapter_list
{
text-align: center;
}

.chapter_list a
{
padding: 4px 7px;
margin: 0 4px 8px;
display: inline-block;
border: 1px solid;
background: #000;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-decoration: none;
}

</style>

<div class="chapter_list">

<!-- BEGIN archive_chapters -->
<a href="#ch_{archive_chapters.CHAPTER_ID}">{archive_chapters.CHAPTER_TITLE}</a>
<!-- END archive_chapters -->

</div><br />

<!-- END switch_comic_has_chapters -->

<style type="text/css">

#chapter_table
{
border-collapse: separate;
white-space: nowrap;
}

#chapter_table th, #chapter_table td
{
padding: 4px 6px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}

#chapter_table th
{
background: #none;
color: white;
}

#chapter_table td
{
background: transparent;
}

.chapter_title h2
{
margin: .5em;
font-size: 1.3em;
}

</style>

<table id="chapter_table" align="center">

<tr><th>#</th><th>Title</th><th>Date Released</th><th>Comments</th></tr>

<!-- BEGIN archive_chapters -->

<!-- BEGIN switch_comic_has_chapters -->
<tr><td colspan="4" class="chapter_title"><a name="ch_{archive_chapters.CHAPTER_ID}"></a><h2>{archive_chapters.CHAPTER_TITLE}</h2></td></tr>
<!-- END switch_comic_has_chapters -->

<!-- BEGIN archive_comics -->
<tr>
<td>{archive_chapters.archive_comics.COMIC_NUMBER}</td>
<td><a href="{archive_chapters.archive_comics.COMIC_URL}" onMouseOver="ddrivetip(thumbnail('{archive_chapters.archive_comics.THUMBNAIL_IMG_SRC}'))" onMouseOut="hideddrivetip()">{archive_chapters.archive_comics.COMIC_TITLE}</a></td>
<td>{archive_chapters.archive_comics.DATE_RELEASED}</td>
<td><a href="{archive_chapters.archive_comics.COMIC_URL}">{archive_chapters.archive_comics.NUMBER_COMMENTS} Comments</a></td>
</tr>

<!-- END archive_comics -->

<!-- END archive_chapters -->


</table>



<style type="text/css">

#dhtmltooltip{

position: absolute;

border: 2px solid black;

background: #fff;

padding: 2px;

visibility: hidden;

z-index: 100;

/*Remove below line to remove shadow. Below line should always appear last within this CSS*/

filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);

}

</style>



<script language="JavaScript" type="text/javascript">

/* <![CDATA[ */



/***********************************************

* Cool DHTML tooltip script- � Dynamic Drive DHTML code library (www.dynamicdrive.com)

* This notice MUST stay intact for legal use

* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code

***********************************************/



var offsetxpoint=15 //Customize x offset of tooltip

var offsetypoint=25 //Customize y offset of tooltip

var ie=document.all

var ns6=document.getElementById && !document.all

var enabletip=false

if (ie||ns6)

var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""



function ietruebody(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}



function ddrivetip(thetext, thecolor, thewidth){

if (ns6||ie){

if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"

if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor

tipobj.innerHTML=thetext

enabletip=true

return false

}

}



function positiontip(e){

if (enabletip){

var curX=(ns6)?e.pageX : event.x+ietruebody().scrollLeft;

var curY=(ns6)?e.pageY : event.y+ietruebody().scrollTop;

//Find out how close the mouse is to the corner of the window

var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20

var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20



var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000



//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<tipobj.offsetWidth)

//move the horizontal position of the menu to the left by it's width

tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"

else if (curX<leftedge)

tipobj.style.left="5px"

else

//position the horizontal position of the menu where the mouse is positioned

tipobj.style.left=curX+offsetxpoint+"px"



//same concept with the vertical position

if (bottomedge<tipobj.offsetHeight)

tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"

else

tipobj.style.top=curY+offsetypoint+"px"

tipobj.style.visibility="visible"

}

}



function hideddrivetip(){

if (ns6||ie){

enabletip=false

tipobj.style.visibility="hidden"

tipobj.style.left="-1000px"

tipobj.style.backgroundColor=''

tipobj.style.width=''

}

}



document.onmousemove=positiontip



function thumbnail(img_src) {



return '<img src="' + img_src + '" />';



}

/* ]]> */

</script>
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby Mr Aids » March 7th, 2011, 5:30 pm

Thanks, I'll get to work on it as soon as possible.
kevansevans wrote:
robybang wrote:Also, it's the internet, people always argue over dumb stuff.

Nuh uh
User avatar
Mr Aids
 
Posts: 5703
Joined: April 9th, 2007, 7:02 pm
Location: STRAYA M8

Re: I need a little help with my Archive code

Postby Gibson Twist » March 7th, 2011, 7:16 pm

Cheers! That's awesome, thanks a lot.
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby Mr Aids » March 10th, 2011, 2:15 am

Alright I've had a look at the code and I'm proud to say it's unlike anything I've ever seen. Enkida sure knows how to work a template.

She's used Javascript for the links, that's what makes it difficult, I have very little experience with Javascript. Perhaps by moving this request to New Questions someone else may provide a solution, and if that fails Enkida may have to be contacted so she can work her magic again.
kevansevans wrote:
robybang wrote:Also, it's the internet, people always argue over dumb stuff.

Nuh uh
User avatar
Mr Aids
 
Posts: 5703
Joined: April 9th, 2007, 7:02 pm
Location: STRAYA M8

Re: I need a little help with my Archive code

Postby trenton_dawn » March 10th, 2011, 3:36 am

Do you want to incorporate the new built-in "Chapters" feature into your archive template or do you not care about that? I'm assuming you don't. If that is the case, then try this (save your template first, though, as I haven't tested it):

Step 1: Delete your whole new Archive code.

Step 2: From your old Archive code, find this section of code:
Code: Select all
<script name="javascript">
Comics = new Array();
Count = 0;

Copy everything starting from there up to and including the line that says </script> and just paste that into your new Archive, now freshly empty.

Step 3: In that section you just pasted, find this segment of code, near the top:
Code: Select all
<!-- BEGIN archive_list -->
Comics[Count++] = "{archive_list.COMIC_TITLE}";
Comics[Count++] = "{archive_list.COMIC_URL}";
Comics[Count++] = "{archive_list.DATE_RELEASED}";
Comics[Count++] = "{archive_list.NUMBER_COMMENTS}";
Comics[Count++] = "{archive_list.THUMBNAIL_IMG_SRC}";
<!-- END archive_list -->

Replace it with this:
Code: Select all
<!-- BEGIN archive_chapters -->
<!-- BEGIN archive_comics -->
Comics[Count++] = "{archive_chapters.archive_comics.COMIC_TITLE}";
Comics[Count++] = "{archive_chapters.archive_comics.COMIC_URL}";
Comics[Count++] = "{archive_chapters.archive_comics.DATE_RELEASED}";
Comics[Count++] = "{archive_chapters.archive_comics.NUMBER_COMMENTS}";
Comics[Count++] = "{archive_chapters.archive_comics.THUMBNAIL_IMG_SRC}";
<!-- END archive_comics -->
<!-- END archive_chapters -->


Step 4: Find this code in your old Archive:
Code: Select all
<br style="clear:both;" />

<p class="centered">

Copy everything from there up to and including a line that says: </div> <!-- end archive -->
Paste it into your new Archive, at the bottom.

Step 5: In your new Overall Layout, below the line <style type="text/css">, add this:
Code: Select all
.centered {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:5px;
}
#navlist {
padding: 3px;
margin-bottom: 25px;
}
#archive {position:relative; display:block; margin:0 auto; background:transparent; overflow:hidden;}
.col {display:block; padding:5px 5px 5px 5px; width:42%; margin-left:5px; float:left;}
.col {width/* */:/**/45%;
width: /**/45%;}


That should work, though it might need a little bit of touching up. Remember, I haven't tested it so save what you have now before going trigger-happy with the deleting.
Gaia, a fantasy comic
Ghost, an online novel — Sketchbook thread — deviantArt
Need assistance with anything? Feel free to PM me.
Seven Rain wrote:Trenton speaks words of wisdom.
User avatar
trenton_dawn
 
Posts: 2710
Joined: December 14th, 2006, 7:59 pm
Location: Auberdine, Darkshore (Alliance Territory)

Re: I need a little help with my Archive code

Postby Gibson Twist » March 10th, 2011, 4:47 am

The only reason I don't use the Chapters is that there are "Books" and then "Chapters" within them, and in one book there are different sub-books, which is all a little too complicated for the Chapters function, or at least as far as I can tell. I might be wrong about that, but to the best of my knowledge, I can't use them.

But AWESOME! I will try your code out as soon as I get the chance and millions of thanks to you guys for helping me out. You're brilliant.
User avatar
Gibson Twist
 
Posts: 1750
Joined: August 13th, 2006, 9:38 pm
Location: Lost

Re: I need a little help with my Archive code

Postby trenton_dawn » March 10th, 2011, 4:51 am

Yeah, especially with the code Enkida worked up for you, you already have all the chapter functionality and then some, so there's no real reason to change over. I'm going to assume there's more work to come after those steps I gave, so I await your return and cross my fingers that it works.
Gaia, a fantasy comic
Ghost, an online novel — Sketchbook thread — deviantArt
Need assistance with anything? Feel free to PM me.
Seven Rain wrote:Trenton speaks words of wisdom.
User avatar
trenton_dawn
 
Posts: 2710
Joined: December 14th, 2006, 7:59 pm
Location: Auberdine, Darkshore (Alliance Territory)

Next

Return to New Questions

Who is online

Users browsing this forum: No registered users and 8 guests