Cowtooncomic.com design

[Ed]

I've been working on a website for my brother's webcomic Cowtoon...

I kind of went for a cartoony look with this one... It's pretty far outside my usual style almost no gradients whatsover(though that may change)...

It's not anywhere near complete

I'm thinking of adding rays of sunlight to the sun on the header...

My brother drew the cow, the pig, the fence and the dog I retraced and colored them in illustrator, and almost completely redit the fence. The barn and everything in the background I made in illustrator..

Oh I've posted a few comics on there just be aware my brother's sense of humor is very different from my own and is not family friendly.


Tell me what you think

[Ed]

Okay apparently wordpress doesn't like me today... Something weird happened with a plugin now the site looks all messed up

[mikethedj4]

I like the header banner on the top, but I think it's a bit to orange maybe making it a little more yellow would make it better, also adding some rays like you said, some clouds, too. As for the body part I'd like to see gradients, cause it seems way to plain, but still a nice layout. I dig the header a lot though.

[Ed]

The only problem with the gradients is that nearly everything in the layout uses repeating backgrounds except the navs and the header

[B.SkiLLs]

Pretty cool. and YES most deff add the rays.

Good work so far.  

Kinda dont like how the bottom pic links are. To close not enough room in the area in height of the green [i think] section to notice fast or right off bat the links for next, prev, etc...

[B.SkiLLs]

by the way.. Is that on my server or did you get another yet ?? [dont matter just asking] As we never finished that email bout it i dont think.. Got to much going on to remember lol.

[Ed]

by the way.. Is that on my server or did you get another yet ?? [dont matter just asking] As we never finished that email bout it i dont think.. Got to much going on to remember lol.

Both cowtooncomic and edtastic are on a new server

[mikethedj4]

For the image previews (next and previous links) why not use a jquery slider like I did here???

[B.SkiLLs]

For the image previews (next and previous links) why not use a jquery slider like I did here???

That's what i was thinking too.

[Ed]

For the image previews (next and previous links) why not use a jquery slider like I did here???

I wouldn't even begin to know how to integrate that with the site.. I'm using wordpress with a plugin specifically for webcomic sites

[mikethedj4]

For the image previews (next and previous links) why not use a jquery slider like I did here???

I wouldn't even begin to know how to integrate that with the site.. I'm using wordpress with a plugin specifically for webcomic sites

Simple you'd put this in your head tags.

Code:

<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>

<script type="text/javascript">
$(document).ready(function(){   
$("#slider").easySlider({
auto: false,
continuous: true
});
});   
</script>

and you'd put this where the images would go.

Code:

<div id="container">
<div id="content">
<div id="slider"><ul>
<li><img src="images/frame01.jpg" alt="Frame 1" /></a></li>
<li><img src="images/frame02.jpg" alt="Frame 2" /></a></li>
<li><img src="images/frame03.jpg" alt="Frame 3" /></a></li>
<li><img src="images/frame04.jpg" alt="Frame 4" /></a></li>

<li><img src="images/frame05.jpg" alt="Frame 5" /></a></li>
<li><img src="images/frame06.jpg" alt="Frame 6" /></a></li>
<li><img src="images/frame07.jpg" alt="Frame 7" /></a></li>
<li><img src="images/frame08.jpg" alt="Frame 8" /></a></li>
</ul></div></div></div>

You can download the CSS, and JQuery files you'd need below, not only does this make it more user friendly it makes it look a lot better too. The only files you really need to exit is example.html, and screen.css, but feel free to edit it however you want. This dude Rafiel gave me the script by the way.

[B.SkiLLs]

For the image previews (next and previous links) why not use a jquery slider like I did here???

I wouldn't even begin to know how to integrate that with the site.. I'm using wordpress with a plugin specifically for webcomic sites

Simple you'd put this in your head tags.

Code:

<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>

<script type="text/javascript">
$(document).ready(function(){   
$("#slider").easySlider({
auto: false,
continuous: true
});
});   
</script>

and you'd put this where the images would go.

Code:

<div id="container">
<div id="content">
<div id="slider"><ul>
<li><img src="images/frame01.jpg" alt="Frame 1" /></a></li>
<li><img src="images/frame02.jpg" alt="Frame 2" /></a></li>
<li><img src="images/frame03.jpg" alt="Frame 3" /></a></li>
<li><img src="images/frame04.jpg" alt="Frame 4" /></a></li>

<li><img src="images/frame05.jpg" alt="Frame 5" /></a></li>
<li><img src="images/frame06.jpg" alt="Frame 6" /></a></li>
<li><img src="images/frame07.jpg" alt="Frame 7" /></a></li>
<li><img src="images/frame08.jpg" alt="Frame 8" /></a></li>
</ul></div></div></div>

You can download the CSS, and JQuery files you'd need below, not only does this make it more user friendly it makes it look a lot better too. The only files you really need to exit is example.html, and screen.css, but feel free to edit it however you want. This dude Rafiel gave me the script by the way.

yup.