สวัสดีค่ะ สอบเสร็จแล้วแต่สอบไม่ได้เลย T T เฮ้อ

ช่างมันเรื่องอดีต ขี้เกียจไปคิดถึง

มีคนถามถึงวิธีที่ทำให้หน้าบลอคเป็นหน้าเลื่อนข้างใน

อย่างบลอคนี้เมื่อนานมาแล้ว(once upon atime..long time ago~)

แต่ไม่ได้ตอบเพราะช่วงนั้นยังไม่ว่าง

ขอโทษนะคะ คราวนี้เอามาลงไว้ (ถึงจะช้าไปก็ตาม)

มีคนถามถึงเยอะนะคะ

ตอนแรกเห็นก็อยากทำจนไปเจอ http://lemonice.exteen.comที่ให้ความกระจ่างเรื่องนี้

(จอร์จมันยอดมาก +w+)

จะมีโค้ดหัวข้อหนึ่ง ในcss เดิมตามธีมEasyมันจะเป็นอย่างนี้เนอะ

}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */
#all{
width:680px;<< สังเกตว่า ตรงนี้เป็นค่า680pxนะคะ
float:left;
}

บลอคนี่เพิ่งทำธีมใหม่เสร็จเมื่อวาน เลยถือโอกาสใส่หน้าต่างเล็กข้างในแล้วเอามาสาธิตซะเลย

มีโค้ดตัวนี้นะคะ ใส่ลงไปแทนโค้ดข้างบนเลยนะ

}
/* เซตความกว้างของหน้าบลอค, แบคกราวนด์ของบลอคทั้งหมดและขอบ */
#all{
left:280px; << ระห่างจากขอบด้านซ้าย หรือคือระยะของลูกศรใหญ่ที่กระพริบ ในภาพ
float:left;
overflow:auto;
position:absolute;
top:30px; << ระห่างจากขอบด้านบนหรือคือ ระยะของลูกศรเล็กกระพริบ ในภาพ
width:710px; << ความกว้างของหน้าต่างเล็กปรับให้กว้างกว่า680pxนะคะจะได้ออกมาสวย
height:461px; << ความสูงของหน้าต่างเล็กข้างในปรับเองเลยค่ะ
}

ความกว้างที่พูดก็คือ ถ้าหน้าเนื้อหาเราอยู่ที่680px ถ้าปรับหน้าต่างเล็ก

ความกว้างน้อยๆ มันจะไม่สวยค่ะ กล่าวคือมันจะเกินและมีสกอร์บาร์ข้างล่าง

คำเตือนว่าอย่าสลับบรรทัดโค้ดค่ะ สลับเมื่อไหร่

มันจะเจ๊ง...หรือมันไม่เป็นแบบที่เราเซ็ตน่ะค่ะ

.....

แล้วจะมีที่ว่าอยากให้แถบลิงค์ไปอยู่ด้านขวาอีกเนอะ

}
/* พวกที่แสดงเนื้อหาบลอคความกว้างเป็นเท่าไหร่ */
.leftcontent{
width:500px;
float:right;
text-align:left;
background-color:#00CCFF;
border-left:1px #FFFFFF dotted;
}
/* พวกที่เป็นแถบลิงค์ต่างๆ */
.rightcontent{
width:179px;
float:left;
text-align:left;
background-color:#00b8e6;
border-bottom:1px #FFFFFF dotted;
}

เห็นที่เน้นสีนะคะพี่น้อง สลับมันเลย จาก rightเป็น left

น่าจะโอเค(ยังไม่แน่ใจว่าจำถูกรึเปล่า) - -"

.......

เรื่องบีจี นี่ยากหน่อย ต้องกะให้พอดีนะก่ะ เราเปลี่ยนธีมเมื่อวานเล่นเอาตายเลย

เปลี่ยนไป4-5 รอบเพราะมันไม่พอดีกับหน้า ลักษณะจะเป็นแบบบีจีธรรมดาก็ได้

หรือจะแบบเฉพาะแบบนี้

(บีจีอันนี้ใหญ่เกินหน้าจอไปเยอะเลยล่ะ..ด้านล่างอะ)

แล้วแต่คนชอบอ่ะค่ะ งืมๆ

จะไปดูก็ได้นะคะ ยังไม่ได้ทำอะไรกับบลอคทางนู้นเลย

Http://linking.exteen.com

[แอบมีโฆษณาแฮะ]

อันนี้เป็นโค้ดค่ะ โหลดไปดูได้

1.เป็นโค้ดทั้งหมดเฉพาะที่ทำให้มีสกอร์บาร์ข้างในค่ะ แต่ไม่ได้ทำธีม

น่าจะไม่มีอะไรแล้ว(มั้ง) ขอตัวล่ะค่ะ See u ^ ^

(กว่าจะตั้งชื่อเอนทรี่ได้ - -* ไม่รู้จะเลือกชื่ออะไรดี)

..อีกที..

Comment

Comment:

Tweet

#63 By hy92h on 2012-03-07 12:11

ไม่เห็นได้ผลเลยค่ะ

คือ...ไม่รู้ว่าจะต้องเอาไปวางไว้ส่วนไหนของ CSS
บอกหน่อยนะค่ะT^T

เมาส์ก็อยากจะทำเป็นแต่ก็ไม่รู้ว่าทำแบบใสๆเหมือนคุณได้ยังไง ปวดสมองค่ะ
แล้วก็อยากให้สอนการทำExteenแบบละเอียดหน่อยจะได้มั้ยค่ะ เพิ่งจะเล่นเองเลยไม่รู้อะไรเลย

#62 By Ami Hime on 2011-04-27 18:02

ทำได้แล้วค่ะsurprised smile

ขอบคุณมากๆ เลย

แต่อยากถามเรื่องสกอร์บาร์อ่ะค่ะ

ใส่โค้ดตรงไหนหรือว่าแก้ตรงไหนคะembarrassed

PS. กดแอดไว้แล้วนะคะquestion

#61 By เก๊อะเว๊อะ on 2011-03-08 15:02

ดีจัง ไว้ลองใช้บ้างHot!

#60 By -DeminA- on 2010-05-08 19:34

คือว่า เราทำเสร็จแล้วแต่พอคลิกบล็อกเรามันไม่ขึ้นอ่ะค่ะT_T เป็นธีมก่อนจะเปลี่ยน CSS Code

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

#59 By DuchessProud on 2010-04-11 19:02

ลองทำแล้วมันก็ออกมาเละสุดๆเลยค่ะ T^T
อยากทำแบบนี้มาก แต่ทำยังไงก็ไม่ได้สักที

#58 By mukku on 2010-04-08 02:04

ขอบคุณนะคะ .. .. confused smile

แต่เราทำยังไงก็ไม่เหมือนแบบนี้ซักที เศร้าอ่ะ .. ..

รบกวนทำให้หน่อยได้มั้ยคะ ^^"

#57 By (124.121.129.23) on 2010-01-13 16:58

ขอบคุณนะ
ช่วยได้เยอะเลยอ่ะ

^ ^

#56 By [P.R.] ●ω● on 2009-07-18 13:47

จะลองทำดูนะ...ขอบใจจ้า

#55 By yoonjaemic (114.128.217.175) on 2009-07-10 18:35

อยา กดั๊ยแบบ แมสกอร์บาร์แค่ตร งคอมเม้นอ่าคร่ะ

#54 By BAM~ (58.9.141.142) on 2009-05-19 17:26

ช่วยบอกวิธีทำธีมให้หน่อยได้มั้ยคับ

#53 By =ลิงจักรกล= on 2009-04-20 17:14

ทำมะเป็นเลย อ่านแล้วงงมึนตึบเพิ่งสมัครและกะอยากทำเองแต่พออ่านแล้ว โอ้..... มันยากจริงๆ

มีวิธีง่ายๆ ช่วยบอกด้วยนะค่ะ


ขอบคุณล่วงหน้าค๊า......

#52 By cuTTer on 2009-04-08 09:41

ขอบคุณมากค่ะ
ตอนนี้กำลังหมกมุ่นแต่งบล็อกอย่างเอาเป็นเอาตายsad smile
ข้อมูลมีประโยชน์มากเลยค่ะ

#51 By Khun Ploy on 2009-03-27 13:52

ขอบคุณนะ

เราเพิ่งเข้ามาเล่นอ่า

กริ๊สสๆ ชอบ~

#50 By KatereKun on 2007-12-14 16:54

ขอบคุนมากๆคับ
หาวิธีมานานแล้วคับ
หาไม่เจอเลย
confused smile
ขอบคุนมากๆคับ
โฮก ขอบคุนมากๆค่ะ

ในมี่สุดก้อทามเปงU U

อ๊ากขอบคุนค่ะๆๆๆ

#48 By POR on 2007-10-07 11:03

ขอบคุณมากๆเลยน้าค้า

*กราบงามๆ*

#47 By { Fullmoonlight ★ } on 2007-10-05 22:12

ได้ประโยชน์มากกกกกกกกกกกก >O<

ขอบคุนค่ะ ^^

รักน่ะๆ ๆ ๆ ฮ่าๆๆ ๆ >3<
ขอบคุนมากเลยค้า T^T โดยเฉพาะโค้ตสกอร์บาร์ข้างใน TOT

ขอบคุนมากค๊า ยืมไปใช้นะค้า m(_ _)m

#45 By ริกะจัง on 2007-08-31 21:32

ขอบคุณค่ะที่ให้ความกระจ่าง งมอยู่ตั้งนาน อีกประมาณ 3 ปีข้างหน้าลองเข้าไปชมผลงานนะค่ะ (ฮา)

#44 By =D@W= on 2007-08-24 16:56

Let me hear your balalaika's ringing ou. Virginie Jalal.

#43 By Virginie Jalal (208.184.65.94) on 2007-08-19 22:22

ขอบคุณมากๆเลยค่ะ

ขอบคุณมากที่สุดเลยค่ะ

ขอบคุณสุดๆเลยค่ะ

ขอขอบคุณอย่างสุดซึ้งเลยยย

กรี๊ดดดด ,,* ดีใจสุดๆ เซตได้ล่ะ

ขอบคุณมากๆเลยค่ะ

#42 By mininat on 2007-07-12 20:00

ขอบคุณนะคะ.....ช่วยเรื้องเเต่งธีมได้เยอะเลยคะ

#41 By 「TToy-a」 on 2007-07-09 15:51


โฮกกกก ขอบคุณมากนะคะ

อยากตายๆๆ เจอแล้ว พ่อแม่พี่น้อง ชั้นเจอแล้ว

ฮ่าๆๆๆ หามานานมากมายอ่ะคะ โคดแบบมีสกอร์บาร์ข้างในอ่ะ โฮกกกกกก
ขอบคุงค่ะ

#40 By 313 on 2007-06-24 23:09

ขอบคุณมากๆเลยนะค่ะ ขออนุญาตเอาไปใช้ค่ะ
ป.ล.ขอแอดด้วยนะค่ะ

#39 By =Kuro w Neaw= on 2007-06-09 19:08

ขอบคุณมากค่า แอบเอาไปใช้

ขอถามหน่อยค่า แล้วจาใส่บีจีข้างนอกยังไงอ่าคะ

#38 By หมาชาเขียว on 2007-06-02 19:12

เยี่ยมมากคะ หามานานแล้วว่าทำยังไง
ขอบคุณมากๆนะคะ ^^

#37 By --*ll*--NaEN--*ll*-- (202.133.135.103) on 2007-05-15 19:32

ลองทำดูแล้ว แต่มนไม่เห็นเปนเลยง่า

#36 By Nayy~~!! on 2007-05-08 15:20

ขอบคุณมากๆเลย มีประโยชน์มากๆๆๆๆๆๆๆๆ
เราทำได้แล้วววววว

ปล. แอบเอาโค้ดสีไปด้วย อิอิ

#35 By ขอบคุณ (58.8.186.89 /1.1.1.212) on 2007-05-06 15:51

ขอบคุณมากน๊า

ได้ความรู้มากจริงๆ

ชอบๆบลอคนี้^^

#34 By ,,FisHyz_* on 2007-05-04 00:05

โอ้ ขอบคุณมากๆ ครับ เข้าใจแจ่มแจ้งแล้ว
เดี๋ยวไปลองทำดูบ้างดีกว่า

#33 By Phuwin on 2007-05-03 12:03

ขอยืมไปใช้บ้างนะคะ *โค้งๆ*

#32 By ★涙 ♥ 颯★川゜ー゜)v on 2007-05-02 13:29

ยากจัง ทำม่าด้าย
ลองทำดูแล้ว สวบจังเยย
ขอบคุณมากๆค่ะ
แต่ว่าจะทำยังไงให้เส้นประๆทางด้านซ้ายมันหายไปอ่ะคะ

#30 By 0uo on 2007-04-17 14:46

กรี้ด.... ขอบคุงมากๆค่า สำเร็จแล้ว กร้ากๆ

#29 By ~ Lovely TVfXQ ~ on 2007-04-16 23:01

แล้วจะลองไปทำดูนะครับ

เม้นท์ให้แล้ว ครับ ชอบBlog นี้ได้ไอเดีย ดี

สาดน้ำกันนิดนะ

#28 By blissdsign on 2007-04-16 11:37

ทำไมมันไม่เปลี่ยนไรเลยอ่ะแย่จัง

#27 By ~..||ETERN♥TY||..~ on 2007-04-15 11:29

สวัสดีคะ

ขอแอดบ๊อคไว้นะคะ

เอาไว้ดู เวลาทำบ๊อคอ่าค่ะ

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

#25 By Airin on 2007-04-10 08:51

อยากรู้ขนาดของช่องสีขาวที่ไว้เขียนเนื้อหาอ่าค่ะ

#24 By ★ мeшмiмeш on 2007-04-07 14:12

ขอบคุณมากๆเลยนะคะที่มาสอนทำบล็อก
อยากทำบล็อกแบบนี้มานานแล้ว
จะเอาไปทำดูค่ะ

ขอบคุณอีกครั้งมากๆค่ะ

#23 By PurE on 2007-03-30 21:57

ทำได้หมดเหลืออย่างเดียว
พยายามเท่าไหร่มันก็มีสกอบาร์ข้างล่าง
เอาออกไม่ได้
เศร้าใจ
T-T
แต่ยังไงก็ขอบคุณค่า

#22 By neung on 2007-03-01 00:03

ขอบคุณมากเลย
อยากทามมาตั้งนานแย้ว
ขอบคุณมากมายเลยค่า

เก่งจัง จะพยายามทำให้ได้สวยๆ ค่ะ
โอ้ววว ขอบคุณมากค่า
หามานาน

#19 By cadeau on 2007-02-04 17:03

ขอบคุณมากค่า~
ตอนนี้ทำได้แล้ว ดีใจมากๆเลย
ในที่สุดก็ทำได้ซะที
อธิบายได้ดีมากๆเลยค่ะเข้าใจขึ้นเยอะเลย

#18 By -:Oo•apple~boo•oO:- on 2007-01-25 19:03

ว๊ายๆๆๆ ขอบคุณมากเลยนะคะ!!!>w<!!
ใจดีจังเลย!!
ป.ล ขอแอ๊ดนะค๊า

#17 By Hakurairu,,* on 2007-01-23 22:57

ทำได้หมดทุกอย่างเลยค่ะ
แต่แบบสกอบาร์มันไม่อยู่ข้างในอ่าส์
ทำไงดีค่ะT_____T

#16 By นัตตี้แน่ะ * on 2007-01-16 09:25

อยากรู้ว่า

ถ้าจะทำให้ส่วนที่แสดงบล๊อกมันโปร่งแสงอะ

ทำยังไงหรอค่ะ

ที่ให้มันเห็นแบล๊กกลาวใหญ่ด้านหลังน่ะค่ะ

#15 By cakezheez on 2007-01-02 19:55

ทำไมทำแล้วสกอบาร์มันไม่อยู่ข้างในอ่ะงับ
ก็ใส่โค้ดที่ให้ตามทุกอย่างนะ T T

ขอบคุณที่สอนนะคะ
ทำได้หมดยกเว้นสกอบาร์ แง้~

#14 By kimyujung ♪ on 2007-01-02 11:54