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

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comอื่นๆCafeมาดูวิธีทำกรอบแบบเทพๆๆๆๆๆๆๆๆๆๆๆ
หน้า: 1 [2]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: มาดูวิธีทำกรอบแบบเทพๆๆๆๆๆๆๆๆๆๆๆ  (อ่าน 5892 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
woratana
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,283



ดูรายละเอียด เว็บไซต์
« ตอบ #20 เมื่อ: 01 มีนาคม 2010, 17:44:45 »

คือส่วนตัวคิดว่าแท็ก div ของ HTML นี่ไม่ควรใช้เยอะไปครับ  Tongue
ต่างประเทศเค้าเรียก Divitist (ไม่แน่ใจว่าสะกดถูกมั้ย) สำหรับคนที่ชอบใช้ div เยอะ ๆ กับ Span Mania สำหรับคนที่ชอบใช้แท็ก span เยอะ ๆ น่ะครับ  wanwan003
บันทึกการเข้า

kudjung
สมุนแก๊งเสียว
*

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

กระทู้: 985



ดูรายละเอียด เว็บไซต์
« ตอบ #21 เมื่อ: 01 มีนาคม 2010, 18:07:42 »

โอ้ว เทพๆมาตอบกันทั้งนั้น
บันทึกการเข้า

whitecross
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,063



ดูรายละเอียด
« ตอบ #22 เมื่อ: 01 มีนาคม 2010, 18:26:58 »

เยี่ยมครับ แต่ผมว่า div เยอะไปนิดนึงนะ  Tongue
ถ้าจะทำ fixed width ก็แปะเป็นรูปเดียวไปเลยน่าจะดีกว่าครับ  wanwan020
ที่บอกมา ไม่ ค่อย เข้าใจครับ อธิบาย หน่อยครับ

ผมอ่อนมากๆ Tongue


ผมคิดว่าคุณ woratana เค้าอาจจะหมายถึงให้ผมกำหนดความกว้างไปเลยครับ เพราะในตัวอย่างที่ผมทำให้ดูนั้น ผมใช้ Div Tag
แต่ตรง CSS ผมกำหนดขนาดให้ class centertabbg มันยาวเท่านั้นๆ พอดีว่าในใจผมตั้งใจจะกำหนดให้มันเป็น auto
จะได้ยาวตามเนื้อหาด้านในได้ แต่ว่าบอกแล้วว่าผมทำมาลวกๆ+รีบๆ ให้ดูกันคร่าวๆ และให้เอาไปดัดแปลงกันเองครับ

ถ้าเป็นงานส่งลูกค้าผมทำอย่างนี้ ผมคงโดนด่าแน่ๆ  wanwan031

ส่วนเรื่อง Div เยอะไปนั้น ปกติผมก็ใช้ทั้ง Div, Span และ Table ควบคู่กันไป แต่กรณีนี้เห็นว่ามันไม่ได้มีอะไรมาก เลยขอใช้ Div
ผมจะได้ตอบกระทู้ให้ได้อ่านกันไวๆ (วัยรุึ่่นสมัยนี้มันใจร้อน)

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

บริการออกแบบเว็บไซต์ / PSD 2 HTML / Tableless Generation / W3C Validation / Graphic Design
ติดต่อสอบถามข้อมูลต่างๆทางอีเมล์ได้เลยครับผม...
yoyokung
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,794



ดูรายละเอียด เว็บไซต์
« ตอบ #23 เมื่อ: 01 มีนาคม 2010, 19:05:15 »

.Main_Content {
   width: กว้างpx;
   height: ยาวpx;
   background-image: url(ภาพพื้นหลัง.gif);
   padding-left: ห่างจากทางซ้ายpx;  // หัวข้อจะได้สวยงาม
   background-repeat: no-repeat;   // สั่งไม่ให้แบ็คกราวทำซ้ำ
   background-color:#สีพื้นหลัง; // ไม่มีก็ได้ ถ้าต้องการ ให้สีตามพื้นเดิม
   color:#สีตัวอักษร; // จะได้ตั้งค่าให้มันตัดกับพื้นหลังจะได้ชัดๆ
   border-color#สีกรอบ;
   border:ขนาดเส้นpx;
}

เวลาใช้ก็

<DIV class="Main_Content">เนื้อหาหรือ ส่วนอื่นๆ</DIV>



ประมาณนี้แหละมั้งครับไม่รู้ใช่ที่ต้องการไหม
บันทึกการเข้า

ขาย ฐานข้อมูล Flash Game กว่า 25,000 เกมส์ 5,000 บาท

ฉันรักเธอ เที่ยวไทย

สอนดึงเว็บ 30 ชั่วโมง / 5,000 บาท สุดยอดมาก
สอนดูดเว็บ 30 ชั่วโมง / HTML , CSS , jQuery , PHP
whitecross
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,063



ดูรายละเอียด
« ตอบ #24 เมื่อ: 01 มีนาคม 2010, 19:14:49 »

.Main_Content {
   width: กว้างpx;
   height: ยาวpx;
   background-image: url(ภาพพื้นหลัง.gif);
   padding-left: ห่างจากทางซ้ายpx;  // หัวข้อจะได้สวยงาม
   background-repeat: no-repeat;   // สั่งไม่ให้แบ็คกราวทำซ้ำ
   background-color:#สีพื้นหลัง; // ไม่มีก็ได้ ถ้าต้องการ ให้สีตามพื้นเดิม
   color:#สีตัวอักษร; // จะได้ตั้งค่าให้มันตัดกับพื้นหลังจะได้ชัดๆ
   border-color#สีกรอบ;
   border:ขนาดเส้นpx;
}

เวลาใช้ก็

<DIV class="Main_Content">เนื้อหาหรือ ส่วนอื่นๆ</DIV>



ประมาณนี้แหละมั้งครับไม่รู้ใช่ที่ต้องการไหม

เจ้าของเค้าอยากได้วิธีทำ Tab Header ของ Content ครับผม  wanwan017

ถ้าที่คุณบอกมามันเหมือนจะเป็นส่วนของตัวเนื้อหา (Content) ครับ  wanwan031

ว่าแต่เจ้าของกระทู้จะทำไปเพื่ออะไรหรอครับ... wanwan044


ปล. ทำมัน 2 อย่างก็ได้นะ อย่างแรกก็ รูป Tab Header ยาวๆ อันนึง แล้วก็พื้นหลังส่วนเนื้อหาอันนึง (กำหนด css ให้ขอบเป็นสีเอาก็ได้)
บันทึกการเข้า

บริการออกแบบเว็บไซต์ / PSD 2 HTML / Tableless Generation / W3C Validation / Graphic Design
ติดต่อสอบถามข้อมูลต่างๆทางอีเมล์ได้เลยครับผม...
yoyokung
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,794



ดูรายละเอียด เว็บไซต์
« ตอบ #25 เมื่อ: 01 มีนาคม 2010, 19:24:02 »

.Main_Content {
   width: กว้างpx;
   height: ยาวpx;
   background-image: url(ภาพพื้นหลัง.gif);
   padding-left: ห่างจากทางซ้ายpx;  // หัวข้อจะได้สวยงาม
   background-repeat: no-repeat;   // สั่งไม่ให้แบ็คกราวทำซ้ำ
   background-color:#สีพื้นหลัง; // ไม่มีก็ได้ ถ้าต้องการ ให้สีตามพื้นเดิม
   color:#สีตัวอักษร; // จะได้ตั้งค่าให้มันตัดกับพื้นหลังจะได้ชัดๆ
   border-color#สีกรอบ;
   border:ขนาดเส้นpx;
}

เวลาใช้ก็

<DIV class="Main_Content">เนื้อหาหรือ ส่วนอื่นๆ</DIV>



ประมาณนี้แหละมั้งครับไม่รู้ใช่ที่ต้องการไหม

เจ้าของเค้าอยากได้วิธีทำ Tab Header ของ Content ครับผม  wanwan017

ถ้าที่คุณบอกมามันเหมือนจะเป็นส่วนของตัวเนื้อหา (Content) ครับ  wanwan031

ว่าแต่เจ้าของกระทู้จะทำไปเพื่ออะไรหรอครับ... wanwan044


ปล. ทำมัน 2 อย่างก็ได้นะ อย่างแรกก็ รูป Tab Header ยาวๆ อันนึง แล้วก็พื้นหลังส่วนเนื้อหาอันนึง (กำหนด css ให้ขอบเป็นสีเอาก็ได้)


อ๋อๆๆๆๆๆ

โทษทีนะ

พอดีเราไม่ค่อยรู้เรื่อง CSS เท่าไหร่อ่ะนะ

งูๆปลาๆ ไม่ค่อยเข้าใจ

ช่วยแนะนำด้วยนะ  wanwan012
บันทึกการเข้า

ขาย ฐานข้อมูล Flash Game กว่า 25,000 เกมส์ 5,000 บาท

ฉันรักเธอ เที่ยวไทย

สอนดึงเว็บ 30 ชั่วโมง / 5,000 บาท สุดยอดมาก
สอนดูดเว็บ 30 ชั่วโมง / HTML , CSS , jQuery , PHP
woratana
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,283



ดูรายละเอียด เว็บไซต์
« ตอบ #26 เมื่อ: 01 มีนาคม 2010, 19:59:51 »

ไม่เป็นไรครับ เว็บบอร์ดนี้มีไว้แบ่งปันความรู้อยู่ล่ะ  wanwan019
บันทึกการเข้า

whitecross
หัวหน้าแก๊งเสียว
*

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

กระทู้: 2,063



ดูรายละเอียด
« ตอบ #27 เมื่อ: 01 มีนาคม 2010, 20:07:16 »

ไม่เป็นไรครับ เว็บบอร์ดนี้มีไว้แบ่งปันความรู้อยู่ล่ะ  wanwan019

ใช่แล้วครับ มีอะไรก็ช่วยๆกันไปครับ ถามได้...แต่จะรู้ไหม อีกเรื่องหนึ่ง  wanwan004
บันทึกการเข้า

บริการออกแบบเว็บไซต์ / PSD 2 HTML / Tableless Generation / W3C Validation / Graphic Design
ติดต่อสอบถามข้อมูลต่างๆทางอีเมล์ได้เลยครับผม...
suklaiman
ก๊วนเสียว
*

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

กระทู้: 416



ดูรายละเอียด เว็บไซต์
« ตอบ #28 เมื่อ: 01 มีนาคม 2010, 20:26:16 »

.Main_Content {
   width: กว้างpx;
   height: ยาวpx;
   background-image: url(ภาพพื้นหลัง.gif);
   padding-left: ห่างจากทางซ้ายpx;  // หัวข้อจะได้สวยงาม
   background-repeat: no-repeat;   // สั่งไม่ให้แบ็คกราวทำซ้ำ
   background-color:#สีพื้นหลัง; // ไม่มีก็ได้ ถ้าต้องการ ให้สีตามพื้นเดิม
   color:#สีตัวอักษร; // จะได้ตั้งค่าให้มันตัดกับพื้นหลังจะได้ชัดๆ
   border-color#สีกรอบ;
   border:ขนาดเส้นpx;
}

เวลาใช้ก็

<DIV class="Main_Content">เนื้อหาหรือ ส่วนอื่นๆ</DIV>



ประมาณนี้แหละมั้งครับไม่รู้ใช่ที่ต้องการไหม

เจ้าของเค้าอยากได้วิธีทำ Tab Header ของ Content ครับผม  wanwan017

ถ้าที่คุณบอกมามันเหมือนจะเป็นส่วนของตัวเนื้อหา (Content) ครับ  wanwan031

ว่าแต่เจ้าของกระทู้จะทำไปเพื่ออะไรหรอครับ... wanwan044


ปล. ทำมัน 2 อย่างก็ได้นะ อย่างแรกก็ รูป Tab Header ยาวๆ อันนึง แล้วก็พื้นหลังส่วนเนื้อหาอันนึง (กำหนด css ให้ขอบเป็นสีเอาก็ได้)
ผมจะทำเหมือนเว็บกิมยง นั้นแหละครับทำไว้ใส่ข้อมูล และผมอาจจะดัดแปลง ไว้ทำอย่างอื่นอีกเยอะ เพราะ ปกติ ผมไม่ค่อย เก่งเรื่องแบบนี้ อิอิ ยังไง ก็ ขอบคุณ whitecross ตอนนี้ยัง + ไม่ได้เพราะไม่ถึง 72 ชั่วโมง งั้นเดี่ยว บวก ย้อนหลัง น่ะครับ thx มากๆ ทุกคนในบอร์ดด้วยครับ
บันทึกการเข้า

chhopster
สมุนแก๊งเสียว
*

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

กระทู้: 514



ดูรายละเอียด เว็บไซต์
« ตอบ #29 เมื่อ: 01 มีนาคม 2010, 20:54:49 »

ชอบคุณมากเลยครับ ได้ความรู้มาก
 wanwan020
บันทึกการเข้า

หน้า: 1 [2]   ขึ้นบน
พิมพ์