Bài viết mới

Hỏi đáp

Ngày 26 - 09 - 2015



Câu hỏi bảo mật: 1+15-5+9 = ?

Câu hỏi: Anh có thể share em cái theme của trang a k? em tìm hoài mà ko thấy theme wordpress nào giống như này 🙁 07/10/2015 , - 4:54 chiều

Trang chủ Blog Huy Kira hả em, Trang này trang bản quyền của anh a ko share được em nhé!! em thông cảm 😀


Câu hỏi: a có thể share cho em mấy bài về extern trong c với không ạ 02/10/2015 , - 10:45 sáng

Cái này không phải chuyên môn của a rồi em, lâu ngày quá ko đụng vô C em.


Câu hỏi: Anh biết bão đẹp trai k anh ? 26/09/2015 , - 2:17 chiều

Bão đẹp trai là đứa nào. Có đẹp trai bằng huy kira không??


Câu hỏi: A giúp em chức năng like sản phẩm bằng facebook với !!! 26/09/2015 , - 1:40 chiều

Like sản phẩm bằng facebook, thực chất là like link của sản phẩm đó, Cái này facebook có tạo công cụ để chúng ta sử dung like.
Để làm được em làm như sau.

Thêm code này vào phần header của trang web.

<script>
		  window.fbAsyncInit = function() {
		    FB.init({
		      appId      : '750688268378229',
		      xfbml      : true,
		      version    : 'v2.0'
		    });
		  };

		  (function(d, s, id){
		     var js, fjs = d.getElementsByTagName(s)[0];
		     if (d.getElementById(id)) {return;}
		     js = d.createElement(s); js.id = id;
		     js.src = "//connect.facebook.net/en_US/sdk.js";
		     fjs.parentNode.insertBefore(js, fjs);
		  }(document, 'script', 'facebook-jssdk'));
		</script>

Tiếp theo, chèn đoạn code này vô chổ muốn hiển thị nút like.

<div class="fb-like" data-href="https://huykira.net/hoi-dap" data-layout="button_count" data-action="like" data-show-faces="false" data-share="true" data-width="100%" data-mobile="Auto-detected"></div>

Lưu ý thay: data-href bằng đường dẫn của sản phẩm ban, Chúc bạn thành công!

 


Câu hỏi: Chào a! Làm sao để khi hover vào ảnh thì hiện thông tin sản phẩm như thế giới di động vậy? dùng tooltip nhưng nó cũng ko giống được lun. 26/09/2015 , - 1:28 chiều

Hover giống thế giới di động à, Giải thích hơi khó để a code demo cho em coi.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Demo hover giống thế giới di dộng</title>
	<style>
			.post {
			    position: relative; /* Bật chế độ relative thẻ div ngoài*/
			    width: 568px;
			    height: 300px;
			}

			.post img {
			    position: absolute; /* Bạt chế độ absolute cho thẻ trong*/
			    top: 0px; /*Phần này giúp hình ảnh năm gọn trong thẻ div post ngoài*/
			    width: 100%; 
			    height: 100%;
			}

			.detail {
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    top: 0;
			    background: #D64141;
			    z-index: 9999;
			    visibility: hidden; /* Ban đầu ẩn nội dung đi*/
			    transition: all .3s; /*Phần này tạo hiệu ảnh khi hover vào*/
			    opacity: 0;
			    color: #fff;
			}

			.post:hover .detail {
			    visibility: visible; /* Khi hover thì mình cho nội dung hiện ra*/
			    opacity:1;
			    
			}
	</style>
</head>
<body>
	<div class="post">
		<img src="https://cdn.tgdd.vn/Products/Images/42/72198/Feature/samsung-galaxy-j7-4.jpg" alt="">
		<div class="detail">
			Nội dung
		</div>
	</div>
</body>
</html>

Em có thể xem và down file demo tại đây: index


Trang 20 trên 21 « ; 15 16 17 18 19 20 21
0