Bạn chưa có Tài khoản Diễn đàn?  Tạo một tài khoản

Đăng nhập

Duy trì trạng thái đăng nhập
Không thể truy cập vào tài khoản của bạn?

Hoặc


VIETAF - VIET NAM AGRICULTURE AND FISHERIES

Diễn Đàn Chăn Nuôi Việt Nam Online

Cộng đồng Chăn Nuôi

Tham gia thảo luận, chia sẻ kiến thức lĩnh vực Chăn Nuôi và tìm cho mình cơ hội việc làm tốt nhất.

Chia sẻ giao tiếp nhanh chóng

Bạn cần lời khuyên ngay? Hãy nhấn vào biểu tượng chat ngay với hỗ trợ và thành viên khác để có được lời khuyên tốt và tin cậy nhất!

Phản ảnh đa chiều kiến thức chăn nuôi

Cập nhật nhanh các kiến thức chuyên ngành và chia sẻ với mọi người một cách trực quan nhất.

Bạn có biết?

Bạn có thể kết nối với chúng tôi qua Facebook Youtube hoặc Blogger

Kết quả cho từ khoá ""

Đăng ký
Hỗ Trợ Trực Tuyến

VIETAF - Diễn Đàn Chăn Nuôi Việt Nam

VIETAF - Diễn Đàn Chăn Nuôi Việt Nam | Giúp nhà nông chăn nuôi thành công

Lên đầu trang
Chào mừng bạn đến với diễn đàn VIETAF - Diễn đàn Chăn Nuôi Việt Nam Online
Địa chỉ hiện tại của diễn đàn là www.vietaf.com
Vui lòng gửi cho chúng tôi một email về info@dntgiang.com nếu bạn có bất kỳ góp ý nào về diễn đàn và nhận 10 điểm tín nhiệm
Bạn có nguyện vọng đóng góp vào diễn đàn? Gửi yêu cầu về info@dntgiang.com và tham gia với chúng tôi ngay.
LIÊN HỆ QUẢNG CÁO info@dntgiang.com

Thành viên nổi bật



You are not connected. Please login or register

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down   Thông điệp [Trang 1 trong tổng số 1 trang]

1 #on 23/02/10, 05:16 pm

avatar

Mr.Winni
avatar

Mr.Winni

Ảnh Bìa : gcover_photo

Giới tính : Nam

Tổng số bài gửi : 838

Uy tín : 87

Tuổi : 25

Status : Hãy làm thuê như một ông chủ


Administrator

Administrator
Một lần có 1 bạn nhờ mình thay đổi template cho blog, và mình đã tìm thấy một thủ thuật khá đẹp mắt từ template đó, nên mình quyết định lọc thủ thuật đó ra và post lên cho mọi người.
Xem demo trực tiếp ở trang của mình
Hình minh họa:

Cái của mình đang sử dụng là đã cỉnh lại phần chiều ngang cho hợp với skin!


Để đơn giản, bạn hãy copy tòan bộ đọan code bên dưới, và dán nó vào 1 widget HTML/Javascript. Tốt nhất nên tạo 1 widget ở header là thích hợp nhất:
Code:
//code Javascript
<script src="DÁN LINK #01 BÊN DƯỚI VÀO ĐÂY" type="text/javascript">
</script>
<script src="DÁN LINK #02 BÊN DƯỚI VÀO ĐÂY" type="text/javascript">
</script>

//code CSS
<style type="text/css">
#slider {
background:url(http://illiweb.com/fa/pbucket.gif);
height: 254px;
overflow: hidden;
position: relative;
margin: 5px 0;
}

#mover {
width: auto;
position:absolute;
overflow:hidden;
}

.slide {
padding: 20px 0px;
width: 1000px;
float: left;
position: relative;
height:200px;
}

.slide h2 {
font-family:georgia, Helvetica, Sans-Serif;
font-size: 24px;
color: #ac0000;
padding:0px 0px 0px 30px;
margin:0px 0px;
width:500px;
overflow:hidden;
}

.slide h2 a:link, .slide h2 a:visited {
color:#fff;
background-color: transparent;
}

.slide h2 a:hover {
color: #ddd;
background-color: transparent;
}

span.slmet {
color: #ee0909;
font-size: 10px;
font-family:Tahoma, georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
text-transform:uppercase;
}
.slide p {
color: #999;
font-size: 12px;
font-family:georgia, Helvetica, Sans-Serif;
line-height: 20px;
width: 500px;
padding:0px 0px 0px 30px;
margin:0px 0px;
}

.slide img {
position: absolute;
top: 20px;
left: 577px;
background:#fff;
padding:10px 10px;
}

#slider-stopper {
position: absolute;
font-family: Georgia, Helvetica, Sans-Serif;
top: 113px;
right: 65px;
color: #AC0000;
padding: 3px 8px;
font-size: 14px;
text-transform: uppercase;
z-index: 1000;
}
</style>

//code HTML
<div id="slider">
<div id="mover">


<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>

<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>

<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>

<div class="slide">
<h2><a href="POST-LINK-HERE">POST-TITLE-HERE</a></h2>
<span class="slmet"> Posted by Author On Month - Day - Year </span>
<p>POST-SUMMARY-HERE</p>
<img src="IMAGE-LINK-HERE"/>
</div>

</div>
</div>
Link bổ sung:
#01: [You must be registered and logged in to see this link.]
#02: [You must be registered and logged in to see this link.]
+ Do ảnh nền của tabnews có độ rộng là 1000px, nên muốn hiển thị tốt, blog của bạn phải có độ rộng trên 1000px.
+ Nên down các file javascript về máy và up lên host riêng của bạn để tráng trường hợp hết bandwidth

2 #on 28/06/10, 07:29 pm

avatar

boymiyu
avatar

boymiyu

Ảnh Bìa : gcover_photo

Giới tính : Nam

Tổng số bài gửi : 1

Uy tín : 100


New Bie

New Bie
links die check lại đi bạn

3 #on 30/06/10, 01:41 pm

avatar

Mr.Winni
avatar

Mr.Winni

Ảnh Bìa : gcover_photo

Giới tính : Nam

Tổng số bài gửi : 838

Uy tín : 87

Tuổi : 25

Status : Hãy làm thuê như một ông chủ


Administrator

Administrator
host 110mb đang bị lỗi, bạn quay lại sau nha!



4 #on 01/07/10, 03:43 pm

avatar

Mr.Winni
avatar

Mr.Winni

Ảnh Bìa : gcover_photo

Giới tính : Nam

Tổng số bài gửi : 838

Uy tín : 87

Tuổi : 25

Status : Hãy làm thuê như một ông chủ


Administrator

Administrator
[You must be registered and logged in to see this link.] đã viết:links die check lại đi bạn
Link hoạt động lại rồi đấy bạn.
Link bổ sung:
#01: [You must be registered and logged in to see this link.]
#02: [You must be registered and logged in to see this link.]
+ Do ảnh nền của tabnews có độ rộng là 1000px, nên muốn hiển thị tốt, blog của bạn phải có độ rộng trên 1000px.
+ Nên down các file javascript về máy và up lên host riêng của bạn để tráng trường hợp hết bandwidth



5 #

Sponsored content

Sponsored content


Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down   Thông điệp [Trang 1 trong tổng số 1 trang]

Permissions in this forum:
Bạn không có quyền trả lời bài viết

Style of Google. Code by Juskteez