Someone want to do me a really big favour?

Shishio · Post by **Shishio** » Wed Oct 10, 2007 8:55 am

I've been trying to use Comicpress to serialize the comics on Comicopia, but while some of the blogs work, others don't. So I figure it's better to move to SomeryC, something I'm already familiar with and that has better support.

I'd like a theme, just a stylesheet, that will mimic this: http://www.comicopiaonline.com/westofbathurst/

I tried using the Comic Press style sheet, but it didn't work, so if someone wants to make me one I can use, I would be grateful.

C.w. · Post by **C.w.** » Wed Oct 10, 2007 8:27 pm

I'm not familiar with SomeryC - what kind of HTML does it spit out? Does it do the whole page, or do you add html into php templates or what?

Shishio · Post by **Shishio** » Thu Oct 11, 2007 7:24 am

You change the html in the php template it generates. When you install it, it just makes a simple black page with your comic, navigation links, dropdown archive, etc.

My site uses SomeryC by the way. As does Subculture Shock, Jack of all Blades, and Penny and Aggie.

More sites that use it are listed here.

I hope that tells you what you need to know. If not, post on the support forum, Zach is really good about answering questions and so forth.

Shishio · Post by **Shishio** » Thu Oct 11, 2007 12:40 pm

Here's the source code for a site I set up today:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250" />
<title>Comicopia Online: Dreamleak</title>
<link rel="stylesheet" href="main.css" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="feed" href="feed.php" />
</head>
<body>
<h1 id="header"></h1>
<div id="comic-area">
<h3>Page 15</h3>
[img class="comicImage" alt="[Comic: Page 15]" src="http://www.comicopiaonline.com/dreamlea ... -07-20.jpg" /] <div class="mainNav">
<ul>
<li><a href='index.php?p=1'>First</a></li>
<li></li>
<li><a href='index.php?p=14'>Previous</a></li>
<li><script type='text/javascript'>

</script>
<select name='Archive' size='1' onchange='gotoSite(this)'><option value='index.php'>---Archive---</option><option></option><option value='?p=15'>Page 15</option><option value='?p=14'>Page 14</option><option value='?p=13'>Page 13</option><option value='?p=12'>Page 12</option><option value='?p=11'>Page 11</option><option value='?p=10'>Page 10</option><option value='?p=9'>Page 9</option><option value='?p=8'>Page 8</option><option value='?p=7'>Page 7</option><option value='?p=6'>Page 6</option><option value='?p=5'>Page 5</option><option value='?p=4'>Page 4</option><option value='?p=3'>Page 3</option><option value='?p=2'>Page 2</option><option value='?p=1'>Page 1</option></select></li>
<li>No Newer</li>
<li></li>
<li></li>
</ul>
<br class="clear" />
</div>
<div id="commentsTitle">
<div class="commentsWidth">
<a name='comments' /><a class='comment' href="?p=15&c=1#comments">no comments</a> | <a href="?p=15&c=1#comments">comment on this comic</a> </div>
</div>
</div>
<div class="comments">
</div>
<div class="post">
</div>
<div id="footer" class="clear">
<p>Powered by <a href="http://someryc.mostpopularcomic.com/">SomeryC</a>.</p>
</div>
</body>
</html>

And the default SomeryC CSS:

body
{
background: #c7c7c7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align: center; /* fixes center layout in IE */
margin: 0;
padding: 0;
color: #333;
}
#header
{
background: #c7c7c7;
border-bottom: 25px solid #dadada;
font-size: 2.0em;
margin: 0;
padding: 20px 0;
}
#footer
{
font-size: 0.8em;
}
#comic-area
{
background: #fff;
margin: 0;
padding: 10px 0 0 0;
}
a:link,
a:visited,
a:active
{
color: #0066FF;
text-decoration: none;
}
a:hover
{
color: #0033CC;
text-decoration: none;
}
.comicImage
{
margin: 10px auto;
padding: 2px;
border: 1px solid #ddd;
}
.post
{
width: 700px;
margin: 5px auto;
border-bottom: 1px solid #aaa;
background: #d2d2d2;
text-align: left;
}
p
{
margin: 5px 5px 20px 25px;
}
h1
{
font-family: Arial, san-serif;
font-size: 2.5em;
padding: 3px 5px 3px 15px;
margin: 0 10%;
border-bottom: 1px solid #0066FF;
}
h2
{
font-weight: 700;
font-size: 1.2em;
margin: 5px;
}
h2 a:link,
h2 a:visited,
h2 a:active,
h2 a:hover
{
color: #3D4661;
text-decoration: none;
}
.byline
{
text-align: right;
font-size: 0.8em;
color: #666;
margin: 3px;
}
/* COMMENTS STYLES
==============================*/
#commentsTitle
{
background: #dadada;
border-bottom: 1px solid #bbb;
padding: 3px 0;
margin: 0;
text-align: right;
font-size: 0.9em;
color: #999;
}
.commentsWidth
{
width: 700px;
margin: 0 auto;
}
.comments
{
width: 700px;
margin: 10px auto;
background: #c7c7c7;
}
#commentPostArea
{
width: 370px;
float: left;
}
.commentPost
{
margin: 5px auto;
border-bottom: 1px solid #aaa;
background: #d2d2d2;
text-align: left;
}
.commentEntry
{
margin: 0;
background: #c7c7c7;
text-align: left;
width: 307px;
float: right;
}
form
{
padding: 3px;
}
legend
{
font-weight: bold;
font-size: 1.8em;
color: #444;
}
label
{
display: block;
font-size: 0.9em;
margin-top: 6px;
color: #555
}
fieldset
{
border: none;
margin: 0;
padding: 0;
}
input.textEntry,
textarea.textEntry
{
border: 1px solid #b2b2b2;
padding: 2px 3px;
margin: 3px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff;
color: #444;
width: 300px;
}

/* on focus effects for Firefox */
input.textEntry:focus,
textarea.textEntry:focus
{
border: 1px solid #b2b2b2;
padding: 2px 3px;
margin: 3px 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #b0cde9;
color: #444;
width: 300px;
}
/* time for nav stuffs */
.mainNav
{
margin: 10px auto;
list-style-type: none;
}
.mainNav li
{
display: inline;
margin: 0;
padding: 3px;
}
.clear
{
clear: both;
}

The default template is a bit different in the newest version, but it's still very basic. And here's the site itself: http://www.comicopiaonline.com/dreamleak/