มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
 ออฟไลน์
กระทู้: 3,137
|
 |
« เมื่อ: 21 กรกฎาคม 2010, 22:14:22 » |
|
คือว่าเราใช้ Theme ของ Wordpress อะ อยากแก้ ภาพพื้นหลังมัน แต่เราไม่มีความรู้เรื่อง CSS  เลยมาถามพวกพี่ๆเนี่ยค่ะ /* Main Body */
body {background: #fff;}
#page-bg {background: url(../images/light/page-bg.png) 50% 0 repeat-x;} ตอนนี้มันเป็นรูปนี้  แต่เราอยากให้รูปมีนได้ประมาณนี้อะ ต้องแก้ยังไงหรอ  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
|
|
|
smapan
|
|
« ตอบ #2 เมื่อ: 21 กรกฎาคม 2010, 22:21:04 » |
|
อันดับแรกเลยต้องทำรูปใหม่ครับ นึกไม่ออกก็เอารูป ที่ 1 เปนตัวอย่าง แล้ว crop ให้สูง 1px กว้าง เท่ากับความกว้างของเวปครับ
แล้วเอารูปมาเปนพื้นหลัง repeat-y โดนให้ เรียงลำดับเปน center ครับ
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
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 » |
|
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
50kpm
Verified Seller
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 239
ออฟไลน์
กระทู้: 2,967
|
|
« ตอบ #5 เมื่อ: 21 กรกฎาคม 2010, 22:26:05 » |
|
เจอมีดดัก ตอบไม่เป็นเลย  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
saparee
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 319
ออฟไลน์
กระทู้: 1,923
|
|
« ตอบ #6 เมื่อ: 21 กรกฎาคม 2010, 22:29:01 » |
|
ลองอันนี้แล้วยัง? margin-left: Auto margin-right: Auto  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
เฮียเล้ง
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 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 » |
|
จะลองดูนะ ขอบคุณคนที่เข้ามาตอบเน้อ  +1 ให้ทุกคนจ๊ะ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #9 เมื่อ: 21 กรกฎาคม 2010, 22:43:02 » |
|
ยังไม่ได้ เหมือนจะเข้าใจ แต่ก็ยังไม่เข้าใจ ถ้าไม่รบกวนเกินไป เขียนเป็นโค้ดให้เลยได้มั๊ยคะ T T  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
bouy22
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 408
ออฟไลน์
กระทู้: 2,334
|
|
« ตอบ #10 เมื่อ: 21 กรกฎาคม 2010, 22:48:55 » |
|
|
|
|
|
« แก้ไขครั้งสุดท้าย: 21 กรกฎาคม 2010, 22:49:48 โดย bouy2527 »
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #11 เมื่อ: 21 กรกฎาคม 2010, 22:53:11 » |
|
อย่างงี้เยย  +1 หมดแล้วอะ แต๊บไว้ก่อนนะ |
|
|
|
« แก้ไขครั้งสุดท้าย: 21 กรกฎาคม 2010, 22:54:09 โดย mayonnaise13 »
|
บันทึกการเข้า
|
|
|
|
bouy22
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 408
ออฟไลน์
กระทู้: 2,334
|
|
« ตอบ #12 เมื่อ: 21 กรกฎาคม 2010, 22:57:04 » |
|
อย่างงี้เยย +1 หมดแล้วอะ แต๊บไว้ก่อนนะ เปลี่ยน จาก + เป็น เบอร์โทร ก็ได้ผมไม่ถือ ครับ  ฮาๆๆ ปล.สรุป เอามีดมาฟัน ตัวเอง ซะงั้น.... ไปและ ฟิ้ว~~~~  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
capuchinotae
Verified Seller
ก๊วนเสียว
พลังน้ำใจ: 12
ออฟไลน์
กระทู้: 315
|
|
« ตอบ #13 เมื่อ: 21 กรกฎาคม 2010, 23:10:49 » |
|
ต้องทำ พื้นหลังก่อนนะครับ กว้างเท่าที่ต้องการ สูง 1px พอ
แล้วใน css ให้ใช้
background-image: url(your_img_url);
background-repeat: repeat-y;
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #14 เมื่อ: 21 กรกฎาคม 2010, 23:15:08 » |
|
รบกวนเรื่องสุดท้ายแล้วค่ะ  ทำได้ไหมอะ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
Takashi3
Verified Seller
สมุนแก๊งเสียว
พลังน้ำใจ: 52
ออฟไลน์
กระทู้: 837
|
|
« ตอบ #15 เมื่อ: 21 กรกฎาคม 2010, 23:19:04 » |
|
ถ้ามีการให้เบอร์ นิอาจจะเป็นกระทู้ที่มีผู้ตอบเยอะที่สุดแห่งปีก็ได้นะครับ  เยอะกว่ากระทู้เทพคนเดิม ปล. แซวเล่นขำ ๆ  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #16 เมื่อ: 21 กรกฎาคม 2010, 23:20:36 » |
|
เอาเฟซบุ๊คไปแทนได้ไหม |
|
|
|
|
บันทึกการเข้า
|
|
|
|
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 มันไม่ชัวร์ ออกแนว ลวกๆ เพราะผมไม่รู้ว่าคุณจะ จัดว่างหน้า อะไร แบบไหน อ่านะ เอาไปดูเป็น แนวๆ แล้วกัน |
|
|
|
|
บันทึกการเข้า
|
|
|
|
saparee
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 319
ออฟไลน์
กระทู้: 1,923
|
|
« ตอบ #18 เมื่อ: 21 กรกฎาคม 2010, 23:27:13 » |
|
เอาเฟซบุ๊คไปแทนได้ไหม แล่วววๆๆๆๆๆๆๆ   งานนี้งูชุม!! ฮ่าๆ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #19 เมื่อ: 21 กรกฎาคม 2010, 23:29:49 » |
|
ขอบคุณค่ะ เด๋วไปงมต่ออีกที  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
vii
Verified Seller
สมุนแก๊งเสียว
พลังน้ำใจ: 132
ออฟไลน์
กระทู้: 988
|
|
« ตอบ #20 เมื่อ: 22 กรกฎาคม 2010, 00:06:26 » |
|
design มา เดี๋ยวหั่นให้ ปล. คิดตังนะ อิอิ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
bouy22
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 408
ออฟไลน์
กระทู้: 2,334
|
|
« ตอบ #21 เมื่อ: 22 กรกฎาคม 2010, 00:22:07 » |
|
โดนชุดใหญ่ เค้าไป จุกเลยยย ตู... ฮาๆ ถ้ายังไม่ได้คงต้องถาม สาวก WP ดูครับ พอดีผมไม่ค่อยถนัด ส่วนใหญ่ handmade เอา |
|
|
|
|
บันทึกการเข้า
|
|
|
|
djopor
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 43
ออฟไลน์
กระทู้: 1,266
|
|
« ตอบ #22 เมื่อ: 22 กรกฎาคม 2010, 00:55:28 » |
|
padding-left = ระยะห่างซ้าย
padding-right = ระยะห่างขวา
padding-top = ระยะห่างบน
padding-bottom = ระยะห่างล่าง
margin:auto = obj. จะอยู่ตรงกลาง
top:0 = อยู่ชิดด้านบน
left:0 = ชิดซ้าย
right:0 = ชิดขวา
bottom:0 = ชิดล่าง
float:left = ชิดซ้าย
float:right = ชิดขวา
clear:both = เคลียร์ float ทั้ง ซ้ายและขวา
clear:left = เคลียร์ ซ้าย
clear:right = เคลียร์ ขวา
เด๋วพรุ่งนี้อัพ CSS Manual ให้ครับ (แลกกะ Facebook ได้มะ อิอิ)
ปล. จะโดนมีดฟันไหมเนี่ย!!!
|
|
|
|
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #23 เมื่อ: 22 กรกฎาคม 2010, 00:56:55 » |
|
padding-left = ระยะห่างซ้าย
padding-right = ระยะห่างขวา
padding-top = ระยะห่างบน
padding-bottom = ระยะห่างล่าง
margin:auto = obj. จะอยู่ตรงกลาง
top:0 = อยู่ชิดด้านบน
left:0 = ชิดซ้าย
right:0 = ชิดขวา
bottom:0 = ชิดล่าง
float:left = ชิดซ้าย
float:right = ชิดขวา
clear:both = เคลียร์ float ทั้ง ซ้ายและขวา
clear:left = เคลียร์ ซ้าย
clear:right = เคลียร์ ขวา
เด๋วพรุ่งนี้อัพ CSS Manual ให้ครับ (แลกกะ Facebook ได้มะ อิอิ)
ปล. จะโดนมีดฟันไหมเนี่ย!!!
ขอบคุณจ๊ะ |
|
|
|
|
บันทึกการเข้า
|
|
|
|
Aussawinning
สมุนแก๊งเสียว
พลังน้ำใจ: 109
ออฟไลน์
กระทู้: 930
|
|
« ตอบ #24 เมื่อ: 22 กรกฎาคม 2010, 01:06:41 » |
|
ลองใช้ Firebug ดูครับเป็นปลั๊กอิน Firefox ทำใน Firebug ก่อนค่อยแก้ไฟล์จริง http://getfirebug.com/  |
|
|
|
|
บันทึกการเข้า
|
|
|
|
djopor
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 43
ออฟไลน์
กระทู้: 1,266
|
|
« ตอบ #25 เมื่อ: 22 กรกฎาคม 2010, 17:16:13 » |
|
CSS Cheat Sheet ลองโหลดไปดูนะครับ http://www.suk13.com/ebook/css-cheat-sheet-v2.pdf
|
|
|
|
« แก้ไขครั้งสุดท้าย: 22 กรกฎาคม 2010, 17:16:25 โดย djopor »
|
บันทึกการเข้า
|
|
|
|
มายองเนสจัง
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 582
ออฟไลน์
กระทู้: 3,137
|
|
« ตอบ #26 เมื่อ: 22 กรกฎาคม 2010, 17:18:54 » |
|
CSS Cheat Sheet ลองโหลดไปดูนะครับ http://www.suk13.com/ebook/css-cheat-sheet-v2.pdf
ขอบคุณจ๊ะ +1 น๊า |
|
|
|
|
บันทึกการเข้า
|
|
|
|
|
| หน้า: 1 2 [ทั้งหมด] ขึ้นบน |
|
พัฒนาเว็บไซต์
