Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.




 
Trang ChínhTrang Chính  Latest imagesLatest images  Tìm kiếmTìm kiếm  Đăng kýĐăng ký  Đăng Nhập  

 

 Tổng hợp các Code làm đẹp góc vui Yobanbe

Go down 
Tác giảThông điệp
OneCt
Admin
Admin
OneCt


Tổng số bài gửi : 127
Số điểm : 386
Reputation : 0
Ngày gia nhập : 07/05/2009
Tôi hiện.... : 32
Đến từ : Madaguoi

Tổng hợp các Code làm đẹp góc vui Yobanbe Empty
Bài gửiTiêu đề: Tổng hợp các Code làm đẹp góc vui Yobanbe   Tổng hợp các Code làm đẹp góc vui Yobanbe EmptySat Jun 27, 2009 7:15 pm

- Tạo khung hình cho khung Comment :

<style type="text/css"> textarea {background-color:..CC0000; background-image:url(http://img.photo.zing.vn/file_uploads/gallery/w642h/q32008/2008/09/05/01/52071220595706.gif); border-width:6px; border-style:double; border-color:..003399; color:$ttc; font-family:;} input {background-color:..FFFFFF; border-width:6px; border-style; border-color:..003399; color:..0099CC; font-family:;} </style>

đoạn chữ màu xanh trên đoạn code trên là link hình, bạn có thể chọn bất kỳ hình ảnh nào mà bạn ưng ý rùi thay vào đó là Ok. Cách để lấy được link hình ảnh bạn có thể lấy ở trên trang wed hoặc up hình lên 1 trang wed và nhấp chuột phải vào hình mình muốn chọn và chọn propesties là Ok ngay

- Hiệu ứng khi chuyển trang :

Các bạn copy đoạn code sau dán vô Góc vui là khi chuyển qua trang khác sẽ thấy khác ngay à, không tin thử đi bạn nhé

<META content="revealtrans(duration=6.0, transition=23)" http-equiv=Page-Enter>
<META content="revealtrans(duration=6.0, transition=23)" http-equiv=Page-Exit>


- Tạo 1 Banner phía trên Blog

Vô bất kỳ 1 Blog hay 1 trang wed bạn thường thấy có 1 tấm hình hay 1 cái banner, mà khi chùng ta nhấp chuột vô đó thấy xuất hiện 1 đường link dẫn đến 1 trang wed. Rất đơn giản chỉ cần bạn copy code sau đây rùi dán vô góc vui là ok

</style>
<div style="position:absolute;top:0;left:0;z-index:9"><a target=_blank href="http://music.easyvn.com/nhatlinh2812/" alt="Myspace Codes!"><p><img src="http://img.photo.zing.vn/file_uploads/gallery/sources/2008/09/21/22b3e98f18f38210c80ec363105a9c14.jpg" border="0" alt="" width="1024" height="85" /></p></a>
</div>


Các bạn chú ý: đoạn chữ màu xanh thứ nhất là một đường dẫn ( ví dụ có thể dẫn đến 1 trang wed, 1 forum hay chính là Blog của bạn). còn đoạn chữ thứ 2 là link hình ảnh giống như code của hiệu ứng phía trên

- Hình nền cho các Tiêu đề

<style type="text/css"> #headline {background-image:url(http://www.poqbum.com/animated_hover/images/flames2.gif) ;} </style>
<style type="text/css"> #body h2 {background:#000000 url(http://www.poqbum.com/animated_hover/images/red-blue-divider.gif) ;} </style></p><style type="text/css"> a.bttn {background-image:url(http://www.taochu.com/images/valentine157.gif) ;} </style>

Chú ý:


đoạn chữ màu xanh thứ 1 là hình nền cho câu Phương Châm

đoạn chữ màu xanh thứ 2 là hình nền cho các tiêu đề

đoạn chữ màu xanh còn lại là hình nền cho câu Gửi dưới phần Bình luận



- Một góc vui thứ 2 hay lắm nha. càng nhiều góc vui càng thêm phần lí thú

</DIV></DIV>
<DIV class=blockType01>
<H2>Góc Vui<SPAN class="right marT20 small"><A
target=_blank target=_blank href="http://yobanbe.zing.vn/yo/mystuff/edit.html"></A></SPAN></H2"></A></SPAN></H2>
<DIV id=contType01 align=center>

Thay chữ Góc Vui thành chữ gì bạn thấy hay là được ( tùy sở thích của mỗi bạn ), còn nội dung để đưới đoạn code đó là ok



- Tạo các icon (hoặc các hình ảnh) có chứa link

Nghĩa là trên blog của mình sẽ hiện ra các hình, khi bấm vào hình đó nó sẽ dẫn đến 1 cái link mình muốn- giống như kiểu 5 nhưng là "hình" chứ không phải "chữ"
<div style="text-align: center;">
<a href="link Blog 1"> <img src="link ảnh 1" alt="Blog Page" height="47" width="51" alt="Image" /></a></div>
* Đoạn code này có nghĩa là: trên màn hình sẽ hiện ra ảnh 1, khi bấm vào sẽ hiện ra page 1. Nếu muốn làm nhiều thì cứ lặp lại các code trên.

- Hiệu ứng khi kéo chuột xuống theme vẫn đứng im

<style type="text/css">


table, tr, td { background-color:transparent; border:none; border-width:0;}
body {
background-attachment:fixed;
background-repeat:repeat;
border-color:FFADFF;
border-width:3px ;
border-style: solid;
scrollbar-face-color:FFC0FF;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:FFA1FF;
scrollbar-shadow-color:FFB4FF;
scrollbar-darkshadow-color:FFA1FF;
scrollbar-arrow-color:FFFFFF;
scrollbar-track-color:FFDEFF;
}


table table { border: 0px }
table table table table{border:0px}
table table table {
border-style:solid;
border-width:1px;
border-color:FFADFF;
background-color:transparent;
}

table table table td {
background-color:FFFFFF;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; -khtml-opacity:0.80; }
table table table table td {filter:none;}


table, tr, td, li, p, div { font-family:tahoma; color:FF97FF; font-size:10px; }
.btext { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.blacktext10 { font-family:tahoma; color:FF97FF; font-size:10px; font-weight:bold; }
.blacktext12 { font-family:tahoma; color:FF97FF; font-size:16px; }
.lightbluetext8 { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.orangetext15 { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.redtext { font-family:tahoma; color:FF97FF; font-size:10px; }
.redbtext { font-family:tahoma; color:FF97FF; font-size:12px; font-weight:bold; }
.text { font-family:tahoma; color:FF97FF; font-size:10px; font-weight:bold; }
.whitetext12 { font-family:tahoma; color:FF97FF; font-size:14px; font-weight:bold; }
a:active, a:visited, a:link { font-family:tahoma; color:FF97FF; font-size:10px; }
a:hover { font-family:tahoma; color:FFADFF; font-size:10px; }
a.navbar:active, a.navbar:visited, a.navbar:link { font-family:tahoma; color:FF8BFF; font-size:10px; font-weight:bold; }
a.navbar:hover { font-family:tahoma; color:FF84FF; font-size:10px; }
a.redlink:active, a.redlink:visited, a.redlink:link { font-family:tahoma; color:FF97FF; font-size:12px; }
a.redlink:hover { font-family:tahoma; color:FFADFF; font-size:12px; }
.nametext { font-family:tahoma; color:FF97FF; font-size:16px; font-weight:bold; }

</style><a href="http://www.JellyMuffin.com" target="_blank"><img src="http://www.JellyMuffin.com/adsource/cornertagright.gif" alt="Myspace Layouts & Comments" style="position:absolute; right:0px; top: 0px;" border="0"></a><a href="http://www.JellyMuffin.com/layouts">Myspace Layouts</a> @ JellyMuffin.com
<style type='text/css'>

body{ background-image: url("http://www.jellymuffin.com/layouts/Love/Cupid_Struck_Pink/bg.jpg")};


</style>

(Có thể thay http://www.jellymuffin.com/layouts/Love/Cupid_Struck_Pink/bg.jpg = link khác )

*CHÚ Ý: Khi copy đoạn code này vào góc vui các bạn phải xóa cái hình nền đang xài thì code mới các tác dụng

- Thay đổi hình con trỏ chuột

<style type="text/css">

body {cursor: url(http://vipnghean.biz/blog/iloveu.ani); }

</style>


- Tạo hình động trong khung comment:


<style type="text/css">

textarea {background-color:..CC0000; background-image:url(http://vipnghean.biz/blog/comment.gif); border-width:6px; border-style:double; border-color:..003399; color:$ttc; font-family:;} input {background-color:..FFFFFF; border-width:6px; border-style; border-color:..003399; color:..0099CC; font-family:;}


</style>


- Tạo mờ các vùng như avatar, các bức ảnh, danh sách bạn bè

<style type="text/css">

a img {filter:alpha(opacity 100,style=3);}a:hover img {filter:none;}

</style>


- Tạo những hiệu ứng của phần Commet, bạn bè và phần liên hệ

<style type="text/css">

#box-highlight, #leftcont .blockType01, #leftcont .blockType02 {font-family: Verdana; font-size:14px; color:#f7346d;background: url(http://vipnghean.biz/blog/buom.gif) !important; border:1px solid #f7346d !important;}
#rightcont .blockType01, #rightcont .blockType02 {font-family: Verdana, Helvetica, sans-serif; font-size:12px; color:#f7346d; background:url(http://vipnghean.biz/blog/buom.gif) !important; border:1px solid #f7346d !important;}
</style>

thay những link chữ màu xanh = link bạn thích

- Cách comment có kèm hình ảnh, hay đường link

<a><img src='http://vipnghean.biz/blog/trai.gif' border='0' /></a> + Lời bình của mình

thay link chữ màu xanh = link của bạn nha



- Banner phía trên Blog :

<div style="position:absolute;top:0;left:0;z-index:9"><iframe src="XXXXXXXXXXXXXXXXXXXXXXXXXXX" height="160" width="1024" scrolling="auto" frameborder="0" ></iframe> </div>


- Cách làm chữ chạy

<font color="#FF0000"><b>
<marquee>Hhehehe</marquee></b></font>
Về Đầu Trang Go down
https://dbmdahuoai.forumvi.com
 
Tổng hợp các Code làm đẹp góc vui Yobanbe
Về Đầu Trang 
Trang 1 trong tổng số 1 trang
 Similar topics
-
» [Code + CSS] Thêm tùy chọn màu cho chữ kí
» [Code] Đóng khung chữ kí
» [Code] Tạo ảnh nền cho khung profile
» [code] Khung avatar
» [code] Khung avatar

Permissions in this forum:Bạn không có quyền trả lời bài viết
 :: -‘๑’-Thảo luận-‘๑’- :: Thế giới blog-
Chuyển đến