Share
View previous topicGo downView next topic
avatar
Admin
Tổng số bài gửi : 128
Join date : 2010-07-30
View user profilehttp://diendantinhocvn.forumvi.com

Trang trí blog và website mùa giáng sinh

on 21/12/17, 10:35 am
Đến mùa noel không khí trở nên nhộn nhịp hẵn, những nhà có Đạo hoặc làm ăn kinh doanh thi nhau trang trí khung cảnh nhà mình hay của hàng, công ty thật lộng lẫy. Nào là ông già noel, cây thông, tuyết và hang đá.

Bạn cũng muốn blog hay website của mình có không khí noel và thật đặc biệt và bắt mắt khi người xem truy cập vào trang của mình.


Hướng dẫn dưới đây sẽ làm cho blogs hay web của bạn trở nên hoành tá tràng và lộng lẫy hơn trong mùa noel này nhé.

Bước 1: Truy cập vào trang quản trị blog của bạn

Bước 2: Vào phần chủ đề --> chỉnh sử HTML

Bước 3: Tìm thẻ </body> (kéo chuột xuống dưới cùng trong cửa sổ code) và Copy đoạn code dưới đây và dán vào trước thẻ </body>

Code:
<!-- [start]trang trí giáng sinh -->
<script type='text/javascript'>
//<![CDATA[
document.write('<img id="cloud" style="position:fixed;z-index:-1;top:0;left:0"><img style="position:fixed;z-index:9999;top:0;left:0" src="https://lh6.googleusercontent.com/-c8CoUvCourw/UMcWWTeBE-I/AAAAAAAABcU/q-j9X7733zw/s150/top-left.png"/><img style="position:fixed;z-index:9999;top:0;right:0" src="https://lh5.googleusercontent.com/-JABklf9ModU/UMcWWzSSJ4I/AAAAAAAABcY/g4sZMhrgjXU/s150/top-right.png"/><div style="position:fixed;z-index:9999;bottom:-50px;left:0;width:100%;height:104px;background:url(http://demo.iwebs.vn/api/images/noel/ft.png) repeat-x bottom left;"></div><img style="position:fixed;z-index:9999;bottom:0px;left:0px" src="https://lh4.googleusercontent.com/-mEgGUg-ou4k/UMcz0qy2NhI/AAAAAAAABc0/gF1uW4iE6y0/s180/bottom-left.png"/><img style="position:fixed;z-index:-1;bottom:0px;left:0px; width:20%" src="https://4.bp.blogspot.com/-wPJp709A7Cg/Wjh7qG_wqjI/AAAAAAAABbQ/QDtquFPE7MILKakQnN8l1ROV7YNtWZJyQCLcBGAs/s1600/Christmas-gifts.png"/><img style="position:fixed;z-index:-1;bottom:0px;right:0px" src="http://www.phamkhoi.com/Editor/blog/nhat%20ky/cay%20thong%20noel/cay-thong-giang-sinh-noel-3.png"/>');var no=100;var hidesnowtime=0;var snowdistance='pageheight';var ie4up=(document.all)?1:0;var ns6up=(document.getElementById&&!document.all)?1:0;function iecompattest(){return(document.compatMode&&document.compatMode!='BackCompat')?document.documentElement:document.body}var dx,xp,yp;var am,stx,sty;var i,doc_width=800,doc_height=600;if(ns6up){doc_width=self.innerWidth;doc_height=self.innerHeight}else if(ie4up){doc_width=iecompattest().clientWidth;doc_height=iecompattest().clientHeight}dx=new Array();xp=new Array();yp=new Array();am=new Array();stx=new Array();sty=new Array();for(i=0;i<no;++i){dx[i]=0;xp[i]=Math.random()*(doc_width-50);yp[i]=Math.random()*doc_height;am[i]=Math.random()*20;stx[i]=0.02+Math.random()/10; sty[i]=0.7+Math.random();if(ie4up||ns6up){document.write('<div id="dot'+i+'" style="POSITION:absolute;Z-INDEX:'+i+';VISIBILITY:visible;TOP:15px;LEFT:15px;"><span style="font-size:18px;color:#fff">*</span></div>')}}function snowIE_NS6(){doc_width=ns6up?window.innerWidth-10:iecompattest().clientWidth-10;doc_height=(window.innerHeight&&snowdistance=='windowheight')?window.innerHeight:(ie4up&&snowdistance=='windowheight')?iecompattest().clientHeight:(ie4up&&!window.opera&&snowdistance=='pageheight')?iecompattest().scrollHeight:iecompattest().offsetHeight;for(i=0;i<no;++i){yp[i]+=sty[i];if(yp[i]>doc_height-50){xp[i]=Math.random()*(doc_width-am[i]-30);yp[i]=0;stx[i]=0.02+Math.random()/10;sty[i]=0.7+Math.random()}dx[i]+=stx[i];document.getElementById('dot'+i).style.top=yp[i]+'px';document.getElementById('dot'+i).style.left=xp[i]+am[i]*Math.sin(dx[i])+'px'}snowtimer=setTimeout('snowIE_NS6()',10)}function hidesnow(){if(window.snowtimer){clearTimeout(snowtimer)}for(i=0;i<no;i++)document.getElementById('dot'+i).style.visibility='hidden'}if(ie4up||ns6up){snowIE_NS6();if(hidesnowtime>0)setTimeout('hidesnow()',hidesnowtime*1000)}
//]]>
</script>
<!-- [End]trang trí giáng sinh -->

Bước 4: Chép đoạn code CSS sau vào trước ]]></b:skin> để có hình mây bay cho nó đẹp.

Code:
/* [start]Mây bay và noel*/
#cloud {
 width:100%;
 height:940px;
 
 background-image: url(https://4.bp.blogspot.com/-Kk9xCsYuDlI/WjndhTzWBXI/AAAAAAAABco/t1fokGcedmU0nJS-mY5FCMGAxz_wMkG-ACLcBGAs/s1600/cloud_PNG24.png);
 background-repeat:repeat-x;
 -webkit-animation:test ease 300s;
 -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes test{
 0%{background-position-x:0px;}
 50%{background-position-x:5000px;}
 100%{background-position-x:0px;}
}

Rồi thay đổi màu nên của trang web bạn lại bằng background-color: #8dc4f8;  màu da trời.

Vậy là bạn đã trang trí cho blog của mình nào là thông noel, nào là tuyết rơi, rồi còn mây bây nữa. Thật là lộng lẫy.
View previous topicBack to topView next topic
Permissions in this forum:
You cannot reply to topics in this forum