You are not connected. Please login or register

  1. Trà MyModerators

    avatar
    Số bài viết :
    17
    Tham gia :
    11/02/2012

    ACP==>Modules==>HTML & JAVASCRIPT==>HTML pages management==>Create new HTML page

    Spoiler:
    Title * : Tùy ý
    Do you wish to use your forum header and footer ?:Không
    Use this page as homepage ?Có
    (Sử dụng trang này làm trang chủ)

    HTML source * :

    Code:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    <html>

        <head>

            <title>Fixed Navigation - Codrops</title>

            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

            <link rel="stylesheet" href="http://dl.dropbox.com/u/47626020/FixedNavigationTutorial/css/style.css" type="text/css" charset="utf-8"/>

            <script type="text/javascript" src="http://dl.dropbox.com/u/47626020/FixedNavigationTutorial/jquery-1.3.2.js"></script>
    <style>
    #Css_style{
    width: 900px;

    height:500px;

    background: #FFF;

    border-radius: 20px;

    padding: 20px;

    box-shadow: 0 0 20px #000;

    text-shadow: 1px 1px 2px #222;

    margin: 10px auto;
    }
    #moudle1{
    float:left;
    width:300px;
    height:auto;
    padding: 15px;
    background: #FFF;
    border-radius: 20px;
    box-shadow: 0 0 20px #000;
    }
    #moudle2{
    float:right;
    width:480px;
    height:auto;
    padding: 15px;
    background: #FFF;
    border-radius: 20px;
    box-shadow: 0 0 20px #000;
    </style>

        </head>
            <body>

            <ul id="navigation">

                <li class="home"><a href="http://chiaseonline.us.to/" title="Home"></a></li>

                <li class="search"><a href="http://chiaseonline.us.to/search" title="Search"></a></li>

                <li class="rssfeed"><a href="http://chiaseonline.us.to/rss" title="Rss Feed"></a></li>

                <li class="contact"><a href="chiaseonline.us.to/contact" title="Contact"></a></li>

            </ul>

                <script type="text/javascript">

                $(function() {

                    $('#navigation a').stop().animate({'marginLeft':'-85px'},1000);



                    $('#navigation > li').hover(

                        function () {

                            $('a',$(this)).stop().animate({'marginLeft':'-2px'},200);

                        },

                        function () {

                            $('a',$(this)).stop().animate({'marginLeft':'-85px'},200);

                        }

                    );

                });

            </script>

    <div id="Css_style">
    <center><h1>Chào mừng ngày 30/4 - 1/5 </h1></center>
    <div id="moudle1"><img src="http://www.haian.edu.vn/img/images/129476102030093967.jpg" width="300"
    height="360"></div>
    <div id="moudle2"><iframe width="480" height="360" src="http://www.youtube.com/embed/-lW4wME7g3Q" frameborder="0" allowfullscreen></iframe></div></div>

        </body>

    </html>
    <a href="http://www.forumvi.com" target="_blank"></a>

    [b]Demo :
    Nguồn : Rip by Trà My - Chia Sẻ Online - Create by Rockman - [C]ss-[S]Tyle
  2. ☆SimonFounder

    avatar
    Giới tính :
    Nam
    Số bài viết :
    205
    Tham gia :
    20/01/2012
    vote nhé Smile

Permissions in this forum:
Bạn không có quyền trả lời bài viết

 
  • Free forum | © PunBB | Free forum support | Liên hệ | Report an abuse | Have a free blog with Sosblog
© 2012 Zone-A7
FM PunBB - Rip by Simon