Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« เมื่อ: 08 กันยายน 2007, 17:58:42 » |
|
CSS อ่ะ
เช่นนะ
เรามีรูป รูปนึง
แล้วจะเอารูป ดาว ไปอยู่ใน มุมซ้ายบนสุด ของภาพ ทำได้มะ?
ขอบคุณครับ
|
|
|
บันทึกการเข้า
|
|
|
|
barbies55
Verified Seller
เจ้าพ่อบอร์ดเสียว
พลังน้ำใจ: 417
ออฟไลน์
กระทู้: 11,533
|
|
« ตอบ #1 เมื่อ: 08 กันยายน 2007, 19:03:03 » |
|
ก็ให้รูปแรกเป็นพื้นหลังไงคะ แล้วก็ให้รูปดาวไปวางแบบ left
|
|
|
บันทึกการเข้า
|
รับทำเทมเพลท รับโมเทมเพลทให้เข้ากับสคริปต์ต่างๆ
On the Internet, Never One Know You are a Dog. ผ้าขี้ริ้วห่อทองย่อมเป็นทองฉันใด เอาทองเปลวมาห่อขี้ก็ยังเป็นขี้ฉันนั้น
|
|
|
youcanberich
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 124
ออฟไลน์
กระทู้: 2,803
|
|
« ตอบ #2 เมื่อ: 08 กันยายน 2007, 19:07:33 » |
|
ประมาณนี้ <div id="image"> *// รูปแรกตั้งเป็นแบล็คกราวให้สไตล์นี้
<img src="http://www.domain.com/image/star.gif" width="34" height="34"> *//รูปสอง
</div>
|
|
|
บันทึกการเข้า
|
|
|
|
ab5olute
สมุนแก๊งเสียว
พลังน้ำใจ: 17
ออฟไลน์
กระทู้: 523
|
|
« ตอบ #3 เมื่อ: 08 กันยายน 2007, 19:57:01 » |
|
ข้างบนถูกต้องครับ แต่ต้องเป็นภาพ png หรือ gif ที่เป็นพื้นหลังเป็นแบบ transparent นะครับ
แต่ png กะ ie ต้องใช้ javascipt ช่วยด้วย ถึงจะได้ แต่ถ้าเป็น gif จะได้เลย แต่ข้อเสียหรือ gif ภาพจะแตกๆๆ ไม่ชัด
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #4 เมื่อ: 08 กันยายน 2007, 21:47:32 » |
|
คืออยากได้เป็น CSS ไม่ก็ XHTML ใครพอรู้บ้างครับ
คือไม่โปร แต่อยากทำ T T
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #5 เมื่อ: 08 กันยายน 2007, 22:01:06 » |
|
หรือใครรู้คีย์เวิดในการเสริชบ้าง คือไม่รู้จะเสริชว่าไร -*-
|
|
|
บันทึกการเข้า
|
|
|
|
|
yokey.
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 64
ออฟไลน์
กระทู้: 1,077
|
|
« ตอบ #7 เมื่อ: 09 กันยายน 2007, 00:30:34 » |
|
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #8 เมื่อ: 09 กันยายน 2007, 18:34:30 » |
|
ได้นะ แต่ได้แค่ภาพเดียว
ถ้าผม จะทำรูปขนาด 100x150 เรียงๆกันหลายๆรูป (แกลอรี่) และมีรูปดาว อยู่มุมซ้ายบนสุด ทุกรูป
โดยให้โค๊ดมีระเบียบตามแบบ CSSหรือXHTML
ทำไงเนี้ย
งมมา 3 ชั่วโมงละ แก้โค๊ดอย่างไงก็ไม่ได้ -*-
ช่วยหน่อยนะครับ ขอบคุณจ้า
|
|
|
บันทึกการเข้า
|
|
|
|
Kazamatsuri
ก๊วนเสียว
พลังน้ำใจ: 5
ออฟไลน์
กระทู้: 319
|
|
« ตอบ #9 เมื่อ: 09 กันยายน 2007, 19:04:46 » |
|
จะซ้อนกันกี่ชั้นล่ะครับ
สร้างแบบนี้เลยครับ
img { position: absolute; }
.layer1 { top: 10px; left: 20px; z-index: 1; }
.layer2 { top: 20px; left: 40px; z-index: 2; }
.layer3 { top: 30px; left: 60px; z-index: 3; }
.layer4 { top: 40px; left: 80px; z-index: 4; }
เวลาสร้างรูปขึ้นมาก็ประมาณนี้
<img src="zzz" width="xx" height="yy" class="layer1"> อันนี้เปรียบเสมือนเป็น background <img src="zzz" width="xx" height="yy" class="layer2"> ชั้นนี้จะอยู่ถัดจาก backgound <img src="zzz" width="xx" height="yy" class="layer3"> <img src="zzz" width="xx" height="yy" class="layer4"> อันนี้อยู่บนสุดครับ
จะเอาหยาบ ๆก็แบบนี้
img { position: absolute; }
<img src="zzz" width="xx" height="yy" style="z-index:1; top: 10px; left: 20px;" > <img src="zzz" width="xx" height="yy" style="z-index:2; top: 20px; left: 40px;" > <img src="zzz" width="xx" height="yy" style="z-index:3; top: 30px; left: 60px;" > <img src="zzz" width="xx" height="yy" style="z-index:4; top: 40px; left: 80px;" >
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #10 เมื่อ: 09 กันยายน 2007, 19:12:32 » |
|
แค่ 2 ชั้นอ่ะครับ คือรูป กับ รูปดาว บนมุมของรูป แต่ผมต้องการจะให้ มันมีหลายๆชุดอ่ะ -*- (พอเข้าใจป่ะ) อะครับรูปตัวอย่าง และอยากให้โค๊ดภายในดูมีระเบียบด้วยอ่ะครับ ขอบคุณครับที่ช่วย ช่วยทีน่า^^
|
|
|
บันทึกการเข้า
|
|
|
|
Kazamatsuri
ก๊วนเสียว
พลังน้ำใจ: 5
ออฟไลน์
กระทู้: 319
|
|
« ตอบ #11 เมื่อ: 09 กันยายน 2007, 19:55:30 » |
|
#content { width: 900px; } .column { float: left; position: relative; width: 300px; } .toplayer { position: absolute; top: 0; left: 0; z-index: 2; }
<div id="content"> <div class="column"> <img src="aaa" width="xx" height="yy" /> <img src="bbb" width="xx" height="yy" class="toplayer" /> </div> <div class="column"> <img src="aaa" width="xx" height="yy" /> <img src="bbb" width="xx" height="yy" class="toplayer" /> </div> <div class="column"> <img src="aaa" width="xx" height="yy" /> <img src="bbb" width="xx" height="yy" class="toplayer" /> </div> </div>
ขนาด column กับ content ปรับให้มันพอดีกันอ่ะครับ ไม่งั้นมันจะตกหน้าได้ ขนาดความกว้างของ column รวมกันแล้วต้องไม่เกิน content นะครับ มันก็ประมาณเนี้ย ลอง ๆไปปรับต่อเอาล่ะกันครับ
|
|
|
บันทึกการเข้า
|
|
|
|
desiger
หัวหน้าแก๊งเสียว
พลังน้ำใจ: 22
ออฟไลน์
กระทู้: 1,424
|
|
« ตอบ #12 เมื่อ: 09 กันยายน 2007, 20:37:39 » |
|
แจ่มเลยครับ เก็บเปงความรู้ดีเรย
|
|
|
บันทึกการเข้า
|
มาอัพเดท NOD32 รหัส NOD32 Username Password NOD 32 กันครับ
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #13 เมื่อ: 09 กันยายน 2007, 21:07:26 » |
|
เย้ๆๆๆๆๆๆ ได้แล้ว จุ๊บทีครับ ขอบคุณมากๆนะคร๊าบบบบบบบบบบบ คุณ Kazamatsuri จะไม่ลืมพระคุณเลย ^^
|
|
« แก้ไขครั้งสุดท้าย: 09 กันยายน 2007, 21:24:38 โดย Q(@3@)o »
|
บันทึกการเข้า
|
|
|
|
Kazamatsuri
ก๊วนเสียว
พลังน้ำใจ: 5
ออฟไลน์
กระทู้: 319
|
|
« ตอบ #14 เมื่อ: 09 กันยายน 2007, 22:04:58 » |
|
เง้อ ผมไม่ใช่เกย์ ไม่ต้องจุ๊บผมก็ได้นะ
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #15 เมื่อ: 09 กันยายน 2007, 22:26:09 » |
|
http://www.poxline.com ใช้กับเวปนี้อ่ะนะ ^^ กว่าจะได้ ล่อไปเกือบวัน Thank หลายๆ
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #16 เมื่อ: 09 กันยายน 2007, 22:29:48 » |
|
แห่มๆ ถ้าว่างๆก็ช่วยดูโค๊ด +CSS ให้หน่อย
ว่ามีทางที่จะย่อ และจัดระเบียบโค๊ด ได้กว่านี้อีกไหม เพราะรู้สึกว่าใช้ DIV กับ ฟังชั่นนี้ทุกรูปเลยอ่ะ -*-
|
|
|
บันทึกการเข้า
|
|
|
|
Kazamatsuri
ก๊วนเสียว
พลังน้ำใจ: 5
ออฟไลน์
กระทู้: 319
|
|
« ตอบ #17 เมื่อ: 09 กันยายน 2007, 23:13:49 » |
|
ไม่แน่ใจนะครับ แต่ลองเปลี่ยนจาก div ให้ไปอยู่ใน li สิครับ ไม่ค่อยชัวร์เท่าไร
แต่โค๊ดส่วนที่ลดได้คือ img ครับ border="0" แปลงไปอยู่ในรูป css ได้ครับ
img { border: 0;}
นอกนั้นผมว่ามันก็โอเคแล้วนะ ท่านอื่นว่าไงมั่งล่ะ
|
|
|
บันทึกการเข้า
|
|
|
|
Q(@3@)o
สมุนแก๊งเสียว
พลังน้ำใจ: 4
ออฟไลน์
กระทู้: 904
|
|
« ตอบ #18 เมื่อ: 09 กันยายน 2007, 23:22:11 » |
|
ครับ ขอบคุณมากๆนะครับ น้ำใจงามจริงๆ
เด๋วจะลองดูเด้อ
|
|
|
บันทึกการเข้า
|
|
|
|
|