Pokemon

Have a Smack Jeeves template you'd like to share with the community? Post it here!

Pokemon

Postby DesireFreedom » January 31st, 2012, 5:20 pm

I've been getting a lot of requests for free pokemon layouts. And while I do love to help out as many people as I can, it's not very cost effective :lol:
So, I decided to make one that anyone can use! This will hopefully be enjoyable to those seeking a pokemon layout.

I call it: "Who's That Pokemon?" Because that was the concept for its design. http://pokemonlayout1.smackjeeves.com/

It features a unique font for the top banner, so you can put the title of your comic in. As well as a separate text area where any little information such as when you update, or a subtitle.

The icons on the top change when you mouseover them. And on the lefthand navigation, the pokemon on the top changes each time a page is loaded.

Here is the code, it just goes in the Overall Layout section.

Code: Select all
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title>{SITE_NAME} - {PAGE_TITLE}</title>
   <META NAME="Description" CONTENT="{SITE_DESCRIPTION}">
   <META NAME="Keywords" CONTENT="{SITE_NAME}, {PAGE_TITLE}, good webcomic">
<link href="http://desirefreedom.webs.com/pokemon1/style.css" rel ="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Wellfleet' rel='stylesheet' type='text/css'>
</head>
<body>
<map name="first">
<area shape="rect" coords="25,0,113,97" href="{SITE_URL_FULL}" alt=""
   onMouseOver="if(document.images) document.first0.src='http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/home.png';"
   onMouseOut="if(document.images) document.first0.src='http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/topbanner.png';" >
<area shape="rect" coords="26,0,26,2" alt="">
<area shape="rect" coords="569,39,704,119" href="{FIRST_COMIC_URL}" alt=""
   onMouseOver="if(document.images) document.first0.src='http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/first.png';"
   onMouseOut="if(document.images) document.first0.src='http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/topbanner.png';" >
<area shape="rect" coords="734,6,892,124" href="{latest_comic.URL}" alt=""
   onMouseOver="if(document.images) document.first0.src='http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/latest.png';"
   onMouseOut="if(document.images) document.first0.src='http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/topbanner.png';" >
</map>
<div class="container">
<div id="logo">
<img name="first0" src="http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/topbanner.png" width="924" height="200" border="0" usemap="#first" alt="" /></div>
<MainTitle>Who's That Pokemon?!</MainTitle>
<LittleText>Updated Every Saturday</LittleText>
<div id="header"><div id="header-bottom">
<div id="leftcolumn">
<SCRIPT LANGUAGE="Javascript">
function banner() { } ; b = new banner() ; n = 0
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/Rapidash.png' border='0' alt='Rapidash'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/Raichu.png' border='0' alt='Raichu'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/mew.png' border='0' alt='Mew'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/persian.png' border='0' alt='Persian'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/arcanine.png' border='0' alt='Arcanine'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/arbok.png' border='0' alt='Arbok'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/zapdos.png' border='0' alt='Zapdos'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/Tyranitar.png' border='0' alt='Tyranitar'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/lugia.png' border='0' alt='Lugia'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/Dragonite.png' border='0' alt='Dragonite'>"
b[n++]= "<img name=randimg SRC='http://i1083.photobucket.com/albums/j386/DesireFreedom/Pokemon/blastoise.png' border='0' alt='Blastoise'>"
i=Math.floor(Math.random() * n) ;
document.write( b[i] )
</SCRIPT><br />
<p><div align="center">
<ul class="menu">
<li><a href="" alt="">Archive</a></li>
<li><a href="" alt="">News</a></li>
<li><a href="" alt="">Creator</a></li>
<li><a href="" alt="">Contact</a></li>
</ul>
<br />
<a href="http://www.smackjeeves.com/viewsite.php?random" border="0"><img src="http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/randomcomic.png" border="0"></a><br /><br />
<a href="http://www.smackjeeves.com/favorites.php?add={SITE_ID}" border="0"><img src="http://i1083.photobucket.com/albums/j386/DesireFreedom/pokemon1/fav.png" border="0"></a>

</div>
</p>
</div>
<div id="centercolumn">
<tr><td>{CONTENT}</td></tr>
</div>
</div>
</div>
<div id="footer">
All characters, art, story, etc. Copyright &copy; {YEAR} <br />
Proudly hosted by <a href="http://www.smackjeeves.com">Smack Jeeves Webcomic Hosting</a>  |  Site design and coding by <a href="http://www.smackjeeves.com/profile.php?id=119110">DesireFreedom</a><br/>
</div>
</body>
</html>


I'm not sure what else to say. Admin helped me with the CSS, there were some things I'd forgotten. I am thankful for his help. I will be making more layouts soon!
Image
I make smackjeeves layouts! And I can work with any budget, including "I cannot pay you a single dime..." so send me a note!
Completed Layouts: Bitter-Sweet, From The Back of a Dodrio, Flavescent, Zero Degree Void.
Working on: None, currently
User avatar
DesireFreedom
 
Posts: 40
Joined: June 9th, 2011, 6:36 pm
Location: SouthWest

Return to Template Submission

Who is online

Users browsing this forum: No registered users and 1 guest

cron