陳沛鴻 Home1 templatemo 378 dragonfly

From 2014hs.igem.org

(Difference between revisions)
(Created page with "{{:陳沛鴻_Styling_tricks}} <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www...")
 
(75 intermediate revisions not shown)
Line 1: Line 1:
-
{{:陳沛鴻_Styling_tricks}}
+
[[Mingdao_remove header]]
 +
[[Mingdao_CSS_site_global]]
 +
[[Mingdao_CSS_master_main-template]]
-
<!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>Dragonfly, free website template</title>
 
-
<meta name="keywords" content="dragonfly, free website templates, one page layout, jquery" />
 
-
<meta name="description" content="Dragonfly is one-page layout using jQuery and it is free website template from templatemo.com" />
 
-
<link href="templatemo_style.css" type="text/css" rel="stylesheet" />
+
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index]] =
-
<script type="text/javascript" src="js/jquery.min.js"></script>
+
-
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
+
-
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
+
-
<script type="text/javascript" src="js/init.js"></script>
+
-
   
+
-
    <link rel="stylesheet" href="css/slimbox2.css" type="text/css" media="screen" />
+
-
    <script type="text/JavaScript" src="js/slimbox2.js"></script>
+
-
<link rel="stylesheet" href="css/orman.css" type="text/css" media="screen" />
+
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index1]] =
-
<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
+
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index2]] =
-
</head>
+
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index3]] =
-
<body>
+
::*a milestone
-
<div id="templatemo_wrapper">
+
-
<div id="templatemo_header">
+
-
    <div id="site_title"><a href="http://www.templatemo.com/preview/templatemo_378_dragonfly" rel="nofollow" target="_parent"></a></div>
+
-
    <ul class="nav_menu">
+
-
        <li><a href="#home">Home</a></li>
+
-
        <li><a href="#about">About</a></li>
+
-
        <li><a href="#services">Services</a></li>
+
-
        <li><a href="#gallery">Portfolio</a></li>
+
-
        <li><a href="#contact">Contact</a></li>
+
-
    </ul>
+
-
    <div class="social_button">
+
-
    <a href="#"><img src="images/facebook.png" alt="Facebook" /></a>
+
-
<a href="#"><img src="images/flickr.png" alt="Flickr" /></a>
+
-
<a href="#"><img src="images/twitter.png" alt="Twitter" /></a>
+
-
        <div class="clear"></div>
+
-
    </div>
+
-
    <p>
+
-
    © 2072 Company Name<br />
+
-
    <a href="http://www.templatemo.com/preview/templatemo_378_dragonfly" rel="nofollow" target="_parent">Dragonfly</a> by<br />
+
-
    <a href="http://www.templatemo.com" rel="nofollow" target="_parent">templatemo</a></p>
+
-
   
+
-
</div>
+
-
<div id="templatemo_main">
+
-
<div id="content">
+
-
      <div id="home" class="home_slider">
+
-
            <div class="theme-orman">
+
-
                <div id="slider" class="nivoSlider">
+
-
                    <img src="images/slider/01.jpg" alt="Dragonfly 1" rel="images/slider/01_thumb.jpg" />
+
-
                    <img src="images/slider/02.jpg" alt="Dragonfly 2" rel="images/slider/02_thumb.jpg" />
+
-
                    <img src="images/slider/03.jpg" alt="Dragonfly 3" rel="images/slider/03_thumb.jpg" />
+
-
                    <img src="images/slider/04.jpg" alt="Dragonfly 4" rel="images/slider/04_thumb.jpg" />
+
-
                    <img src="images/slider/05.jpg" alt="Dragonfly 5" rel="images/slider/05_thumb.jpg" />
+
-
                </div>
+
-
            </div>
+
-
            <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
+
-
            <script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
+
-
            <script type="text/javascript">
+
-
            $(window).load(function() {
+
-
                $('#slider').nivoSlider({
+
-
                    controlNavThumbs:true,
+
-
controlNavThumbsFromRel:true,
+
-
directionNav:false, // Next and Prev
+
-
keyboardNav:true, // Use left and right arrows
+
-
pauseOnHover:true // Stop animation while hovering
+
-
                });
+
-
            });
+
-
            </script>
+
-
      </div>
+
-
        <div class="section section_with_padding" id="about">
+
-
            <h1>About</h1>
+
-
            <div class="img_border img_fl">
+
-
            <a href="http://www.templatemo.com" rel="nofollow"><img src="images/templatemo_image_01.jpg" alt="image 1" /></a>
+
-
          </div>
+
-
            <p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.</em></p>
+
-
            <p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. </p>    
+
-
            <div class="clear h40"></div>
+
-
            <div class="img_border img_fr">
+
-
                <img src="images/templatemo_image_02.jpg" alt="image 2" />
+
-
            </div>
+
-
            <p><em>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius, ut fermentum sem adipiscing id.</em></p>
+
-
            <p>Sed vitae aliquam arcu. Donec urna massa, cursus et mattis at, mattis quis lectus. Cras in erat purus. Aliquam odio nibh, suscipit quis venenatis vitae, fringilla at quam. Proin turpis nibh, vestibulum non dignissim a, blandit at nulla mattis sapien. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow">CSS</a>.</p>
+
-
        </div>
+
-
        <div class="section section_with_padding" id="services">
+
-
            <h1>Services</h1>
+
-
            <div class="half right">
+
-
            <div class="img_border img_nom">
+
-
                <a href="http://www.templatemo.com" rel="nofollow"><img src="images/templatemo_image_04.jpg" alt="image 4" /></a>
+
-
                </div>
+
-
            <ul class="list_bullet">
+
-
                    <li>Maecenas ac odio ipsum donec</li>
+
-
                    <li>Fusce risus tortor, interdum</li>
+
-
                    <li>Proin facilisis ullamcorper</li>
+
-
                    <li>Sed vel justo quis ligula</li>
+
-
                    <li>Ut tristique sagittis arcu</li>
+
-
                    <li>Maecenas ac odio ipsum donec</li>
+
-
                    <li>Fusce risus tortor, interdum</li>
+
-
                    <li>Proin facilisis ullamcorper</li>
+
-
                </ul>
+
-
               
+
-
            </div>
+
-
            <div class="half left">
+
-
                <div class="img_border img_nom">
+
-
                <img src="images/templatemo_image_03.jpg" alt="image 3" />
+
-
                </div>
+
-
            <p><em>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam mauris ipsum, pulvinar sit amet varius at, placerat ut felis. </em></p>
+
-
            <p>Donec vitae tortor non ipsum tristique condimentum ac ac nulla. Etiam sagittis iaculis dolor ut euismod. Nam faucibus, risus at consequat malesuada, urna turpis sagittis libero, sodales hendrerit dui arcu et nisi. Praesent pulvinar, dolor id lacinia pulvinar, mi ligula tempor libero, et semper sem dolor et elit.</p>
+
-
            </div>
+
-
        </div>
+
-
        <div class="section" id="gallery">
+
-
            <ul id="gallery_wrapper">
+
-
            <li><a href="images/gallery/09-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/09.jpg" alt="image 9" /></a></li>
+
-
                <li><a href="images/gallery/10-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/10.jpg" alt="image 10" /></a></li>
+
-
                <li><a href="images/gallery/11-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/11.jpg" alt="image 11" /></a></li>
+
-
                <li><a href="images/gallery/12-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/12.jpg" alt="image 12" /></a></li>
+
-
                <li><a href="images/gallery/01-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/01.jpg" alt="image 01" /></a></li>
+
-
                <li><a href="images/gallery/02-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/02.jpg" alt="image 02" /></a></li>
+
-
                <li><a href="images/gallery/03-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/03.jpg" alt="image 03" /></a></li>
+
-
                <li><a href="images/gallery/04-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/04.jpg" alt="image 04" /></a></li>
+
-
                <li><a href="images/gallery/05-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/05.jpg" alt="image 05" /></a></li>
+
-
                <li><a href="images/gallery/06-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/06.jpg" alt="image 06" /></a></li>
+
-
                <li><a href="images/gallery/07-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/07.jpg" alt="image 07" /></a></li>
+
-
                <li><a href="images/gallery/08-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/08.jpg" alt="image 08" /></a></li>               
+
-
                <li><a href="images/gallery/09-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/09.jpg" alt="image 09" /></a></li>
+
-
                <li><a href="images/gallery/10-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/10.jpg" alt="image 10" /></a></li>
+
-
                <li><a href="images/gallery/11-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/11.jpg" alt="image 11" /></a></li>
+
-
                <li><a href="images/gallery/12-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/12.jpg" alt="image 12" /></a></li>
+
-
                <li><a href="images/gallery/01-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/01.jpg" alt="image 01" /></a></li>
+
-
                <li><a href="images/gallery/02-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/02.jpg" alt="image 02" /></a></li>
+
-
                <li><a href="images/gallery/03-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/03.jpg" alt="image 03" /></a></li>
+
-
                <li><a href="images/gallery/04-l.jpg" rel="lightbox[gallery]"><img src="images/gallery/04.jpg" alt="image 04" /></a></li>
+
-
            </ul>
+
-
        </div>
+
-
       
+
-
        <div class="section section_with_padding" id="contact">
+
-
            <h1>Contact Us</h1>
+
-
            <div class="half left">
+
-
                <h4>Quick Contact</h4>
+
-
                <div id="contact_form">
+
-
                    <form method="post" name="contact" action="#contact">
+
-
                        <label for="author">Name:</label>
+
-
                        <input name="author" type="text" class="required input_field" id="author" maxlength="30" />
+
-
                        <label for="email">Email:</label>
+
-
                        <input name="email" type="text" class="validate-email required input_field" id="email" maxlength="30" />
+
-
                  <label for="message">Message:</label>
+
-
                        <textarea id="message" name="text" rows="0" cols="0" class="required"></textarea>
+
-
                        <input type="submit" class="submit_btn left" name="submit" id="submit" value="Send" />
+
-
                        <input type="reset" class="submit_btn right" name="Reset" id="reset" value="Reset" />
+
-
                    </form>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="half right">
+
-
                <h4>Address</h4>
+
-
                130-310 Duis lacinia dictum, <br />
+
-
                Vestibulum auctor, 10990<br />
+
-
            Nam rhoncus, diam a mollis<br />
+
-
               
+
-
                <div class="clear h20"></div>
+
-
                <div class="img_nom img_border"><a href="http://goo.gl/VZrm0H" target="_blank"><img src="images/location.jpg" alt="our location" width="230" height="230" /></a></div>
+
-
            </div>
+
-
        </div>
+
-
    </div>
+
-
</div>
+
-
</div>
+
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index4]] =
 +
::*fixed the code wrong when doing copy and paste
-
</body>  
+
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index5]] =
-
</html>
+
::*remove " div id="content" "
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style1"
 +
 
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index6]] =
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style2"
 +
 
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index7]] =
 +
::*remove " div id="content" "
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style3"
 +
 
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index8]] =
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style4"
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_orman1"
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_TEST01.jpg"
 +
 
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index9]] =
 +
::*re-try the original setting, i.e., slides move to the left rather than up and down I've modified.
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_orman2"
 +
::*use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style5"
 +
 
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index_text1]] =
 +
 
 +
= [[陳沛鴻 Home1 templatemo 378 dragonfly_index_text2]] =
 +
 
 +
= CSS =
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style]] ==
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style1]] ==
 +
::*width: 7000px --> 800px
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style2]] ==
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style3]] ==
 +
::*add " position: absolute left: 0px;" to fix chrome screen problem
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style4]] ==
 +
::* adjust pic to full screen size with "orman1"
 +
::* you can change any background color @ body {background-color: #262626;}
 +
 
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style5]] ==
 +
::*overflow: hidden;
 +
::*position: fixed;
 +
::*top: 0;
 +
::*left:0;
 +
::*modified from "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style"
 +
::*.section
 +
::::*margin-right --> border-right: 20px solid #262626;
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_default]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_nivo-slider]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_orman]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_orman1]] ==
 +
::* adjust pic to full screen size
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_orman2]] ==
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_slimbox2_css]] ==
 +
 
 +
= JS =
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_init]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jquery.localscroll-min]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jquery.min]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jquery.nivo.slider]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jquery.nivo.slider.pack]] ==
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jQuery Nivo Slider v2.6]] ==
 +
::*jQuery Nivo Slider v2.6
 +
 
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jquery.scrollTo-min]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_jquery-1.6.1.min]] ==
 +
== [[陳沛鴻 Home1 templatemo 378 dragonfly_slimbox2_js]] ==
 +
 
 +
*MooTools & SlimBox
 +
== [[陳沛鴻 mootools.js]] ==
 +
 
 +
*TEST
 +
== [[陳沛鴻 nivoSlider]] ==
 +
 
 +
= images =
 +
== [https://static.igem.org/mediawiki/2014hs/8/82/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_01.jpg] ==
 +
 
 +
=== [https://static.igem.org/mediawiki/2014hs/6/60/%E9%99%B3%E6%B2%9B%E9%B4%BBTEST20140506Capture.JPG 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_TEST01.jpg] ===
 +
== [https://static.igem.org/mediawiki/2014hs/b/b6/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_02.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/1/13/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_03.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/2/22/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_04.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/f/fb/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_05.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/7/7e/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_01_thumb.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_01_thumb.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/7/71/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_02_thumb.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_02_thumb.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/4/41/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_03_thumb.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_03_thumb.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/7/7d/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_04_thumb.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_04_thumb.jpg] ==
 +
 
 +
== [https://static.igem.org/mediawiki/2014hs/d/d9/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_slider_05_thumb.jpg 陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_05_thumb.jpg] ==
 +
 
 +
*陳沛鴻 Home1 templatemo 378 dragonfly templatemo style (CSS)
 +
 
 +
==[https://static.igem.org/mediawiki/2014hs/4/42/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_list.png 陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_list.png] ==
 +
 
 +
==[https://static.igem.org/mediawiki/2014hs/e/ea/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_header.png 陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_header.png] ==
 +
 
 +
==[https://static.igem.org/mediawiki/2014hs/a/a8/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_logo.png 陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_logo.png] ==
 +
 
 +
**陳沛鴻 Home1 templatemo 378 dragonfly slimbox2 css (CSS)
 +
==[https://static.igem.org/mediawiki/2014hs/c/cd/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_loading.gif 陳沛鴻 Home1 templatemo 378 dragonfly_images_loading.gif] ==
 +
 
 +
==[https://static.igem.org/mediawiki/2014hs/3/39/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_prevlabel.gif 陳沛鴻 Home1 templatemo 378 dragonfly_images_prevlabel.gif] ==
 +
 
 +
==[https://static.igem.org/mediawiki/2014hs/d/d8/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_nextlabel.gif 陳沛鴻 Home1 templatemo 378 dragonfly_images_nextlabel.gif] ==
 +
 
 +
==[https://static.igem.org/mediawiki/2014hs/b/b1/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_closelabel.gif 陳沛鴻 Home1 templatemo 378 dragonfly_images_closelabel.gif] ==
 +
 
 +
*陳沛鴻 Home1 templatemo 378 dragonfly orman
 +
==[https://static.igem.org/mediawiki/2014hs/3/38/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly_images_templatemo_thumbnail_bg.png 陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_thumbnail_bg.png] ==

Latest revision as of 13:27, 16 June 2014

Mingdao_remove header

Mingdao_CSS_site_global

Mingdao_CSS_master_main-template


Contents

陳沛鴻 Home1 templatemo 378 dragonfly_index

陳沛鴻 Home1 templatemo 378 dragonfly_index1

陳沛鴻 Home1 templatemo 378 dragonfly_index2

陳沛鴻 Home1 templatemo 378 dragonfly_index3

  • a milestone

陳沛鴻 Home1 templatemo 378 dragonfly_index4

  • fixed the code wrong when doing copy and paste

陳沛鴻 Home1 templatemo 378 dragonfly_index5

  • remove " div id="content" "
  • use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style1"

陳沛鴻 Home1 templatemo 378 dragonfly_index6

  • use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style2"

陳沛鴻 Home1 templatemo 378 dragonfly_index7

  • remove " div id="content" "
  • use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style3"

陳沛鴻 Home1 templatemo 378 dragonfly_index8

  • use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style4"
  • use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_orman1"
  • use "陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_TEST01.jpg"

陳沛鴻 Home1 templatemo 378 dragonfly_index9

  • re-try the original setting, i.e., slides move to the left rather than up and down I've modified.
  • use "陳沛鴻 Home1 templatemo 378 dragonfly_orman2"
  • use "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style5"

陳沛鴻 Home1 templatemo 378 dragonfly_index_text1

陳沛鴻 Home1 templatemo 378 dragonfly_index_text2

CSS

陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style

陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style1

  • width: 7000px --> 800px

陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style2

陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style3

  • add " position: absolute left: 0px;" to fix chrome screen problem

陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style4

  • adjust pic to full screen size with "orman1"
  • you can change any background color @ body {background-color: #262626;}


陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style5

  • overflow: hidden;
  • position: fixed;
  • top: 0;
  • left:0;
  • modified from "陳沛鴻 Home1 templatemo 378 dragonfly_templatemo_style"
  • .section
  • margin-right --> border-right: 20px solid #262626;

陳沛鴻 Home1 templatemo 378 dragonfly_default

陳沛鴻 Home1 templatemo 378 dragonfly_nivo-slider

陳沛鴻 Home1 templatemo 378 dragonfly_orman

陳沛鴻 Home1 templatemo 378 dragonfly_orman1

  • adjust pic to full screen size

陳沛鴻 Home1 templatemo 378 dragonfly_orman2

陳沛鴻 Home1 templatemo 378 dragonfly_slimbox2_css

JS

陳沛鴻 Home1 templatemo 378 dragonfly_init

陳沛鴻 Home1 templatemo 378 dragonfly_jquery.localscroll-min

陳沛鴻 Home1 templatemo 378 dragonfly_jquery.min

陳沛鴻 Home1 templatemo 378 dragonfly_jquery.nivo.slider

陳沛鴻 Home1 templatemo 378 dragonfly_jquery.nivo.slider.pack

陳沛鴻 Home1 templatemo 378 dragonfly_jQuery Nivo Slider v2.6

  • jQuery Nivo Slider v2.6

陳沛鴻 Home1 templatemo 378 dragonfly_jquery.scrollTo-min

陳沛鴻 Home1 templatemo 378 dragonfly_jquery-1.6.1.min

陳沛鴻 Home1 templatemo 378 dragonfly_slimbox2_js

  • MooTools & SlimBox

陳沛鴻 mootools.js

  • TEST

陳沛鴻 nivoSlider

images

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_01.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_TEST01.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_02.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_03.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_04.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_05.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_01_thumb.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_02_thumb.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_03_thumb.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_04_thumb.jpg

陳沛鴻 Home1 templatemo 378 dragonfly_images_slider_05_thumb.jpg

  • 陳沛鴻 Home1 templatemo 378 dragonfly templatemo style (CSS)

陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_list.png

陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_header.png

陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_logo.png

    • 陳沛鴻 Home1 templatemo 378 dragonfly slimbox2 css (CSS)

陳沛鴻 Home1 templatemo 378 dragonfly_images_loading.gif

陳沛鴻 Home1 templatemo 378 dragonfly_images_prevlabel.gif

陳沛鴻 Home1 templatemo 378 dragonfly_images_nextlabel.gif

陳沛鴻 Home1 templatemo 378 dragonfly_images_closelabel.gif

  • 陳沛鴻 Home1 templatemo 378 dragonfly orman

陳沛鴻 Home1 templatemo 378 dragonfly_images_templatemo_thumbnail_bg.png

Retrieved from "http://2014hs.igem.org/%E9%99%B3%E6%B2%9B%E9%B4%BB_Home1_templatemo_378_dragonfly"