Cách chế tác Slider ảnh cho spqnam.edu.vn.Slide ảnh này có 1 cái hay ho là nó sẽ hiển thị 1 các mục 5 hình ảnh và khi bạn hơ chuột vào ảnh nó sẽ hiên ra cùng với cỡ lớn hơn ở phía trên có kèm theo tiêu đề và mà lại tả sơ qua nội dung bài viết Sau đâyBít TuốtXin chia sẻ với các bạn cách chế tác 1 Slider này đến blog của bạn

Bạn đang xem: Tạo slide ảnh cho blogspot

#featuredContentfloat:left;width:407px;margin-right:10px;display:inline#featured-sliderposition:relative;overflow:hidden;width:407px;height:245px#featured-slider .sliderPostInfoposition:absolute;bottom:2px;width:407px;min-height:30px;height:auto!important;background:url(http://4.bp.spqnam.edu.vn.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png)#featured-slider .sliderPostInfo pcolor:#fff;font-size:1.1em;padding:0 5px#featured-slider .sliderPostInfo h2color:#FFF;font:bold 14px Tahoma;text-transform:none;padding:0 5px#featured-slider .contentdivvisibility:hidden;position:absolute;left:0;top:0;z-index:1#paginate-featured-sliderdisplay:block;background-color:#f0f0f0;margin-bottom:0;padding:0 0 5px#paginate-featured-slider ulwidth:415px;padding-bottom:0;list-style:none#paginate-featured-slider ul lidisplay:inline;width:75px;float:left;margin-left:0;margin-right:8px;margin-bottom:3px#paginate-featured-slider imgpadding-top:5px;background:#f0f0f0#paginate-featured-slider a imgborder-top:4px solid #f0f0f0#paginate-featured-slider a:hover img,#paginate-featured-slider a.selected imgborder-top:4px solid #357798
Chú ý:Các bạn down các ảnh từ link hình ảnh bôi mài xanh cơ rồi up lên host riêng của bản thân mình để kị trường hợp các file ảnh này bị xóa mất gây ra lỗi hiển thị.Bước 2.Thêm đoạn code bên dưới lên bên trên thẻ
Chú ý:Nếu các bạn muốn slide ảnh này chạy theo nhãn thì nhằm phần chữ màu đỏ trên giữ nguyên và cầm tên Label bạn có nhu cầu hiển thị vào- Nếu bạn muốn nó chạy bài mới nhất thìthay đoạn chữ màu đỏthành :/feeds/posts/default?max-resultsChúc các bạn thành công !Bài viết được viết bởi:bittuot.spqnam.edu.vn.com - bịt Tuốt spqnam.edu.vn
Share !

Xem thêm: Stt Chúc Mẹ 8 3 Cho Mẹ Hay Và Ý Nghĩa, Nhắn Gửi 36 Câu Chúc Mẹ 8/3 Ngập Tràn Yêu Thương

Topics: Recent PostsSliderThủ Thuật Blog


Cách tạo Slide nhiều hình ảnh cho spqnam.edu.vn - Slider spqnam.edu.vn


*

Bạn đã xem phương pháp tạo Slide nhiều hình ảnh cho spqnam.edu.vn - Slider spqnam.edu.vn tại Blog che Tuốt Đừng quên nhấn like và share nhằm ủng hộ bịt Tuốt Blog nếu bài viết có ích !Like đậy Tuốt Blog bên trên Facebook nhằm ủng hộ bản thân nhé