/*Tooltip*/ #osdhtmltooltip{ border: #999 1px solid; padding: 4px; font-size: 10pt; z-index: 100; left: -300px; visibility: hidden; width: 350px; font-family: Arial; position: absolute; background-color: #fcfee4; text-align: left; } #osdhtmltooltip img{ float: left; padding: 3px; border: solid 1px #FFF; margin: 2px; } #osdhtmltooltip h3{ color: #000; padding: 2px; margin: 0px; font-weight: bold; text-transform: none; text-decoration: none; } #osdhtmltooltip span{ color: #999; font-style: italic; } #osdhtmltooltip div{ color: #000; } #osdhtmlpointer{ z-index: 101; left: -300px; visibility: hidden; position: absolute; } #rc-posts-2-col { width:320px; } #rc-posts-2-col h3 { background:url(http://data.fandung.com/blog/demo/tooltip-recentposts/img-bg-rd.png) no-repeat top left; padding:3px 5px 14px 5px; font-size:13px; margin:0px; color:#fff; } table#rc-2cot {border-top:1px solid #ccc;border-bottom:1px solid #ccc; border-left:1px solid #ccc;} #rc-tr1 {background:#f3f3f3;} #rc-tr0 {background:#fff;} #rc-td {padding:2px; color:#ff0000; border-right:1px solid #ccc;width:160px;} #rc-td img {float:left; margin-right:2px; height:50px; width:50px; border:1px solid #ccc; padding:1px;} #rc-td a {color:#ff0000;text-decoration:none;} #rc-td a:hover {text-decoration:underline;} -->

Thứ Hai, 27 tháng 5, 2013

dgdgdgdgdgdf


Bình thường khi xem bài viết ở các trang như trang chủ, trang nhãn, trang lưu trữ blog (gọi chung là kiểu trang index) các bài viết sẽ hiển thị không theo một quy cũ nào hết. Chúng hiển thị theo cách viết của bạn khi đăng bài. Bài viết này namkna sẽ hướng dẫn các bạn cách tóm tắt bài viết ở trang chủ một cách tự động thành 2 cột song song (hay còn họi là Auto readmore width thumbnail 2 colum) không sử dụng javarscripts.
Autoreadmore thumbnail 2 colum blogspot - Bố cục khi xem trang nhãn

¤ Một số ưu điểm.

» Không ảnh hưởng đến tốc độ lòa của blog vì không dùng javarscrips (xét theo khía cạnh nào đó còn giúp tăng tốc blog vì nó thu nhỏ ảnh thumbnail và tóm tắt lại nội dung bài viết ở trang chủ của bạn.
» Bố cục gồm 2 cột bài viết xép thẳng hàng.
» Ảnh thumbnail và tiêu đề bài viết + mô tả nằm trên cùng một hàng.
Người đăng: vào lúc

Không có nhận xét nào:

Đăng nhận xét

Đăng ký: Đăng Nhận xét (Atom)