
#link-cia {
width: 300px;
border: 10px groove green;
overflow: auto;
height: 300px;
padding-left: 0px;
}
#link-cia ul {
display: inline;
margin-left: 0px;
}
#link-cia ul li {
list-style: none;
margin-left: 0px;
background: #000000;
border: 1px solid #fff;
padding: 4px;
padding-left: 15px;
-webkit-transition:all 3.5s ease;
-moz-transition:all 3.5s ease;
-o-transition:all 3.5s ease;
transition:all 3.5s ease;
}
#link-cia ul li:hover {
background: #0638DB;
border : 1px solid #fff;
border-right: 10px solid #fff;
-webkit-transition:all 1.5s ease;
-moz-transition:all 1.5s ease;
-o-transition:all 1.5s ease;
transition:all 1.5s ease;
}
#link-cia ul li a {
color: red;
text-decoration: none;
font-family: Times new roman;
font-size: 19px;
text-shadow: 0px 0px 1px #fff;
-webkit-transition: padding 1.5s ease-out;
-moz-transition: padding 1.5s ease-out;
-o-transition: padding 1.5s ease-out;
transition:all 1.5s ease;
}
#link-cia ul li a:hover {
color: yellow;
text-decoration: none;
padding-left: 15px;
-webkit-transition: padding 0.5s ease-out;
-moz-transition: padding 0.5s ease-out;
-o-transition: padding 0.5s ease-out;
transition:all 0.5s ease;
}
</style>
<script language="JavaScript">
function popUp(URL) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=900,height=550,left = 50,top = 100');");
}
</script>
<div id="link-cia">
<ul>
<li><a href="javascript:popUp('http://www.dunghennessy.blogspot.com')"><img align="top" height="16px" width="16px" src="http://dungheineken.blogspot.com/favicon.ico"/> Thủ thuật Computer</a></li>
<li><a href="javascript:popUp('http://anhdepblog.blogspot.com')"><img align="top" height="16px" width="16px" src="http://anhdepblog.blogspot.com/favicon.ico"/> Ảnh đẹp cho Blog</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
</ul></div>
Nếu muốn thêm nhiều liên kết nữa, bạn copy dòng lệnh này:
<li><a href="javascript:popUp('Link blog liên kết')"><img align="top" height="16px" width="16px" src="Link ảnh đại diện (Favicon)"/> Tên blog liên kết</a></li>
Dán trên dòng lệnh </ul></div> cuối cùng.
Post a Comment Blogger Facebook
Bấm vào hình để nhận code!
Một lời nói triệu niềm vui. Hãy cho mọi người biết suy nghĩ của bạn!