[How To] Scroll Bar Blog!!!

posted on 10 May 2010 12:27 by the-priefy in HowTo

ปล. กด F5 ก่อนเด้อ เอาธีมเดิมมาใช้ใหม่ :-)

วันนี้พรีฟก็ได้เข้าไปแวะเวียนดูกระจู๋ในหมวด Help อีกเช่นเคย

ก็ไปเจอกับกระะจู๋นี้

(ขอโทดที่ภาพขนาดใหญ่เกิน ไม่รู้จะหรับเป็นอัตราส่วนเท่าไหร่ เพราะไม่มี หรม.ที่หารลงตัว...)

 

วันนี้พรีฟก็เลยจะมาอธิบายรูปแบบของบล็อกที่มีอยู่ในเอ็กทีนซะหน่อย + วิธีทำให้บล็อกกลายเป็น Scroll Bar แบบในกระจู๋ด้วยนะขอรับ

 

ถ้าเกิดคนไหนที่เข้ามาเล่นเอ็กทีนได้ซักพัก จะรู้ว่าเอ็กทีนมีรูปแบบของบล็อกสองแบบให้เลือก

คือแบบธรรมดา (แบบที่เห็นอยู่ทั่วไปอ่ะแหละ) ก็จะเป็นเหมือนบล็อกของ จขบ. นั่นเอง

 

กับแบบที่สอง แบบ Scroll Bar!!! 

บล็อกแบบนี้หายากมากๆ (อีตอนที่ไม่ได้อยากหาก็เจอ แต่พออยากหาดันไม่เจอ เซ็ง = =' )

[อันนี้ไม่ใช่บล็อกที่ไหนไกล ของ i-KornCoins เพื่อนบ้านเรานี่เอง ]

 

อย่างที่บอกไปข้างบน มีคนมาถามว่าจะทำให้ธีมของตัวเองจากแบบธรรมดา ให้กลายเป็นแบบ Scroll Bar ได้ยังไง

ในเมื่อ จขบ. มีความรู้ Css เพียงน้อยนิด + ไม่เคยใช้ธีมที่มี Scroll Bar เลยสุ่มไปสุ่มมามั่วๆ แล้วในที่สุดก็ค้นพบ!!!

ท่านสามารถทำบล็อกของท่าน ให้กลายเป็นบล็อกของ Scroll Bar โดยเข้าไปที่ 

Manage > Theme > Css Editor

แล้วหา

#page{
margin:auto;
padding-top:15px;
text-align:left;
width:780px;
}

แล้วเปลี่ยนเป็น


#page{
margin:auto;
padding-top:15px;
text-align:left;
width:780px;
height:500px;
margin:25px 0px 0px 250px;
overflow:auto;

}

(ส่วนที่เพิ่มมาคือส่วนที่ขีดเส้นใต้นะ แล้วก็ margin ที่เพิ่มขึ้นมา เพราะถ้าไม่ใส่ ตัวบล็อกจะติดกับขอบบนแบบนี้)

โดยที่ Width กับ Heigh ไม่จำเป็นต้องเป็นตัวเลขนี้ก็ได้ ปรับแต่งความกว้างได้ตามใจเลยจร้า

นี่คือผลที่ได้ตอนลอง Preview (ตัวเลขตามโค้ดเลยนะ)

 

เพิ่มเติมสำหรับผู้ที่ยังไม่รู้วิธีเปลี่ยน BG ด้านหลังนะ (ส่วนที่เป็นสีฟ้าอ่อนๆตามรูปบนอ่ะจร้า)

ให้หา

/* General */
body {
background:#c7e1e9 url(http://g.exteen.com/t/apollo/bck.gif) repeat-x top left;
color:#333;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
}

แล้วเปลี่ยนตรงที่ขีดเส้นใต้เป็นลิงค์ของรูปที่เราจะใช้เป็นบีจีได้เลยน้า

(รูปต้องใหญ่หน่อยนะ เพราะมันจะได้ไม่ repeat ซ้ำ ยกเว้นอยากให้มันซ้ำ ก็เอาขนาดเท่าไหร่ก็ได้จร้า)

 

ไว้เจอกันที่นี่หรือกระจู๋ Help นะเธอว์

//กลิ้งออกจากบล็อก - ก็เหนื่อยอ่ะ

Comment

Comment:

Tweet

I do not realize what happened, however, prices for research papers are much lower. Maybe, financial situation of custom writing industry influenced on it? Actually, I don't care about it. I am glad that I have an opportunity to buy best custom papers.

#30 By online papers (103.7.57.18|31.184.238.73) on 2013-07-05 09:17

Looking for first-class Sharepoint Development centre? Visit SoftGroup "soft-group.com" and our well-qualified programmers team help you to achieve your aims.

#29 By hire Dedicated Development Team (103.7.57.18|91.201.64.16) on 2012-11-24 10:45

Professional business requires a highly ranked internet site. That is not easy to make search engine optimization yourself especially when you are extra busy. But, you're not in the deadlock! We have invented our bookmark service for busy people!

#28 By social bookmarking services (103.7.57.18|31.184.238.21) on 2012-07-13 01:03

I want to say thanks the forum proifles services for quality of link building options! That aided my site a lot!

#27 By forum proifle service (103.7.57.18|31.184.238.21) on 2012-07-03 12:49

Searching for persuasive essay writing help? Save your time and go to this Web site to get a term paper from the experienced team of writers!

#26 By can I buy a paper (103.7.57.18|31.184.238.21) on 2012-06-21 12:57

People have nowadays good web sources to order the essay thesis and just superb outcome related to this good topic at the trustworthy dissertation writing service "master-dissertations.com".

#25 By dissertation (103.7.57.18|31.184.238.21) on 2012-06-14 19:01

ไม่เข้าใจซักนิสน้องใหม่เข้าใจยากsad smile sad smile

#24 By Gie noy on 2012-01-08 15:42

Millions websites seem to be optimized. Hence, there's no other way, but to contact masters at the submission services. Thence, your internet site will have an opportunity to compete with others!

#23 By seo submission (94.242.214.6) on 2011-12-03 11:47

#14 By (91.212.226.143) on 2011-11-24 12:09

#13 By (91.212.226.143) on 2011-11-24 12:08

Oh, good topic about this topic. Could please tell me how much time that will take? Because I am willing to do some dissertation structure or may be this will be good to determine the thesis writing. Thank you very much.

#12 By thesis writing (91.212.226.143) on 2011-11-24 12:08

#11 By (91.212.226.143) on 2011-11-22 23:38

#10 By (91.212.226.143) on 2011-11-22 23:38

#9 By (91.212.226.143) on 2011-11-22 23:37

#8 By (91.212.226.143) on 2011-11-22 23:36

I took 1 st <a href="http://goodfinance-blog.com/topics/home-loans">home loans</a> when I was very young and it supported me a lot. However, I require the financial loan once more time.

#7 By NoreenWiggins (91.212.226.143) on 2011-11-22 23:35

แอบถ่ายบล็อก !!

อ๊ากกกกกกกกกกก ฮ่าๆ
แต่ก็ดีใจแอบมีโฆษณาให้


//บ้าไปลsad smile

#6 By i-KornCoins on 2010-05-12 18:32

อ๋อออออออออ

สงสัยตั้งนานทำยังไงงง

เห้นทำกันเยอะเหลือแหล่!~

บางคนทำเล็กมากกก

มากจนอ่านยาก อย่างนั้นไม่ไหวนะ!
ถ้าทำเฉพาะส่วนเนื้อหากับไซด์บาร์ก็ดีสิ...

#4 By !@Leaderdevil-demon@! on 2010-05-12 15:25

เป็นเรื่องที่น่าสนใจดีนี่ confused smile
Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! Hot! http://planet.kapook.com/k999999999
ทำเป็นสกอบาร์ต้องค่อนข้างกว้าง
แต่พยายามอย่าเกินหน้าจอที่มองเห็น

ง่ายอย่างนี้ ดาวเลย Hot! Hot! Hot!

#2 By Critical#Zeed on 2010-05-11 19:28

อืม ก็ดีนะ

แต่อย่าทำให้เล็กเกินไปนะ อ่านยาก sad smile

#1 By earnle on 2010-05-11 18:59