Welcome to Extreme Makeover: The Avatar Portal Edition. This is a contest to see who can come up with the best new design for AP's main site and forum. The site design winner will not only get their design featured as the new design for the site, but will also get their choice of the Korra DVDs and an ATLA boxset (or something else if you have them all) for designing a main site skin(s). The forum design winner (who can also be the site design winner) will get an Avatar memorabilia from us the owners (ex: Momo plushie). Although the best design will ultimately be chosen by Uncle Iroh, Tev, and myself, a poll will open up close to the end where users can vote for their favorite entry which we'll take into consideration. The rules are quite simple:
Site design rules:
-Include all the links we have on our page on the left and right, including the ads (at the very minimum links to them, doesn't need to be images)
-Include the footer of the page
-Images must be .png format.
-Page/site must be .php format
-Colors for the page to be done in CSS/HTML/any transferable format.
-Korra related.
-Does not need to include the WB page (we'll take care of that).
-Winner will receive their choice of an Avatar season DVD or the Korra 1st season DVD when it comes out.
Forum Design Rules:
-We use phpbb forum. We will provide you with the our basic template file to modify, and hope to have a test forum for you all to use.
-Must include the chat at the bottom of the forum (We use chatango, we can take care of the colors for you)
-Winner will receive Avatar memorabilia, such as a Momo plushie Sots has in stock.
Contest deadline:
All potential contestants have until March 26th, 2012 to enter their design(s). You are more than free to post your designs in this thread for people to give feedback on before then.
Files for your use:
This is the CSS code for the site you can play with unless you plan on starting a code from scratch:
- Code: Select all
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Avatar Portal - An Avatar: The Last Airbender and Legend of Korra Fansite, Podcast, Forum, and Community</title>
<link href="test/includes/index.css" rel="stylesheet" type="text/css" />
<script type="text/JavaScript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<style type="text/css">
<!--
.BodyTextNewDesign {font-size: small}
.style3 {color: #BA9665; font-weight: bold; }
.TitleTextNewDesign {
font-size: medium;
color: #B59A6F;
font-weight: bold;
}
.style5 {color: #FFFFFF}
.style6 {color: #B59A6F}
body,td,th {
font-size: 0.67em;
}
body {
background-image: url(/test/dvd2%20copy.png);
}
.style7 {
color: #009900;
font-size: large;
}
-->
</style>
<meta name="alexaVerifyID" content="11-UIikfoH_s57eKu_0ZzB0B47o" />
</head>
<body>
<div class="headwrap_outer">
<div class="headwrap_inner">
<div class="headtoprow_leftouter">
<div class="headtoprow_leftinnertop">
<?PHP include('Header new 2.txt');?>
</div></div>
</div>
<div class="left_column_outer">
<div class="v3subjectmenu_container">
<h3><?PHP include('LeftMenu new.txt');?> </h3>
</div>
</div>
<div class="content_column_outer">
<div class="content_inner">
<h3 align="center">
<iframe src="http://www.theavatarportal.org/blog" height = "6500" width="100%" frameborder="0" border="0" id="frameName"></iframe>
</h3>
</div>
<div class="footer">
<?PHP include('Footer new.txt');?>
</div>
</div>
<div class="right_column_outer">
<div class="rightmenu_content">
<h3 align="center">
<?PHP include('Headlines new.txt');?>
</h3>
</h3>
</h3>
</div>
</div>
<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-9657090-1");
pageTracker._trackPageview();
} catch(err) {}</script></body>
</html>
Code for the left side:
- Code: Select all
<p align="left"><font size="3" color="#999999">Community Pages</font></p>
<p align="left"><font size="2"><a href="http://www.theavatarportal.org">Site Home</a><br>
<a href="http://www.theavatarportal.org/forum">Forum</a><br>
<a href="http://www.theavatarportal.org/Chat.php">Chat</a><br>
<a href="http://theavatarportal.org/forum/viewforum.php?f=41">Fan Fiction</a><br>
<a href="http://theavatarportal.org/forum/viewforum.php?f=37">Fan Art and Media</a><br>
<a href="http://www.theavatarportal.org/portalcast.php">Portalcast and Korrakast</a><br>
<a href="http://www.theavatarportal.org/search.php">Search</a><br>
<a href="http://www.theavatarportal.org/Contact-Us.php">Contact Us</a><br>
<a href="http://www.theavatarportal.org/About-Us.php">About Us</a><br>
<a href="http://www.theavatarportal.org/affiliates.php">Affiliates</a></font></p>
<p align="left"><font size="3" color="#999999">Avatar Pages</font></p>
<p align="left"><font size="2"><a href="http://www.theavatarportal.org/Watch-Episodes.php">Episodes and Videos</a><br>
<a href="http://theavatarportal.org/screenshots.php">Screenshots and Images</a><br>
<a href="http://www.theavatarportal.org/korraportal.php">Legend of Korra Portal</a><br>
<a href="http://theavatarportal.org/tla.php">The Last Airbender Movie</a><br>
<a href="http://www.theavatarportal.org/faq.php">Frequently Asked Questions</a><br>
<a href="http://www.theavatarportal.org/Music.php">Music of ATLA</a><br>
<a href="http://www.theavatarportal.org/merch.php">Avatar Merchandise</a><br>
<a href="http://www.theavatarportal.org/staff.php">Show Staff</a></font></p>
<p align="left" class="style3"><font size="3" color="#999999">AP Network</font></p>
<p align="left"><font size ="2"><a href="http://twitter.com/AvatarPortal" title="Follow us on Twitter">Follow us on Twitter</a><br>
<a href="http://www.facebook.com/pages/The-Avatar-Portal/44116901804?ref=nf" title="Find us on Facebook">Find us on Facebook</a><br>
<a href="http://itunes.apple.com/us/podcast/a-podcast-for-the-legend-korra/id455551320" title="Subscribe to our podcast: PortalCast">Subscribe to our Podcast</a><br>
<a href="http://feeds.feedburner.com/theavatarportal/mMku" title="Follow us on RSS feed">RSS Feed of our News</a><br>
<a href="http://pages.simonandschuster.com/LastAirbender" title="Simon and Schuster Publishing Company's TLA Merchandise Page">Simon and Schuster TLA Page</a><br>
<a href="http://www.theavatarportal.org/merch.php" title="Buy products from the Avatar universe">Avatar Products on Amazon</a></p></font>
<p align="left"><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=uncleirohap"></script>
<!-- AddThis Button END --></p>
<p align="left"><form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----
">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="">
<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
</form></p>
<p align="left" class="style3"><font size="3" color="#999999">AP's French Partner</font><br>
<a href="http://www.avatar-realms.net/"><img src="http://nsa14.casimages.com/img/2010/04/04/100404114204848502.jpg" width="90" height="40" border ="0" /></a></p>
<p align="left" class="style3"><font size="3" color="#999999">Featured Links</font><br>
<p align="left"><a href="http://www.amazon.com/gp/offer-listing/159582748X/ref=as_li_tf_il?ie=UTF8&tag=theavapor-20&linkCode=am2&camp=217145&creative=399373&creativeASIN=159582748X"><img border="0" src="http://ws.assoc-amazon.com/widgets/q?_encoding=UTF8&Format=_SL160_&ASIN=159582748X&MarketPlace=US&ID=AsinImage&WS=1&tag=theavapor-20&ServiceVersion=20070822" ></a><img src="http://www.assoc-amazon.com/e/ir?t=theavapor-20&l=as2&o=1&a=159582748X&camp=217145&creative=399373" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br></p>
<p align="left"><script type="text/javascript"><!--
google_ad_client = "pub-1573524401144568";
/* 120x90, created 6/24/09 */
google_ad_slot = "0804508215";
google_ad_width = 120;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
Code for the right side:
- Code: Select all
<p align="left" class="style3"><font size="3" color="#999999">Our Newest Korrakast</font></p>
<p align="left"><font size="2" color="#999999">Episode 2, All About Korra - (Aug 20, 2011)<br>
<a href="http://itunes.apple.com/us/podcast/korrakast-episode-2-all-about/id455551320?i=96605440">Listen to the KorraKast</a><br>
<a href="http://itunes.apple.com/us/podcast/a-podcast-for-the-legend-korra/id455551320">Subscribe to KorraKast</a><br>
<a href="http://web.me.com/avatar_ftw/KorraKast_Official_Website/KorraKast_-_A_Podcast_for_The_Last_Airbender__The_Legend_of_Korra/KorraKast_-_A_Podcast_for_The_Last_Airbender__The_Legend_of_Korra.html">The KorraKast Homepage</a></font></p>
<p align="left" class="style3"><font size="3" color="#999999">Site/Forum Updates</font>
<?php readfile('http://output37.rssinclude.com/output?type=php&id=309682&hash=6aeb6f8c36336ee70c3557c0541d244a')?></p>
<p align="left" class="style3"><font size="3" color="#999999">Featured Links</font></p>
<p align="left">
<a href="http://www.amazon.com/gp/offer-listing/B001AI7766?ie=UTF8&tag=theavapor-20&linkCode=am2&camp=1789&creative=9325&creativeASIN=B001AI7766"><img border="0" src="51S6IxTw4AL._SL160_.jpg"></a><img src="http://www.assoc-amazon.com/e/ir?t=theavapor-20&l=as2&o=1&a=B001AI7766" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br>
<a href="http://www.amazon.com/gp/offer-listing/B003DT1950?ie=UTF8&tag=theavapor-20&linkCode=am2&camp=1789&creative=9325&creativeASIN=B003DT1950"><img border="0" src="51eZmhNGgyL._SL160_.jpg"></a><img src="http://www.assoc-amazon.com/e/ir?t=theavapor-20&l=as2&o=1&a=B003DT1950" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /><br>
<a href="http://www.amazon.com/gp/product/B002VPE1BQ?ie=UTF8&tag=theavapor-20&linkCode=as2&camp=1789&creative=9325&creativeASIN=B002VPE1BQ"><img border="0" src="51NTDT1lsIL._SL160_.jpg"></a><img src="https://images-na.ssl-images-amazon.com/images/I/51NTDT1lsIL._SL160_.jpg" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" /></p>
Here is our forum template for you to modify if you choose: http://www.megaupload.com/?d=3Q6FQAFX
If you have any questions, post them here or just PM me, Uncle Iroh, or Tev. Good luck everyone and we look forward to what all of you will come up with!
