Hội Quán Zone

Sắc màu cuộc sống

Tìm kiếm

Top posting users this week

Latest topics

» [TUT] thanh lv chủng tộc
by sican73 Mon Dec 21, 2015 7:20 am

» [Share] Shop thú nuôi
by sican73 Mon Dec 21, 2015 7:00 am

» [Code] quà tặng âm nhạc
by sican73 Mon Dec 21, 2015 6:52 am

» [Code] video theo yêu cầu
by sican73 Sun Dec 20, 2015 1:22 pm

» [Code] quay số ngẫu nhiên
by sican73 Fri Oct 02, 2015 2:17 pm

» [Share] Trang tỏ tình thời @
by sican73 Fri Jan 23, 2015 5:30 am

» [Code] chatbox style facebook[punbb]
by sican73 Fri Jan 23, 2015 5:23 am

» [Share] skin xomnet[punbb]
by doremonkt41 Mon Dec 29, 2014 8:44 pm

» [Code] xóa dòng chữ cuối forum
by doremonkt41 Tue Dec 16, 2014 12:53 am

» [Share] bộ button đẹp
by doremonkt41 Tue Dec 16, 2014 12:53 am

» [Code] nút like và dislike đẹp
by doremonkt41 Mon Dec 15, 2014 10:31 pm

» [Share] chatbox của zing
by doremonkt41 Mon Dec 15, 2014 10:31 pm

» [Code] Bảng thông báo có tivi
by doremonkt41 Mon Dec 15, 2014 10:07 pm

» [LMHT] Bảng hỗ trợ mùa 4
by sican73 Mon Nov 17, 2014 12:43 pm

» [Share] skin game [punbb]
by nonamewar Sat May 03, 2014 1:16 pm

» Ký tự mặt cười trên FB
by noname2103 Sun Apr 06, 2014 6:35 pm

» [Nonstop] - Quy Nhơn Bay Lắc - Vol 4 - Bay Cùng Dân Quê - DJ Zúi Sweet Remix
by noname2103 Mon Mar 03, 2014 6:50 pm

» [Mp3] Em của ngày hôm qua
by noname2103 Sun Mar 02, 2014 10:53 am

» [TUT] BBcode Notes Cho SCEditor
by noname2103 Wed Feb 05, 2014 10:03 am

» [Game] grow island[✔]
by noname2103 Fri Jan 31, 2014 11:09 pm

» [Game] Hệ thống các loại tướng “đặc biệt” trong LMHT
by noname2103 Tue Jan 28, 2014 10:07 pm

» cut the monster
by noname2103 Tue Jan 28, 2014 6:58 pm

» Tết đoàn viên ^^
by noname2103 Mon Jan 27, 2014 10:10 pm

» [code] Hoa rơi ngày Tết
by noname2103 Sat Jan 18, 2014 10:03 pm

» [Hướng Dẫn] ad hình nền cho profile member
by nkoc_dt0 Thu Jan 09, 2014 6:04 am

» [Hướng Dẫn] sửa lỗi ảnh bậy ở topic
by nkoc_dt0 Thu Jan 09, 2014 6:04 am

» [Share] code xem bói cool của zing
by nkoc_dt0 Thu Jan 09, 2014 6:01 am

» [Code] thông điệp yêu thương punbb
by nkoc_dt0 Thu Jan 09, 2014 5:42 am

» [Share] View topic của giới trẻ
by nkoc_dt0 Thu Jan 09, 2014 5:36 am

» ảnh tự làm
by noname2103 Sat Jan 04, 2014 5:03 pm

» [LMHT]Hướng dẫn chơi orianna
by noname2103 Wed Jan 01, 2014 2:19 pm

» [LMHT]Hướng dẫn chơi annie
by noname2103 Wed Jan 01, 2014 2:17 pm

» [LMHT]Hướng dẫn chơi javan IV
by noname2103 Wed Jan 01, 2014 2:07 pm

» [code] nền cho link[✔]
by noname2103 Sat Dec 28, 2013 1:11 pm

» [Share] skin chinhphuc ver 2 (punbb)
by SieuViet Sat Dec 28, 2013 8:10 am

» view ngang thật đẹp
by Zznhok_duczZ Fri Dec 27, 2013 8:28 pm

» 90 website hữu ích nhất năm 2012
by noname2103 Fri Dec 27, 2013 3:39 pm

» [hot] 1 link tạo logo free
by noname2103 Fri Dec 27, 2013 1:44 pm

» HTML Elements
by noname2103 Fri Dec 27, 2013 12:55 pm

» HTML cơ bản - 4 Ví dụ
by memvoicam Thu Dec 26, 2013 8:51 pm

» HTML biên tập viên
by memvoicam Thu Dec 26, 2013 8:47 pm

» HTML Hướng dẫn
by memvoicam Thu Dec 26, 2013 8:40 pm

» [NST]-Việtmix-chào giáng sinh 2013
by Tíc Thu Dec 26, 2013 7:26 pm

» [NST] Tươi-Xung-Căng
by noname2103 Sun Dec 22, 2013 8:05 pm

» [code] chia sẻ lên mạng xã hội[✔]
by noname2103 Mon Dec 16, 2013 9:03 pm

» [Code] tuần lộc chạy dưới forum[✔][✔]
by kim su su Sun Dec 15, 2013 10:22 am

» [Share] trang chủ noel[✔]
by noname2103 Sat Dec 14, 2013 3:13 pm

» [Code] trang trí forum ngày noel
by noname2103 Sat Dec 14, 2013 2:56 pm

» [Share] Bảng công thức lượng giác
by SieuViet Sat Dec 14, 2013 11:06 am

» [Hướng Dẫn] cách tăng bài viết ảo
by noname2103 Fri Dec 13, 2013 8:57 pm

» » Tất cả MemBer
by noname2103 Fri Dec 13, 2013 8:47 pm

» [Help] Cho mình xin bộ rank wed zone
by noname2103 Fri Dec 13, 2013 8:42 pm

» [rank] angry birds
by noname2103 Fri Dec 13, 2013 7:46 pm

» [rank] iron rank
by noname2103 Fri Dec 13, 2013 7:37 pm

» [rank] bleach
by noname2103 Fri Dec 13, 2013 7:28 pm

» [rank] Vàng và bạc Hạng
by noname2103 Fri Dec 13, 2013 7:25 pm

» [rank] rank mới
by noname2103 Fri Dec 13, 2013 7:21 pm

» [JS]khung chọn toàn bộ code
by l0nqkut3 Fri Dec 13, 2013 2:25 am

» [Share] skin đậm chất noel 2013-edit by An Hùng
by Data(D) Wed Dec 11, 2013 9:28 pm

» [Code] tuyết rơi trên forum
by Data(D) Wed Dec 11, 2013 9:27 pm

» ]Nonstop] - Việt Remix - DJ Zúi Remix
by noname2103 Wed Dec 11, 2013 7:47 pm

» [Nonstop] - Việt Mix - Ngẫu Hứng Làm Nhạc Nó Mới Cứng - Thân Tặng Các Chị Em Phụ Nữ Nhân
by noname2103 Wed Dec 11, 2013 7:02 pm

» Dong gop cho anh em Ve HTML nhe' :Z
by memvoicam Mon Dec 09, 2013 9:22 pm

» Cơ bản về các thẻ HTML
by memvoicam Mon Dec 09, 2013 9:04 pm

» [Share] trang mã hóa code online
by memvoicam Mon Dec 09, 2013 8:49 pm

» [Share] CODE TẠO HỘP KIỂM TRA MÃ VÙNG ĐIỆN THOẠI CÁC TỈNH
by memvoicam Mon Dec 09, 2013 8:43 pm

» [Share] code chữ chạy đẹp
by memvoicam Mon Dec 09, 2013 8:40 pm

» [Share] trang html chat mới
by memvoicam Mon Dec 09, 2013 8:40 pm

» [Thông Báo] ad nhạc nền cho member
by Pc Sun Dec 08, 2013 6:27 pm

» [Mp3] Liên Khúc Nhạc Trẻ (Remix 2012) - DJ Triệu Lador
by Pc Sun Dec 08, 2013 6:20 pm

» » Tất cả MemBer
by kim su su Sat Dec 07, 2013 10:19 pm

» [Share] rank mới về
by SieuViet Sat Dec 07, 2013 9:27 pm

» [Code] 2 thanh lv gunny
by SieuViet Sat Dec 07, 2013 9:21 am

» [Code] topic_list_box đẹp
by SieuViet Tue Dec 03, 2013 5:27 pm

» [Code] ảnh phóng to khi rê chuột vào
by zinggame111 Sun Dec 01, 2013 9:17 pm

» » Tất cả MemBer
by noname2103 Sun Dec 01, 2013 7:12 pm

» [Thông Báo] BQT vào điểm danh để cùng tiến hành làm phần thưởng trong sự kiện
by noname2103 Sun Dec 01, 2013 11:08 am

» [Code] icon cánh trước và sau tên box
by kim su su Sun Dec 01, 2013 11:04 am

» [Sự Kiện] Chào mừng memvip
by kim su su Sun Dec 01, 2013 11:03 am

» » Tất cả MemBer
by kim su su Sun Dec 01, 2013 11:00 am

» [Thông Báo] Tiến hành banned nick bom13love
by noname2103 Sun Dec 01, 2013 10:56 am

» [Share] skin cntt-k3 facebook
by SieuViet Sun Dec 01, 2013 7:03 am

» » Tất cả MemBer
by noname2103 Sat Nov 30, 2013 10:59 pm

» [Game] knight princess
by noname2103 Sat Nov 30, 2013 5:21 pm

» [Code] chữ ký đẹp của noname2103
by tonyhoaivu Thu Nov 28, 2013 12:22 pm

» [Code] viền bóng cho ảnh
by tonyhoaivu Thu Nov 28, 2013 12:17 pm

» [Code] dịch chuyển tiêu đề khi rê chuột vào
by tonyhoaivu Thu Nov 28, 2013 11:54 am

» [Hướng Dẫn] kick hoạt Members connec during last 99 hours
by SieuViet Mon Nov 25, 2013 5:23 pm

» [Share] trang tạo chữ động
by SieuViet Mon Nov 25, 2013 5:08 pm

» [Share] code hìn mặt nước thật cool
by SieuViet Mon Nov 25, 2013 5:06 pm


    [Share] trang chủ noel[✔]

    Share
    avatar
    noname2103
    Thành viên kim cương 5
    Thành viên kim cương 5

    Tổng số bài gửi Tổng số bài gửi : 453
    Điểm(xu) Điểm(xu) : 24198
    Like Like : 304

    Giới tính Giới tính : Nam

    icon1 [Share] trang chủ noel[✔]

    Bài gửi by noname2103 on Sat Dec 14, 2013 3:13 pm


    Code:

    <!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 Settings -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <!-- Title -->
        <title>Noelle - Christmas Landing Page Template</title>
        <!-- Fonts -->
        <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" />
        <!-- Css Files -->
        <link rel="stylesheet" type="text/css" href="http://ghequa.net/noelhotrofm/assets/styles/style.css" media="all" />
        <link rel="stylesheet" type="text/css" href="http://ghequa.net/noelhotrofm/assets/styles/responsive.css" media="all" />
        <!-- Favicon -->
        <link rel="shortcut icon" href="http://ghequa.net/noelhotrofm/assets/images/General/favicon.ico" />
    </head>
    <body onload="loading();">
        <!-- Loading -->
        <div id="loading">
            <div class="spinner">
            </div>
        </div>
        <div class="mainWrap">
            <!-- Music Player -->
            <div id="player" style="display: none;">
            </div>
            <a class="musicPlayer" href="javascript:;">MUSIC</a>
            <!-- Big Screen - Deer -->
            <div class="bigScreenWrap">
                <span class="title">woow!</span> <span>Big Screen</span>
            </div>
            <!-- Snow Effect -->
            <div class="snowEffect">
            </div>
            <!-- Topmost Ices -->
            <div class="iceWrap">
            </div>
            <img src="http://ghequa.net/noelhotrofm/assets/images/General/moon.png" alt="moon" class="moon" />
            <!-- Counter Table -->
            <div class="counterTable">
                <span class="title">Merry Christmas</span>
                <div id="cntdwn">
                </div>
                <a href="http://zone.forum.st/">Zone</a>
            </div>
            <!-- Twitter -->
            <div class="twitterWrap">
                <div class="twitterBird bird1">
                </div>
                <div class="twitArea">
                    <span class="twitterUserName">Thông tin:</span>
                    <div id="twits" class="twits">
                    </div>
                </div>
            </div>
            <!-- Tree -->
            <div class="treeWrap demo-2">
                <div class="tree">
                </div>
                <div class="pattern">
                </div>
                <!-- About Us -->
                <div class="pfolds bell">
                    <div class="uc-container">
                        <div class="uc-initial-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/bell.png" alt="Tree-Bell" />
                        </div>
                        <div class="uc-final-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/hat.png" alt="Bells-Hat" />
                            <h3>
                                About Us</h3>
                            <div class="fContent text">
                                <p>
                                    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
                                    in a piece of classical Latin literature from 45 BC, making it over 2000 years old.
                                    Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked
                                    up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage,
                                    and going through the cites of the word in classical literature, discovered the
                                    undoubtable source.</p>
                                <p>
                                    Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots
                                    in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
                                <a href="javascript:;">Click Here</a>
                                <br />
                                <br />
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Google Map -->
                <div class="pfolds starRed">
                    <div class="uc-container map">
                        <div class="uc-initial-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/star-red.png" alt="Tree-Star-Red" />
                        </div>
                        <div class="uc-final-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/hat.png" alt="Bells-Hat" />
                            <h3>
                                Where are we?</h3>
                            <div class="fContent">
                                <div id="googleMap" style="width: 580px; height: 230px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Social Media Icons -->
                <div class="pfolds starGold">
                    <div class="uc-container">
                        <div class="uc-initial-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/star-gold.png" alt="Tree-Star-Gold" />
                        </div>
                        <div class="uc-final-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/hat.png" alt="Bells-Hat" />
                            <h3>
                                Social Media</h3>
                            <div class="fContent">
                                <ul class="socialIcons">
                                    <li class="fb"><a target="_blank" href="https://www.facebook.com/ProfMeThemes">Facebook</a></li>
                                    <li class="tw"><a target="_blank" href="https://twitter.com/ProfMeThemes">Twitter</a></li>
                                    <li class="fl"><a target="_blank" href="javascript:;">Flickr</a></li>
                                    <li class="ln"><a target="_blank" href="javascript:;">LinkedIn</a></li>
                                    <li class="yo"><a target="_blank" href="javascript:;">Youtube</a></li>
                                    <li class="dr"><a target="_blank" href="javascript:;">Dribble</a></li>
                                    <li class="de"><a target="_blank" href="javascript:;">Devianart</a></li>
                                    <li class="la"><a target="_blank" href="javascript:;">LastFm</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Iframe Youtube Video -->
                <div class="pfolds ball">
                    <div class="uc-container video">
                        <div class="uc-initial-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/ball.png" alt="Tree-Ball" />
                        </div>
                        <div class="uc-final-content">
                            <img src="http://ghequa.net/noelhotrofm/assets/images/Tree/hat.png" alt="Bells-Hat" />
                            <div class="fContent video">
                                <iframe width="100%" height="100%" src="#" frameborder="0"></iframe>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Mail Sender -->
                <a href="javascript:;" class="mail">Mail</a>
                <div class="emailSender">
                    <span class="title">E-Card Sender</span>
                    <form id="eCard" action="http://profmedns.com/Theme/Noelle/phpmail/mail.php" method="get">
                    <p>
                        <label for="name">
                            Your Name</label>
                        <input type="text" id="name" name="name" class="required" maxlength="25" />
                    </p>
                    <p>
                        <label for="email">
                            Friend's Email</label>
                        <input type="text" id="email" name="email" class="required" maxlength="100" />
                    </p>
                    <p>
                        <label for="message">
                            Message for Your Friend</label>
                        <textarea id="message" name="message" class="required" cols="6" rows="2"></textarea>
                    </p>
                    <a href="javascript:;" class="send">Send</a>
                    <div class="success">
                    </div>
                    <div class="not">
                    </div>
                    </form>
                </div>
                <!-- Your Message -->
                <div class="yourMessageWrap">
                    <span class="message">Happy New Years</span>
                    <img src="http://ghequa.net/noelhotrofm/assets/images/General/logo.png" alt="logo" />
                </div>
                <!-- Copyright Text -->
                <p class="copyright">
                    @copy right by noname2103 of<a href="http://zone.forum.st/"
                        target="_blank">  Hội Quán Zone</a></p>
            </div>
            <!-- North Pole Point -->
            <div class="northPole">
            </div>
        </div>
        <!-- Script Files -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/jquery.validate.pack.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/modernizr.custom.79639.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/jquery.pfold.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/jquery.arctext.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/jquery.classywiggle.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/ThreeCanvas.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/Snow.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/twitterFetcher_v10_min.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/jquery.jplayer.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/ttw-music-player.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/myplaylist.js"></script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/custom.js"></script>
        <!-- Inline Scripts -->
        <script type="text/javascript">
            // <![CDATA[
            /* Counter For New Year Settings - Start */
            TargetDate = "01/01/2014 00:00 AM";
            BackColor = "transparent";
            ForeColor = "navy";
            CountActive = true;
            CountStepper = -1;
            LeadingZero = true;
            DisplayFormat = '<span class="day">%%D%% Days</span> <span class="time">%%H%%:%%M%%:%%S%%</span>';
            FinishMessage = "<span>Happy</span> <span>New Year!</span>";
            /* Counter For New Year Settings - End */

            /*Snow Effect - Start*/
            /* Variables - Start */
            var SCREEN_WIDTH = window.innerWidth;
            var SCREEN_HEIGHT = window.innerHeight;
            var container;
            var particle;
            var camera;
            var scene;
            var renderer;
            var mouseX = 0;
            var mouseY = 0;
            var windowHalfX = window.innerWidth / 2;
            var windowHalfY = window.innerHeight / 2;
            var particles = [];
            var particleImage = new Image();
            particleImage.src = 'http://ghequa.net/noelhotrofm/assets/images/General/snow.png';
            /* Variables - End */

            function snowEffectBind() {
                container = $('.snowEffect');

                camera = new THREE.PerspectiveCamera(75, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 10000);
                camera.position.z = 1000;

                scene = new THREE.Scene();
                scene.add(camera);

                renderer = new THREE.CanvasRenderer();
                renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);
                var material = new THREE.ParticleBasicMaterial({ map: new THREE.Texture(particleImage) });

                for (var i = 0; i < 500; i++) {
                    particle = new Particle3D(material);
                    particle.position.x = Math.random() * 2000 - 1000;
                    particle.position.y = Math.random() * 2000 - 1000;
                    particle.position.z = Math.random() * 2000 - 1000;
                    particle.scale.x = particle.scale.y = 1;
                    scene.add(particle);

                    particles.push(particle);
                }

                container.html(renderer.domElement);

                document.addEventListener('mousemove', onDocumentMouseMove, false);
                document.addEventListener('touchstart', onDocumentTouchStart, false);
                document.addEventListener('touchmove', onDocumentTouchMove, false);

                setInterval(loop, 1000 / 60);
            }

            function onDocumentMouseMove(event) {
                mouseX = event.clientX - windowHalfX;
                mouseY = event.clientY - windowHalfY;
            }

            function onDocumentTouchStart(event) {
                if (event.touches.length == 1) {
                    event.preventDefault();

                    mouseX = event.touches[0].pageX - windowHalfX;
                    mouseY = event.touches[0].pageY - windowHalfY;
                }
            }

            function onDocumentTouchMove(event) {
                if (event.touches.length == 1) {
                    event.preventDefault();

                    mouseX = event.touches[0].pageX - windowHalfX;
                    mouseY = event.touches[0].pageY - windowHalfY;
                }
            }

            function loop() {
                for (var i = 0; i < particles.length; i++) {
                    var particle = particles[i];
                    particle.updatePhysics();

                    with (particle.position) {
                        if (y < -1000) y += 2000;
                        if (x > 1000) x -= 2000;
                        else if (x < -1000) x += 2000;
                        if (z > 1000) z -= 2000;
                        else if (z < -1000) z += 2000;
                    }
                }

                camera.position.x += (mouseX - camera.position.x) * 0.05;
                camera.position.y += (-mouseY - camera.position.y) * 0.05;
                camera.lookAt(scene.position);

                renderer.render(scene, camera);
            }
            /*Snow Effect - End*/
            // ]]>
        </script>
        <script type="text/javascript" src="http://ghequa.net/noelhotrofm/assets/scripts/countDown.js"></script>
       
    </body>
    </html>

     trả lời để xem nội d 

      Hôm nay: Wed Sep 26, 2018 8:28 pm