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: 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


Câu hỏi: Cái thanh trượt bên phải màu xanh xanh a làm sao được cái đó a? 26/09/2015 , - 9:35 sáng

Bạn lên google search từ khóa “mCustomScrollbar”, Hoặc có thể vào đường link này để xem chi tiết nhé!
vào đây


Câu hỏi: Làm sao để tạo được 1 trang web như anh? huykira.net á 26/09/2015 , - 2:25 sáng

Cái này phải học 1 quá trình, từ thiết kế giao diện, làm html rồi mới chuyển lên theme của wordpress em nhé!!


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