Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > background เต็มหน้าจอทำยังไง ครับ ขอคำแนะนำด้วยครับ

background เต็มหน้าจอทำยังไง ครับ ขอคำแนะนำด้วยครับ

เริ่มหัวข้อใหม่

Guest

ตัว background จะแสดงเป็นภาพเต็มหน้าจอเลย ปัญหาอยู่ที่จะรู้ได้ยังไงว่า เครื่องผู้ใช้หน้าจอตั้งที่ขนาดเท่าไหร่ เช่นบางคน กว้าง 800 บางคนตั้ง 1200

ขอคำแนะนำด้วยครับ

Tag : PHP

Date : 2012-01-24 11:25:51

By : บอย

View : 5573

Reply : 6

No. 1

Geng

โพสกระทู้ ( 350 )
บทความ ( 0 )

มันก็แล้วแต่นะครับ BG นั้นต้องการใช้แบบใด ออกแบบไว้แบบไหน ถ้าไม่ใช่รูปภาพ มันก็ทำได้ครับ ให้มันเต็มตลอด โดยการสั่งให้ repeat ครับ
อย่างผมเคยใช้รูปที่เป็นเส้น(line) แล้วสั่ง repeat มันก็จะเต็มตลอด(ถึงมันจะไม่สวยเท่าไหร่) แต่ที่สำคัญ มันจะโหลดเร็วขึ้นครับ เพราะมันเป็นเส้นเล็กๆ โหลดได้เร็วกว่ารูปใหญ่
หรืออีกแบบคือลองเซ็ตรูปให้อยู่กลางจอตลอด แล้วปล่อยซ้าย-ขวา ว่าง โดยที่ขอบรูปBG และพื้นที่ที่ปล่อยว่าง เป็นสีเดียวกัน มันก็จะกลมกลืนกันเองครับ
ลองทำแบบนี้ก็จะไม่ต้องกังวลเรื่องขนาดหน้าจอของเครื่องที่ใช้ครับ

Date : 2012-01-24 11:34:14

By : akkaneetha

No. 2

ไอที-ขี้-คอก

โพสกระทู้ ( 202 )
บทความ ( 0 )

ตั้งค่าใน css ครับ ให้ width:100%; รับรองเต็มๆๆ

Date : 2012-01-24 12:05:52

By : lootboom

No. 3

Guest

กรณีใช้งาน เป็นภาพเกมแบบไม่ repeat ครับ ขอคำแนะนำทีครับทำยังไงดี แต่อยากได้ความกว้างให้พอดีกับทุกเครื่อง

Date : 2012-01-24 17:23:02

By : บอย

No. 4

ไอที-ขี้-คอก

โพสกระทู้ ( 202 )
บทความ ( 0 )

ต้องดูละครับว่า ดีไซ ของคุณเป็นยังไง

Date : 2012-01-24 17:31:52

By : lootboom

No. 5

Guest

ลักษณะภาพเป็น ภาพ วิวครับมีน้ำทะลต้นไหมท้องฟ้า เหมือนภาพ wallaper เลยครับ ขนาด 800 *1200

Date : 2012-01-24 20:28:08

By : บอย

No. 6

Guest

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874" />
<title>Background</title>
<style>
#bg {

top:0;
left:0;

/* Preserve aspet ratio */
min-width:100%;
min-height:100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background:#161B1F;
}
</style>
</head>
<body>
<img src="images/wallpaper.jpg" id="bg" alt="">
sdfsdf
</body>
</html>

ตอนนี้ทำออกมาแล้ว วางข้อความบนภาพไม่ได้ต้องแก้ยังไงดีครับ

Date : 2012-01-30 20:50:57

By : thai

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : background เต็มหน้าจอทำยังไง ครับ ขอคำแนะนำด้วยครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก