Hôm nay xin chia sẽ các bạn một số code trang trí
website của các bạn nhân dịp xuân ất mùi 2015 sắp đến.Chúc các bạn năm
mới hạnh phúc và tràn đầy niềm vui
- Code banner cho website
<a style="display:scroll;position:fixed;Top:0px;left:5px;" href="#"><img src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/tet1-left.png" /></a>
<div style="width: 140px; left: 0px; bottom: 0px; position: fixed; z-index: 50; " id="columnleft">
<div align="center"> <div class="clear"></div>
<div style="margin-top:2px;position:relative;margin-bottom: 25px;">
<img alt="quy ngo trai" style="border-width:0px" src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/quyngo_left.png" width="140" height="229">
</div>
</div>
</div>
<a style="display:scroll;position:fixed;Top:0px;right:5px;" href="#"><img src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/tet2-right.png" /></a>
<div style="width: 140px; right: 0px; bottom: 0px; position: fixed; z-index: 50; " id="columnright">
<div align="center"> <div class="clear"></div>
<div style="margin-top:2px;position:relative;margin-bottom: 25px;">
<img alt="quy ngo phai" style="border-width:0px" src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/images/quyngo_right.png" width="140" height="229">
</div>
</div>
</div>
Bạn chép phần code này trong phần </footer> của webiste đối với blog củng như vậy còn phần mình đánh dấu màu đỏ là hình ảnh banner các bạn có thể thay bằng hình nào các bạn muốn - Code pháo bông JS
<script type="text/javascript" src="http://dl.dropboxusercontent.com/u/71212895/Code-Trangtri-NamMoi/FireWorksNewYear.js"></script>
Chép đoạn code này vào trước </head> của website hay blog nhé. - Code hoa mai trang trí cho website
<script type="text/javascript" src="http://vipprao.wap.sh/holiday_tet/hoa-mai-roi.js"></script>
code này cũng chép vào trước thẻ </head> của website cũng như blog nhé.
"http://vipprao.wap.sh/holiday_tet/hoa-mai-roi.js" đây là code js các bạn có thể tải về save lại và chỉnh sửa lại theo ý thích của mình. - Thêm 1 code hoa mai rơi khác dành cho các bạnode hoa rơi trang trí website ngày tết để làm cho website nhà mình sinh động hơn, Có không khí tết nhiều hơn qua bánh chưng, câu đối đỏ và vài bông hoa rơi rụng lả tả ..Lưu ý là: code java script này không khiến website bạn chạy chậm hơn nhưng bạn hãy cân nhắc trước khi làm, vì mình thấy nó sến sến…
Code hoa rơi trang trí website ngày tết
Bước 1: các bạn tải file này về nhé. code hoa roi trang tri website ngay tetBước 2: các bạn giải nén file ra và up lên host của bạn.Bước 3: các bạn chèn đoạn code này vào phần header của website bạn.<script src=”/hoadao.js” type=”text/javascript”></script>Lưu ý: nếu bạn thay đổi thư mục (ở đây mình không đặt trong thư mục con nhé.) thì phải thay đổi đường link cho chính xác.quay lại trang web của bạn và xem thử ok chưa ..Nếu bạn không thích thì các bạn có thể thay đổi đường link hình ảnh thành hình khác. bằng cách sau:Sử dụng phần mềm noterpad ++ miễn phí.Click chuột phải vào file hoadao.js và chọn open with noterpad ++Sau đó thay thế đường dẫn của link ảnh mà bạn muốn.Sau đó bạn lưu file này lại và up lên host để xem thành quả nhé.
- Code index trang chủ đếm ngược đến tếtMình upfile lên host các bạn tải về và chỉnh sửa theo ý thích nhé
Link tải file :link -
Code index đẹp
Thêm một index đẹp nữa dành cho các bạn
link tải code :link tải - Một số code flash đẹp
Chia sẽ thêm cho các bạn 1 số flash về tết đẹp không phải năm 2015 nhưng cũng đẹp bạn nào biết về flash có thể chỉnh sửa lại nhé
link tải - Index đẹp 2015 : link tải
Trang trí hiệu ứng Tết 2015 độc đáo cho WordPress-Blogger-Website
Mỗi năm tết đến xuân về, trong mỗi con người chúng ta, ai cũng có những cảm xúc riêng của mình. Đó là dòng cảm xúc vô cùng thiêng liêng khi được sống trong những ngày hạnh phúc, đầm ấm bên gia đình và người thân. Hãy cùng các Blogger tôn vinh những vẻ đẹp truyền thống của ngày Tết với câu đối đỏ, bánh trưng xanh,…cùng trang trí Tết chào đón năm mới độc đáo cho WordPress/Blogger/Website.
Demo: http://kenh76.vn/js/tet-2015.html
Treo câu đối 2 bên Sidebar blog/website
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
PHP Code:
<img src="http://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png" style="display:scroll;position:fixed;top:0px;left:5px;"/> <img src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png" style="display:scroll;position:fixed;top:0px;right:5px;"/>
Source trang trí tổng hợp cho Blog/Website
Source được thiết kế năm 2015 bởi anh Nguyễn Duy. Theo ý của anh, mình chỉnh sửa lại hình ảnh, cập nhật lại Code với năm Ất Mùi 2015 này.
Source tổng hợp bao gồm:
- Hai câu đối trang trí 2 bên blog/website.
- Hình ảnh thể hiện khung cảnh Tết bên dưới bottom blog/website.
Source
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
PHP Code:
<script type='text/javascript'> //<![CDATA[ document.write('<style type="text/css">html{height:auto!important}body{background:#EEE;padding-bottom:150px}</style><img style="position:fixed;z-index:9999;top:0;left:0" src="http://3.bp.blogspot.com/-NN_BX9rA83I/VJ6oz44qhCI/AAAAAAAABss/XWqP9itsQY8/s1600/Caudoitet1.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="http://3.bp.blogspot.com/-Qa0y0pgMAa0/VJ6o0FmI8sI/AAAAAAAABsw/O2KWYner4k4/s1600/caudoitet2.png"/><div style="position:fixed;z-index:9999;bottom:0;left:0;width:100%;height:220px;background:url(http://2.bp.blogspot.com/-kIyHPSeQClI/VJ-OW0qm8rI/AAAAAAAABu0/r4kQuKdBpUY/s1600/tetnguyendan2.png) repeat-x bottom left;"></div><a href="http://chiasethuthuatpclaptop.blogspot.com/2015/01/hieu-ung-tet-2015-doc-dao-cho-wordpress-blogger.html" target="_blank"><img style="position:fixed;z-index:9999;bottom:19px;left:280px" src="http://4.bp.blogspot.com/-vLa1Kt6Lt4c/VJ9boHA6XPI/AAAAAAAABuc/7p1KULP5w5g/s1600/tetnguyendan.png"/>'); var no=100,hidesnowtime=0,snowdistance="pageheight",ie4up=document.all?1:0,ns6up=document.getElementById&&!document.all?1:0;function iecompattest(){return document.compatMode&&"BackCompat"!=document.compatMode?document.documentElement:document.body}var dx,xp,yp,am,stx,sty,i,doc_width=800,doc_height=600;ns6up?(doc_width=self.innerWidth,doc_height=self.innerHeight):ie4up&&(doc_width=iecompattest().clientWidth,doc_height=iecompattest().clientHeight);dx=[];xp=[];yp=[];am=[];stx=[];sty=[]; for(i=0;i<no;++i)dx[i]=0,xp[i]=Math.random()*(doc_width-50),yp[i]=Math.random()*doc_height,am[i]=20*Math.random(),stx[i]=0.02+Math.random()/10,sty[i]=0.7+Math.random(),(ie4up||ns6up)&&document.write('<div id="dot'+i+'" style="position:absolute;z-index:'+i+';visibility:visible;top:15px;left:15px;"></div>'); //]]> </script>
Cách thực hiện
Truy cập trang quản trị Blogger→Bố cục→Thêm tiện ích HTML/Javascript→Paste đoạn code sau và lưu lại.
PHP Code:
<script src="https://www.googledrive.com/host/0B1EJGJ56bNPuQmpNUDBGbk1ZZGM" type="text/javascript"></script>
Theo Kenh76.vn
0 comments:
Post a Comment