This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on May 28th, 2012  |  syntax: None  |  size: 10.51 KB  |  views: 68  |  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. <html>
  2.  
  3.     <head>
  4.         <title> Inspire Design </title>
  5.      
  6.        
  7.         <link rel="stylesheet" href="style.css" type="text/css" />
  8.         <link rel="stylesheet" href="jquery.horizontal.scroll.css" type="text/css" />
  9.  
  10.         <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
  11.         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  12.         <script src="jquery.horizontal.scroll.js" type="text/javascript"></script>
  13.        
  14.      
  15.         <script type="text/javascript">// <![CDATA[
  16.                 $(document).ready(function(){
  17.                         $('#horiz_container_outer').horizontalScroll();
  18.                         $('#horiz_container_outer_two').horizontalScroll();
  19.                         $('#horiz_container_outer_three').horizontalScroll();
  20.                 });
  21.         // ]]></script>
  22.        
  23.      
  24.     </head>
  25.    
  26.    
  27.    
  28.         <body>
  29.            
  30.             <div id="container">
  31.                
  32.                
  33.                
  34.                 <div id="header">
  35.                    
  36.                   <img src="title.png" alt="Inspire Design"/>
  37.                  
  38.                  
  39.                      <div id="menu">
  40.                        
  41.                        
  42.                        <hr/>
  43.    
  44.                      
  45.                      
  46.                     <ul>
  47.                        
  48.                    
  49.                        
  50.                         <li><a href="about.php">About</a></li>
  51.                         <li><a href="homepage.php">Home</a></li>
  52.                        
  53.                        
  54.                        
  55.                     </ul>
  56.                    
  57.                
  58.                     </div>
  59.                      
  60.                
  61.                      
  62.                      
  63.                
  64.                  
  65.                  
  66.                 </div>
  67.                
  68.                
  69.                <div id="body">
  70.                
  71.                
  72.                 <div id="photocontainer">
  73.                    
  74.                  
  75.                
  76.                    
  77.                        
  78.                        
  79.                        
  80.                        
  81.                           <?php
  82.                        
  83.                         $pipe_id = 'bbde07833964f0fd140a1be345576d7d';
  84.                        
  85.                        
  86.                        
  87.                        
  88.                         $req = 'http://pipes.yahoo.com/pipes/pipe.run?_render=php' . '&_id=' . $pipe_id;
  89.                        
  90.                         $phpserialized = file_get_contents($req);
  91.                        
  92.                         $phparray = unserialize($phpserialized);
  93.                        
  94.    
  95.                         $pipe_items = $phparray["value"]["items"];
  96.                        
  97.                        
  98.                        
  99.                      ?>
  100.                      
  101.                      
  102.                      <ul id="horiz_container_outer">
  103.                         <li id="horiz_container_inner">
  104.                         <ul id="horiz_container">
  105.                            
  106.                      <?php
  107.                      
  108.                      foreach ($pipe_items as $current_items):
  109.                      
  110.                      
  111.                          $thumbnail = $current_items["media:content"]["url"];
  112.                          
  113.                      
  114.                      
  115.                      ?>
  116.                    
  117.  
  118.  
  119.                             <li><img src="<?php echo $thumbnail ?>"></li>
  120.                            
  121.                            
  122.                          
  123.                        
  124.                        <?php
  125.                        
  126.                        endforeach
  127.                        
  128.                        ?>
  129.                        
  130.                        
  131.                        
  132.                        
  133. </ul>
  134.                         </li>
  135.                         </ul>
  136.                        
  137.            
  138.                                                          <div id="scrollbar">
  139.        <a id="left_scroll" class="mouseover_left" href="#"></a>
  140.        <div id="track">
  141.             <div id="dragBar"></div>
  142.        </div>
  143.        <a id="right_scroll" class="mouseover_right" href="#"></a></div>
  144.    </div>
  145.                
  146.                        
  147.                        
  148.                    
  149.                      
  150.                      
  151.                 </div>
  152.                
  153.                
  154.                     <div id="videocontainer">
  155.                        
  156.                      
  157.                        
  158.                      
  159.                        
  160.                         <?php
  161.                        
  162.                         $pipe_id = '75f2e96f950d89402bf2f38fb2ed0f4a';
  163.                        
  164.                         $req = 'http://pipes.yahoo.com/pipes/pipe.run?_render=php' . '&_id=' . $pipe_id;
  165.                        
  166.                                 $phpserialized = file_get_contents($req);
  167.                                 $phparray = unserialize($phpserialized);
  168.                
  169.                                 $pipe_items = $phparray["value"]["items"];
  170.          
  171.                         ?>
  172.                        
  173.                         <ul id="horiz_container_outer_two">
  174.                         <li id="horiz_container_inner_two">
  175.                         <ul id="horiz_container_two">
  176.        
  177.             <?php
  178.            
  179.                 foreach ($pipe_items as $current_item):
  180.  
  181.                 $link = $current_item["link"];
  182.                
  183.                 $src_url ="http://player.vimeo.com/video/" . substr($link, 40, 8);
  184.            // echo $link;
  185.                         //echo $src_url;    
  186.  
  187.                  ?>
  188.  
  189.                
  190.                    
  191.                         <li><iframe width="200" height="150" src="<?php echo $src_url;?>" frameborder="0" allowfullscreen></iframe></li>
  192.                    
  193.            
  194.                     <?php
  195.                         endforeach;
  196.                      ?>
  197.                    
  198.                      
  199.                         </ul>
  200.                         </li>
  201.                         </ul>
  202.                        
  203.                                                                              <div id="scrollbar_two">
  204.        <a id="left_scroll_two" class="mouseover_left_two" href="#"></a>
  205.        <div id="track_two">
  206.             <div id="dragBar_two"></div>
  207.        </div>
  208.        <a id="right_scroll_two" class="mouseover_right_two" href="#"></a></div>
  209.    </div>
  210.        
  211.              
  212.        
  213.        
  214.                     </div>
  215.                    
  216.            
  217.                    
  218.                     <div id="twittercontainer">
  219.                        
  220.                        
  221.                        
  222.                         <?php
  223.                        
  224.                         $pipe_id = 'f2e87a84dfd0206a5bb935a8f428e1eb';
  225.                        
  226.                         $req = 'http://pipes.yahoo.com/pipes/pipe.run?_render=php' . '&_id=' . $pipe_id;
  227.                        
  228.                         $phpserialized = file_get_contents($req);
  229.                        
  230.                         $phparray = unserialize($phpserialized);
  231.                        
  232.                         $pipe_items = $phparray["value"]["items"];
  233.                        
  234.                         ?>
  235.                        
  236.                         <ul id="horiz_container_outer_three">
  237.                         <li id="horiz_container_inner_three">
  238.                         <ul id="horiz_container_three">
  239.                        
  240.                                   <?php
  241.                      
  242.                      foreach ($pipe_items as $current_items):
  243.                      
  244.                      $title = $current_items["title"];
  245.                      $link = $current_items["link"];
  246.                      $pubDate = $current_items["pubDate"];
  247.                      
  248.                      ?>
  249.                      
  250.                  
  251.                
  252.                 <li>
  253.                    
  254.                 <div id="twitterstyle">
  255.                        
  256.                         <b><a href="<?php echo $link; ?>">
  257.                
  258.                         <?php echo $title; ?> </a></b>
  259.                
  260.                                  
  261.                     <div id="pubDate">
  262.                
  263.                         <i><p><?php echo $pubDate; ?></p></i>
  264.                
  265.                      </div>
  266.                
  267.  
  268.                        
  269.                 </div>
  270.                                         </li>
  271.                        
  272.                        
  273.                        <?php
  274.                        
  275.                        endforeach
  276.                        
  277.                        ?>
  278.                        
  279.                      
  280.                        
  281.                         </ul>
  282.                         </li>
  283.                         </ul>
  284.                        
  285.                                                                              <div id="scrollbar_three">
  286.        <a id="left_scroll_three" class="mouseover_left_three" href="#"></a>
  287.        <div id="track_three">
  288.             <div id="dragBar_three"></div>
  289.        </div>
  290.        <a id="right_scroll_three" class="mouseover_right_three" href="#"></a></div>
  291.    </div>
  292.        
  293.  
  294.              
  295.      
  296.                      
  297.                        
  298.                        
  299.                    
  300.                        
  301.                     </div>
  302.                
  303.        
  304.                
  305.                
  306.                
  307.                
  308.                
  309.                </div>
  310.                
  311.                </br>
  312.                
  313.            
  314.                
  315.                
  316.                 <hr/>
  317.                
  318.                 <div id="footer">
  319.                    
  320.                   <img src="footer.png" alt="Copyright Lauren Parr 2012"/>
  321.                  
  322.                 </div>
  323.                  
  324.                
  325.              
  326.                
  327.                
  328.                
  329.                
  330.                
  331.                
  332.                
  333.                
  334.                
  335.                
  336.                
  337.                
  338.                
  339.                
  340.                
  341.                
  342.                
  343.             </div>
  344.                    
  345.                    
  346.                    
  347.                    
  348.                    
  349.                    
  350.                    
  351.                    
  352.            
  353.            
  354.            
  355.         </body>
  356.  
  357.    
  358.  
  359.  
  360.  
  361.  
  362.  
  363.  
  364.  
  365.  
  366.  
  367.  
  368.  
  369.  
  370.  
  371.  
  372.  
  373.  
  374. </html>
clone this paste RAW Paste Data