StylizedWeb.com

<?php if (have_posts()) : ?>
<?php query_posts(’cat=5′); ?>
<?php while (have_posts()) : the_post(); ?>

<div class=”post” id=”post-<?php the_ID(); ?>”>

Your post code here
<?php endwhile; ?>
next, previous page code here
<?php else : ?>
Not found code here
<?php endif; ?>

<script type=”text/javascript”><!–//–><![CDATA[//><!–

function swaplayers(linkId,divId) {
for (x=1;x<5;x++){
var dynalinks = ‘link’ + x;
var dynadiv = ‘div’ + x;
document.getElementById(dynalinks).style.background=’#666′;
document.getElementById(dynalinks).style.color=’#111′;
document.getElementById(dynadiv).style.display=’none’;
}
document.getElementById(linkId).style.background=’#333′;
document.getElementById(linkId).style.color=’#FFFFFF’;
document.getElementById(divId).style.display=’block’;
}

//–><!]]></script>

<div id=”featured”>
<div id=”links” class=”top color2″>
<a href=”javascript:;” id=”link1″ class=”current” onClick=”swaplayers(’link1′, ‘div1′)”> Featured 1 </a>
<a href=”javascript:;” id=”link2″ onClick=”swaplayers(’link2′, ‘div2′)”> Featured 2 </a>
<a href=”javascript:;” id=”link3″ onClick=”swaplayers(’link3′, ‘div3′)”> Featured 3 </a>
<a href=”javascript:;” id=”link4″ onClick=”swaplayers(’link4′, ‘div4′)”> Featured 4 </a>
</div>

<div id=”red”></div>

<div class=”guts”>
<div class=”guts2″>

<div class=”pad”>
<div id=”div1″ class=”current”>

<?php $recent = new WP_Query(”cat=1showposts=1″); while($recent->have_posts()) : $recent->the_post();?>
Featured content 1
<?php endwhile; ?>
<div style=”clear:both;”></div>

</div>

<div id=”div2″>

<?php $recent = new WP_Query(”cat=2showposts=1″); while($recent->have_posts()) : $recent->the_post();?>
Featured content 2

<?php endwhile; ?>
<div style=”clear:both;”></div>

</div>
<div id=”div3″>

<?php $recent = new WP_Query(”cat=3showposts=1″); while($recent->have_posts()) : $recent->the_post();?>

Featured content 3

<?php endwhile; ?>

<div style=”clear:both;”></div>

</div>
<div id=”div4″>

<?php $recent = new WP_Query(”cat=4&showposts=1″); while($recent->have_posts()) : $recent->the_post();?>

Featured content 4

<?php endwhile; ?>
<div style=”clear:both;”></div>

</div>

</div>
</div>
</div>

</div> <!–end featured –>

#featured {
width:557px;
background:#fff;
padding:0 0px 0 0;
margin:0 0 0 0px;
font: 10px arial;
}

#featured #links
{
margin:0 0 0 2px;
}

#featured #links a
{
color: #111;
display: block;
width: 140px;
height: 24px;
margin-left:-2px;
float: left;
font-weight:bold;
line-height: 25px;
text-align: center;
text-decoration: none;
background: #666;
}

#featured #links a.current
{
color: #fff;
background: #333;
}

#featured .guts
{
display:block;
height:auto;
text-align:center;
margin:0 3px 0 0;
}

#featured .guts2
{
display:block;
text-align: left;
background:#eee;
}

#featured .guts2 .pad
{
margin:0 12px;
color:#333;
padding:15px 0;
}

#featured .guts2 .pad div
{
display:none;
}

#featured .guts2 .pad .current
{
display:block;
}

#featured #red {
background:#111;
height:2px;
clear:left;
margin:0 3px 0 0;
}