ช่วยด้วยครับ เกี่ยวกับกล่องเลื่อน

l3master · 27 เมษายน 2013, 23:40:46

คือผมไปเจอมาเว็บนึงครับ
ซึ่งเต้าจะมีรูปอยู่ด้านข้างและด้านบน
แล้วพอเอาเมาส์ไปชี้ มันก็จะเลื่อนออกมาอ่ะครับ
ผมอยากทำจังเลย หาใน google ก็ไม่รู้จะหายังไง ไม่ยักจะเจอเลย

ใครพอจะมีวิธีทำบ้างครับ

ผมใช้ Wordpress ผมอยากจะเอาแชทไปใส่ไว้แบบนั้นอ่ะครับ

l3master · 28 เมษายน 2013, 00:50:52

ไม่มีใครช่วยผมเลย (ดันเองก็ได้)

dekmv · 28 เมษายน 2013, 00:53:52

แปปนะครับ ...

dekmv · 28 เมษายน 2013, 01:07:42

ลองเอาไปรัยดูนะครับ ...

แล้วเอาไปดัดแปลงเอานะครับ

โค้ด เลือก

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
#slide-box{
	position:fixed;
	top:0px;
	left:-315px;
	width:292px;
	display:inline-block;
	position:relative;
	background:rgb(245,245,245);
	padding:5px;
	border-radius:3px;
	cursor:pointer;
	box-shadow:1px 1px 5px #777777;
	
	transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
}
	#slide-box:hover{
		left:0px;
	}
	#slide-box #btn{
		position:absolute;
		top:10px;
		right:-40px;
		background:rgb(50,50,50);
		padding:10px;
		color:#FFFFFF;
		font-size:14px;
		border-radius:20px;
		box-shadow:1px 1px 3px #555555;
	}
</style>
<title>Slide Box</title>

<div id="fb-root"></div>
<script>(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/all.js#xfbml=1&appId=342567305782594";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</head>

<body>
<div id="slide-box">
	<div id="btn">>></div>
	<div class="fb-like-box" data-href="https://www.facebook.com/pages/IGenSite/356135411128304" data-width="292" data-height="600" data-show-faces="true" data-stream="true" data-border-color="#CCCCCC" data-header="false"></div>
</div>
</body>
</html>

ฝากด้วย https://www.facebook.com/pages/IGenSite/356135411128304

ขอบคุณครับ ... ^^

l3master · 28 เมษายน 2013, 08:37:38

:wanwan017:ขอบคุณครับ ^^

ช่วยด้วยครับ เกี่ยวกับกล่องเลื่อน

l3master

l3master

dekmv

dekmv

l3master