Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Untitled

By: a guest on Sep 19th, 2010  |  syntax: PHP  |  size: 8.55 KB  |  hits: 337  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <?php get_header(); ?>
  2.  
  3. <!-- This is the scroll content area; the one with the bigger images -->
  4. <div id="main">
  5.  
  6.         <!-- And this is where you configure your scroll content -->
  7.         <div id="pages">
  8.  
  9.                 <!-- page #1 -->
  10.                 <div class="page">
  11.  
  12.                 <!-- sub navigator #1 -->
  13.  
  14.                 <div class="navi"></div>
  15.  
  16.                 <!-- inner scrollable #1 -->
  17.                 <div class="scrollable">
  18.  
  19.                 <!-- root element for scrollable items -->
  20.                 <div class="items">
  21.  
  22.                 <?php $recent = new WP_Query("category_name='websites'&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
  23.  
  24.                 <!-- items  -->
  25.                 <div class="item">
  26.  
  27.                 <?php $thumbnail = get_post_meta($post->ID, 'Thumbnail', true); ?>
  28.                 <?php if($thumbnail !== '') { ?>
  29.                 <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumbnail; ?>&amp;h=300&amp;w=898&amp;zc=1" alt="<?php the_title(); ?>" />
  30.                 <?php } ?>
  31.  
  32.                 <h3><a href="<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>"><?php the_title2('', '..', true, '75'); ?></a></h3>
  33.                 <div class="meta-data">Posted by <?php the_author() ?> | Published on <?php the_time('l, F jS, Y') ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
  34.                 <?php if (function_exists('the_content_limit')) { the_content_limit(550, ""); } else { echo 'You have not uploaded and acivated the limit posts plugin. This is required.'; } ?>
  35.                 <div class="meta-data">Taged in: <?php the_tags(' ', ', ', ', '); ?></div>
  36.  
  37.                 </div>
  38.  
  39.                 <?php endwhile; ?>
  40.  
  41.                 </div>
  42.                 </div>
  43.                 </div>
  44.  
  45.  
  46.                 <!-- page #2 -->
  47.                 <div class="page">
  48.  
  49.                 <!-- sub navigator #2 -->
  50.  
  51.                 <div class="navi"></div>
  52.  
  53.                 <!-- inner scrollable #2 -->
  54.                 <div class="scrollable">
  55.  
  56.                 <!-- root element for scrollable items -->
  57.                 <div class="items">
  58.  
  59.                 <?php $recent = new WP_Query("category_name='print-media'&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
  60.  
  61.                 <!-- items  -->
  62.                 <div class="item">
  63.  
  64.                 <?php $thumbnail = get_post_meta($post->ID, 'Thumbnail', true); ?>
  65.                 <?php if($thumbnail !== '') { ?>
  66.                 <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumbnail; ?>&amp;h=300&amp;w=898&amp;zc=1" alt="<?php the_title(); ?>" />
  67.                 <?php } ?>
  68.  
  69.                 <h3><a href="<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>"><?php the_title2('', '..', true, '75'); ?></a></h3>
  70.                 <div class="meta-data">Published on <?php the_time('l, F jS, Y') ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
  71.                 <?php if (function_exists('the_content_limit')) { the_content_limit(550, ""); } else { echo 'You have not uploaded and acivated the limit posts plugin. This is required.'; } ?>
  72.                 <div class="meta-data">Taged in: <?php the_tags(' ', ', ', ', '); ?></div>
  73.  
  74.                 </div>
  75.  
  76.                 <?php endwhile; ?>
  77.  
  78.                 </div>
  79.                 </div>
  80.                 </div>
  81.  
  82.  
  83.                 <!-- page #3 -->
  84.                 <div class="page">
  85.  
  86.                 <!-- sub navigator #3 -->
  87.  
  88.                 <div class="navi"></div>
  89.  
  90.                 <!-- inner scrollable #3 -->
  91.                 <div class="scrollable">
  92.  
  93.                 <!-- root element for scrollable items -->
  94.                 <div class="items">
  95.  
  96.                 <?php $recent = new WP_Query("category_name='corporate-branding'&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
  97.  
  98.                 <!-- items  -->
  99.                 <div class="item">
  100.  
  101.                 <?php $thumbnail = get_post_meta($post->ID, 'Thumbnail', true); ?>
  102.                 <?php if($thumbnail !== '') { ?>
  103.                 <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumbnail; ?>&amp;h=300&amp;w=898&amp;zc=1" alt="<?php the_title(); ?>" />
  104.                 <?php } ?>
  105.  
  106.                 <h3><a href="<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>"><?php the_title2('', '..', true, '75'); ?></a></h3>
  107.                 <div class="meta-data">Published on <?php the_time('l, F jS, Y') ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
  108.                 <?php if (function_exists('the_content_limit')) { the_content_limit(550, ""); } else { echo 'You have not uploaded and acivated the limit posts plugin. This is required.'; } ?>
  109.                 <div class="meta-data">Taged in: <?php the_tags(' ', ', ', ', '); ?></div>
  110.  
  111.                 </div>
  112.  
  113.                 <?php endwhile; ?>
  114.  
  115.                 </div>
  116.                 </div>
  117.                 </div>
  118.  
  119.  
  120.                 <!-- page #4 -->
  121.                 <div class="page">
  122.  
  123.                 <!-- sub navigator #4 -->
  124.  
  125.                 <div class="navi"></div>
  126.  
  127.                 <!-- inner scrollable #4 -->
  128.                 <div class="scrollable">
  129.  
  130.                 <!-- root element for scrollable items -->
  131.                 <div class="items">
  132.  
  133.                 <?php $recent = new WP_Query("category_name='logos-icons'&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
  134.  
  135.                 <!-- items  -->
  136.                 <div class="item">
  137.  
  138.                 <?php $thumbnail = get_post_meta($post->ID, 'Thumbnail', true); ?>
  139.                 <?php if($thumbnail !== '') { ?>
  140.                 <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumbnail; ?>&amp;h=300&amp;w=898&amp;zc=1" alt="<?php the_title(); ?>" />
  141.                 <?php } ?>
  142.  
  143.                 <h3><a href="<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>"><?php the_title2('', '..', true, '75'); ?></a></h3>
  144.                 <div class="meta-data">Published on <?php the_time('l, F jS, Y') ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
  145.                 <?php if (function_exists('the_content_limit')) { the_content_limit(550, ""); } else { echo 'You have not uploaded and acivated the limit posts plugin. This is required.'; } ?>
  146.                 <div class="meta-data">Taged in: <?php the_tags(' ', ', ', ', '); ?></div>
  147.  
  148.                 </div>
  149.  
  150.                 <?php endwhile; ?>
  151.  
  152.                 </div>
  153.                 </div>
  154.                 </div>
  155.  
  156.  
  157.                 <!-- page #5 -->
  158.                 <div class="page">
  159.  
  160.                 <!-- sub navigator #5 -->
  161.  
  162.                 <div class="navi"></div>
  163.  
  164.                 <!-- inner scrollable #5 -->
  165.                 <div class="scrollable">
  166.  
  167.                 <!-- root element for scrollable items -->
  168.                 <div class="items">
  169.  
  170.                 <?php $recent = new WP_Query("category_name='themes-templates'&showposts=3"); while($recent->have_posts()) : $recent->the_post();?>
  171.  
  172.                 <!-- items  -->
  173.                 <div class="item">
  174.  
  175.                 <?php $thumbnail = get_post_meta($post->ID, 'Thumbnail', true); ?>
  176.                 <?php if($thumbnail !== '') { ?>
  177.                 <img src="<?php bloginfo('stylesheet_directory'); ?>/timthumb.php?src=<?php echo $thumbnail; ?>&amp;h=300&amp;w=898&amp;zc=1" alt="<?php the_title(); ?>" />
  178.                 <?php } ?>
  179.  
  180.                 <h3><a href="<?php the_permalink() ?>" title="Permanent Link to <?php the_title(); ?>"><?php the_title2('', '..', true, '75'); ?></a></h3>
  181.                 <div class="meta-data">Published on <?php the_time('l, F jS, Y') ?> | <?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></div>
  182.                 <?php if (function_exists('the_content_limit')) { the_content_limit(550, ""); } else { echo 'You have not uploaded and acivated the limit posts plugin. This is required.'; } ?>
  183.                 <div class="meta-data">Taged in: <?php the_tags(' ', ', ', ', '); ?></div>
  184.  
  185.                 </div>
  186.  
  187.                 <?php endwhile; ?>
  188.  
  189.                 </div>
  190.                 </div>
  191.                 </div>
  192.  
  193.         </div>
  194. </div>
  195.  
  196. <div id="bottom">
  197. <!-- This is the left navigation on Home Page -->
  198. <ul id="main_navi">
  199.         <li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/web.jpg" alt="Websites" /></li>
  200.         <li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/print.jpg" alt="Print Media" /></li>
  201.         <li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/branding.jpg" alt="Corporate Branding" /></li>
  202.         <li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logos.jpg" alt="Logos Icons" /></li>
  203.         <li><img src="<?php bloginfo('stylesheet_directory'); ?>/images/themes.jpg" alt="Themes Templates" /></li>
  204. </ul>
  205.  
  206. <div id="twitter-feed">
  207.         <ul id="twitter_update_list"><li></li></ul>
  208. </div>
  209.  
  210. <div id="search-form">
  211.         <?php $search_text = "Search"; ?>
  212.         <form method="get" id="searchform"  
  213.         action="<?php bloginfo('home'); ?>/">
  214.         <input type="text" value="<?php echo $search_text; ?>"  
  215.         name="s" id="s"  
  216.         onblur="if (this.value == '')  
  217.         {this.value = '<?php echo $search_text; ?>';}"  
  218.         onfocus="if (this.value == '<?php echo $search_text; ?>')  
  219.         {this.value = '';}" />
  220.         <input type="hidden" id="searchsubmit" />
  221.         </form>
  222. </div>
  223.  
  224. <!-- KEEP THIS FOR TWITTER FEED -->
  225. <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
  226. <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/amirsaleem.json?callback=twitterCallback2&amp;count=1"></script>
  227.  
  228. </div>
  229. <br clear="all" />
  230.  
  231. <script type="text/javascript">
  232. $(document).ready(function() {
  233. $("#main").scrollable({
  234.         vertical: true,
  235.         size: 1,
  236.         clickable: false,
  237.         keyboard: 'static',
  238.         onSeek: function(event, i) {
  239.                 horizontal.scrollable(i).focus();
  240.         }
  241. }).navigator("#main_navi");
  242. var horizontal = $(".scrollable").scrollable({size: 1}).circular().navigator(".navi");
  243. horizontal.eq(0).scrollable().focus();
  244. });
  245. </script>
  246.  
  247. <?php get_footer(); ?>
create a new version of this paste RAW Paste Data