ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น
ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free ScriptCSS ว่าด้วยเรื่องพื้นหลัง ใครทำเป็นช่วยทีน๊า
« หน้าที่แล้ว ต่อไป »
หน้า: [1] 2  ทั้งหมด   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: CSS ว่าด้วยเรื่องพื้นหลัง ใครทำเป็นช่วยทีน๊า  (อ่าน 2818 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« เมื่อ: 21 กรกฎาคม 2010, 22:14:22 »
คือว่าเราใช้ Theme ของ Wordpress อะ อยากแก้ ภาพพื้นหลังมัน แต่เราไม่มีความรู้เรื่อง CSS  Lips Sealed

เลยมาถามพวกพี่ๆเนี่ยค่ะ

โค๊ด:
/* Main Body */
body {background: #fff;}
#page-bg {background: url(../images/light/page-bg.png) 50% 0 repeat-x;}

ตอนนี้มันเป็นรูปนี้



แต่เราอยากให้รูปมีนได้ประมาณนี้อะ ต้องแก้ยังไงหรอ
บันทึกการเข้า
bouy22
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 408
ออฟไลน์ ออฟไลน์

กระทู้: 2,334



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 21 กรกฎาคม 2010, 22:18:32 »
ไม่มีอะไร ครับ เตรียมไว้ เฉยๆ งูมันชุม

  Tongue
บันทึกการเข้า
สนใจทำธุรกิจไอศกรีมหนองโพ คลิกเลย | ลงประกาศโฆษณา ประกาศฟรี | เว็บฝากรูป | สคริปเกมแฟลช |
ผลิตภัณฑ์เสริมอาหารออกซิเจนน้ำ Adoxy
smapan
Global Moderator
เจ้าพ่อบอร์ดเสียว
*****

พลังน้ำใจ: 643
ออฟไลน์ ออฟไลน์

กระทู้: 8,272



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 21 กรกฎาคม 2010, 22:21:04 »
อันดับแรกเลยต้องทำรูปใหม่ครับ  นึกไม่ออกก็เอารูป ที่ 1 เปนตัวอย่าง แล้ว crop ให้สูง 1px กว้าง เท่ากับความกว้างของเวปครับ

แล้วเอารูปมาเปนพื้นหลัง repeat-y โดนให้ เรียงลำดับเปน center ครับ
บันทึกการเข้า
จูมล่าโฮส สยามโฮสเว็บ modty.com
รวมที่พัก เช่ารายวัน ที่พักเช่ารายเดือนมากที่สุดแจ่มจริง
***Tel 083-757-1515 ติดปัญหา Joomla ตรงไหนรับปรึกษาฟรี โทรมาเถอะครับ ถ้าตอบได้ช่วยแน่นอน ไม่มีกั้ก. ***
SEkr
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 332
ออฟไลน์ ออฟไลน์

กระทู้: 1,530



ดูรายละเอียด
« ตอบ #3 เมื่อ: 21 กรกฎาคม 2010, 22:22:20 »
ที่นิยมก็ใช้ margin: 0 auto; ครับ
บันทึกการเข้า
sugar
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 113
ออฟไลน์ ออฟไลน์

กระทู้: 4,647



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 21 กรกฎาคม 2010, 22:22:32 »
อ้างจาก: bouy2527 ที่ 21 กรกฎาคม 2010, 22:18:32
ไม่มีอะไร ครับ เตรียมไว้ เฉยๆ งูมันชุม

  Tongue


 Tongue นึกว่ามาตอบ มาดังูกินกะเหล้าขาวซะงั้น  Tongue
บันทึกการเข้า
Book of Art History
Design&Decorative book
ThaiFood book
50kpm
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 239
ออฟไลน์ ออฟไลน์

กระทู้: 2,967



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 21 กรกฎาคม 2010, 22:26:05 »
เจอมีดดัก ตอบไม่เป็นเลย  wanwan009
บันทึกการเข้า
บริการโพสเว็บประกาศ 100 เว็บ + สร้างลิ้งกลับมาเพื่อเพิ่มผลอันดับที่ดีในทาง SEO

เปลไกวไฟฟ้า เปลไฟฟ้า เปลไกวอัตโนมัติ
saparee
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 319
ออฟไลน์ ออฟไลน์

กระทู้: 1,923



ดูรายละเอียด
« ตอบ #6 เมื่อ: 21 กรกฎาคม 2010, 22:29:01 »
ลองอันนี้แล้วยัง?
 
margin-left: Auto
margin-right: Auto

 wanwan015
บันทึกการเข้า
เฮียเล้ง
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 57
ออฟไลน์ ออฟไลน์

กระทู้: 1,196



ดูรายละเอียด
« ตอบ #7 เมื่อ: 21 กรกฎาคม 2010, 22:30:43 »
ต้องเอา รูป bg มาทำเป็นแนวตั้งก่อนครับ crop มาจากรูป 2 ก็ได้ ให้สูงสัก 1 block (เอาแบบที่เวลาเอามาต่อกันแล้วมันเนียนพอดีอะ)

แล้วก็เปลี่ยนเป้น repeat-y margin: 0 auto;

น่าจะโอเค
บันทึกการเข้า
ประตูไม้สัก เฟอร์นิเจอร์ไม้สัก
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« ตอบ #8 เมื่อ: 21 กรกฎาคม 2010, 22:34:27 »
จะลองดูนะ ขอบคุณคนที่เข้ามาตอบเน้อ Embarrassed

+1 ให้ทุกคนจ๊ะ
บันทึกการเข้า
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« ตอบ #9 เมื่อ: 21 กรกฎาคม 2010, 22:43:02 »
ยังไม่ได้ เหมือนจะเข้าใจ แต่ก็ยังไม่เข้าใจ

ถ้าไม่รบกวนเกินไป เขียนเป็นโค้ดให้เลยได้มั๊ยคะ T T  wanwan022
บันทึกการเข้า
bouy22
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 408
ออฟไลน์ ออฟไลน์

กระทู้: 2,334



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 21 กรกฎาคม 2010, 22:48:55 »


โค๊ด:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
 body { background:url(test1.gif); background-position:center top; background-repeat:repeat-y;}
</style>
</head>

<body>
</body>
</html>

อย่างงี้หรือป่าวครับ  Tongue Tongue

โค๊ด:
http://www.sirasilahuahin.com/test/
« แก้ไขครั้งสุดท้าย: 21 กรกฎาคม 2010, 22:49:48 โดย bouy2527 » บันทึกการเข้า
สนใจทำธุรกิจไอศกรีมหนองโพ คลิกเลย | ลงประกาศโฆษณา ประกาศฟรี | เว็บฝากรูป | สคริปเกมแฟลช |
ผลิตภัณฑ์เสริมอาหารออกซิเจนน้ำ Adoxy
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« ตอบ #11 เมื่อ: 21 กรกฎาคม 2010, 22:53:11 »
อ้างจาก: bouy2527 ที่ 21 กรกฎาคม 2010, 22:48:55


โค๊ด:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
 body { background:url(test1.gif); background-position:center top; background-repeat:repeat-y;}
</style>
</head>

<body>
</body>
</html>

อย่างงี้หรือป่าวครับ  Tongue Tongue

โค๊ด:
http://www.sirasilahuahin.com/test/



อย่างงี้เยย  wanwan011


+1 หมดแล้วอะ แต๊บไว้ก่อนนะ Embarrassed
« แก้ไขครั้งสุดท้าย: 21 กรกฎาคม 2010, 22:54:09 โดย mayonnaise13 » บันทึกการเข้า
bouy22
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 408
ออฟไลน์ ออฟไลน์

กระทู้: 2,334



ดูรายละเอียด เว็บไซต์
« ตอบ #12 เมื่อ: 21 กรกฎาคม 2010, 22:57:04 »
อ้างจาก: mayonnaise13 ที่ 21 กรกฎาคม 2010, 22:53:11
อ้างจาก: bouy2527 ที่ 21 กรกฎาคม 2010, 22:48:55


โค๊ด:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
 body { background:url(test1.gif); background-position:center top; background-repeat:repeat-y;}
</style>
</head>

<body>
</body>
</html>

อย่างงี้หรือป่าวครับ  Tongue Tongue

โค๊ด:
http://www.sirasilahuahin.com/test/



อย่างงี้เยย  wanwan011


+1 หมดแล้วอะ แต๊บไว้ก่อนนะ Embarrassed



เปลี่ยน จาก + เป็น เบอร์โทร ก็ได้ผมไม่ถือ ครับ  wanwan007 wanwan007

ฮาๆๆ

ปล.สรุป เอามีดมาฟัน ตัวเอง ซะงั้น.... ไปและ ฟิ้ว~~~~ wanwan033 wanwan033
บันทึกการเข้า
สนใจทำธุรกิจไอศกรีมหนองโพ คลิกเลย | ลงประกาศโฆษณา ประกาศฟรี | เว็บฝากรูป | สคริปเกมแฟลช |
ผลิตภัณฑ์เสริมอาหารออกซิเจนน้ำ Adoxy
capuchinotae
Verified Seller
ก๊วนเสียว
*

พลังน้ำใจ: 12
ออฟไลน์ ออฟไลน์

กระทู้: 315



ดูรายละเอียด เว็บไซต์
« ตอบ #13 เมื่อ: 21 กรกฎาคม 2010, 23:10:49 »
ต้องทำ พื้นหลังก่อนนะครับ กว้างเท่าที่ต้องการ สูง 1px พอ
แล้วใน css ให้ใช้
background-image: url(your_img_url);
background-repeat: repeat-y;
บันทึกการเข้า
จำหน่ายหูฟัง monster จำหน่ายหูฟัง beat by. dre จำหน่ายหูฟัง sol replublic จำหน่ายเม้าส์ logitech จำหน่ายคีย์บอร์ด logitech
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« ตอบ #14 เมื่อ: 21 กรกฎาคม 2010, 23:15:08 »
รบกวนเรื่องสุดท้ายแล้วค่ะ


ทำได้ไหมอะ wanwan022
บันทึกการเข้า
Takashi3
Verified Seller
สมุนแก๊งเสียว
*

พลังน้ำใจ: 52
ออฟไลน์ ออฟไลน์

กระทู้: 837



ดูรายละเอียด
« ตอบ #15 เมื่อ: 21 กรกฎาคม 2010, 23:19:04 »
ถ้ามีการให้เบอร์ นิอาจจะเป็นกระทู้ที่มีผู้ตอบเยอะที่สุดแห่งปีก็ได้นะครับ  Tongue เยอะกว่ากระทู้เทพคนเดิม


ปล. แซวเล่นขำ ๆ  wanwan004  wanwan004
บันทึกการเข้า
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« ตอบ #16 เมื่อ: 21 กรกฎาคม 2010, 23:20:36 »
เอาเฟซบุ๊คไปแทนได้ไหม  wanwan004
บันทึกการเข้า
bouy22
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 408
ออฟไลน์ ออฟไลน์

กระทู้: 2,334



ดูรายละเอียด เว็บไซต์
« ตอบ #17 เมื่อ: 21 กรกฎาคม 2010, 23:26:46 »
โค๊ด:
<!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=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
 body { background:url(test1.gif); background-position:center top; background-repeat:repeat-y; margin:0px; padding:0px;}
#header{ width:963px; background:#fff; padding-left:60px;}
</style>
</head>

<body>
	<div id="header"><img src="logo.gif" /></div>
</body>
</html>

โค๊ด:
http://www.sirasilahuahin.com/test/

Code มันไม่ชัวร์ ออกแนว ลวกๆ เพราะผมไม่รู้ว่าคุณจะ จัดว่างหน้า อะไร แบบไหน อ่านะ เอาไปดูเป็น แนวๆ แล้วกัน
บันทึกการเข้า
สนใจทำธุรกิจไอศกรีมหนองโพ คลิกเลย | ลงประกาศโฆษณา ประกาศฟรี | เว็บฝากรูป | สคริปเกมแฟลช |
ผลิตภัณฑ์เสริมอาหารออกซิเจนน้ำ Adoxy
saparee
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 319
ออฟไลน์ ออฟไลน์

กระทู้: 1,923



ดูรายละเอียด
« ตอบ #18 เมื่อ: 21 กรกฎาคม 2010, 23:27:13 »
อ้างจาก: mayonnaise13 ที่ 21 กรกฎาคม 2010, 23:20:36
เอาเฟซบุ๊คไปแทนได้ไหม  wanwan004

แล่วววๆๆๆๆๆๆๆ  wanwan016 wanwan019

งานนี้งูชุม!! ฮ่าๆ
บันทึกการเข้า
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 582
ออฟไลน์ ออฟไลน์

กระทู้: 3,137



ดูรายละเอียด
« ตอบ #19 เมื่อ: 21 กรกฎาคม 2010, 23:29:49 »
ขอบคุณค่ะ เด๋วไปงมต่ออีกที Cry
บันทึกการเข้า
หน้า: [1] 2  ทั้งหมด   ขึ้นบน
พิมพ์
« หน้าที่แล้ว ต่อไป »
กระโดดไป: