Windows LiveWindows Live™
 
 
Pavita's profile◄ LadyRing ►PhotosBlogListsMore Tools Help

Blog
    11/29/2006

    การใส่ป้ายด้านบนและด้านล่างของสเปซ

    การใส่ป้ายด้านบนและด้านล่างของสเปซ
     
    ดูรูปทางขวามือนี่สิคะ ตัดมาจาก http://pourboire.spaces.live.com
    เห็นใช่ม๊าอ่ะว่าของเค้านะมีรูปท้องฟ้าอยู่ที่ด้านล่าง แล้วก็มีรูปอวกาศอยู่ที่ด้านบนของเสปซ เค้าทำได้ยังไงกัน น่าสนใช่ป่าว...มามะ วันนี้เราจะมาทำกัน
     
    สิ่งที่เราต้องเตรียมก็คือรูป 2 รูปค่ะสำหรับป้ายด้วยหัวและหางของสเปซเรา ความกว้างของรูปก็ 985 px ค่ะ
    และโมดูล Custom HTML (จาก PowerToy นะจ๊ะ ไม่ใช่ Sandbox จาก Gadget) 1 ตัวเท่านั้น พร้อมแล้วมาเริ่มกันเลย...
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
    Step 1 : เปลี่ยนเลเอาท์ให้มีลักษณะตามนี้เท่านั้นนะคะ

        
     
    Step 2 : ย้ายโมดูล Custom HTML ไปยังตำแหน่งล่างสุด ขวาสุด เท่าที่จะทำได้เลย...ดังแสดงด้วยสีม่วงในรูปข้างบนอ่ะค่ะ
     
    Step 3 : คราวนี้ก็แบ่งความต้องการเป็น 3 กรณีได้แก่ ใส่ป้ายหัวอย่างเดียว ใส่ป้ายหางอย่างเดียว หรือจะใส่ทั้งหัวทั้งหางก็ได้...อ๊ะ พิมพ์ไปรู้สึกเหมือนกะลังเล่นแม่งูเอ๋ยเลยอ่ะ อะไร...ใส่ไปก็ใส่มา อ่อ นั่นมันส่ายยยย
     
    กรณีที่ 1 ใส่ป้ายหัวอย่างเดียว (ผลงานตัวอย่าง http://ladyring.spaces.live.com/ มันก็คือสเปซนี้ไง...)
     
    ลอกโค้ดนี้ไปวางใน Custom HTML เลยค่ะ
     

    <pre></pre><tbody><table></table></tbody><pre>
    </pre><div><td><tr></div>
    <img src="URL ของรูปป้ายหัว">

     
    สำหรับป้ายบางคนมันเป็นสีไม่เหมือนสีพื้นอ่ะ ถ้าใส่โค้ดแค่นี้ป้ายจะไปชนกประชิดปนบสนิทกัยขอบบนของโมดูลพอดี ถ้าจะเอาสวยเพอร์เฟ็คเลยเนี่ยะน่าจะเพิ่มโค้ด <p>&nbsp;</p> ต่อท้ายไปซักกะนิด ให้มีช่องว่างระหว่างดมดูลกะป้ายอ่ะค่ะ
     
    กรณีที่ 2 ใส่ป้ายหางอย่างเดียว (ใครทำแล้วก็บอกด้วยละกัน)
     
    ก็ใช้โค้ดตัวนี้นะ
     

    <pre></pre><tbody><table></table></tbody><pre>
    </pre><div><td><tr></div>
    <img src="URL หลอก">

    <pre></pre><tbody><table></table></tbody><pre>
    </pre><div><td><tr></div>
    <img src="URL ของรูปป้ายหัว">

     
    อ่ะง่ะ...มีต้องใส่ URL หลอกๆ ไปด้วย คิดไม่ออกก็ www.URLหลอก.com ไปซะก็ได้ อันนี้เอาฮาไม่เอาสาระ...
     
    กรณีที่ 3 ใส่ป้ายทั้งหัวและหาง (ผลงานตัวอย่าง http://pourboire.spaces.live.com/)
     
    ก็นี่เลย

    <pre></pre><tbody><table></table></tbody><pre>
    </pre><div><td><tr></div>
    <img src="URL ของรูปป้ายหัว">

    <pre></pre><tbody><table></table></tbody><pre>
    </pre><div><td><tr></div>
    <img src="URL ของรูปป้ายหาง">

     
    Step 4 : กด Save ที่โมดูลก็จบข่าว ได้แล้วเอามาโชว์กันมั่งดิ
     
    ปล. ถ้าฝากรูปกับ Photobucket อาจจะโดนลดขนาดความกว้างภาพเป็น 800 ให้ดูตรงที่เซ็ทค่าดีๆ นะ ไม่งั้นก็ลองเปลี่ยนโฮสท์เป็น http://imageshack.us/ แทนนะ ง่ายดี
     
     
    8:42 PM | Blog it | Trick

    Comments (113)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up
    No namewrote:
    您需要二手液晶显示屏、废旧液晶屏么？我们是不折不扣的二手液晶屏、旧液晶屏大批发商，长期大量供应可再利用的旧液晶屏。我公司提供的各种尺寸的二手液晶屏， 不同厚薄如笔记本屏，均已经过我们严格的分类，检验，测试流程。请访问协力液晶屏www.sceondhandlcd.com[bejedgfddbbhcec]
    Nov. 19
    No namewrote:
    Welcome to cheap wow gold our wow Gold and wow power leveling store. We wow gold are specilized, wow power leveling professional and reliable wow power leveling website for wow power leveling selling and wow gold service. By the World of Warcraft gold same token,we offer buy wow power leveling the best WoW service wow power leveling for our long-term and wow powerleveling loyal customers. wow powerleveling You will find wow powerleveling the benefits and value powerleveling we created powerleveling different from other sites. As to most people, power leveling they are unwilling to power leveling spend most of wow power leveling the time buy wow gold grinding money Rolex for mounts or rolex replica repair when replica rolex they can purchase Watches Rolex what they Rolex Watches are badly need. The Watch Rolex only way is to look Rolex Watch for the best place rs gold to buy cheap WOW gold. Yes! You find it here! Our WoW Gold supplying service has already accumulated a high reputation and credibility. We have plenty of Gold suppliers, which will guarantee our delivery instant. Actually, we have been getting Runescape Gold tons of postive feedbacks from our loyal RuneScape Money customers who really appreciate our service. -145259799106831
    Nov. 1
    No namewrote:
    Oct. 22
    No namewrote:

    Hi,Do you need advertising displays, digital signages, ad players, advertisement player and LCD advertisings? Please go Here:www.amberdigital.com.hk(Amberdigital).we have explored and developed the international market with professionalism. We have built a widespread marketing network, and set up a capable management team dedicated to provide beyond-expectation services to our customers. amberdigital Contact Us

    website:www.amberdigital.com.hk
    alibaba:amberdigital.en.alibaba.com[caageibgagadgd]

    Sept. 22
    No namewrote:
    Give you a recommended price of the best! The most reputable (wow power leveling) and (wow gold)!
    Sept. 12
    Tigger เสือร้าย กัดwrote:
    ทำยากจัง มือใหม่อ่ะ
    Dec. 27
    พีรพัฒน์wrote:
    แวะไปดูของเรามั่งดิคับ หัดทำโดนใช้คำแนะนำทั้งหมดแล้ว แต่ไม่สวยซักที
    Oct. 4
    M¤M¤|<åяwrote:
    อยากให้หัวสเปชอยู่ตรงกลางพอดีอ่ะค่ะ

    ทำไงดีอ่ะค่ะ  ใส่โค้ด <p>&nbsp;</p>  เท่าไหร่ มันก็เลื่อนลงข้างล่างทุกทีเลย

    ตอบทีนะค่ะ  T^T
    Sept. 10
    Chouz zwrote:
    ทำไม ผมทำไม่ได้ล่ะคับ  เลเอาท์ลักษณะแบบนั้นก็ไม่มีคับ มันมีแถบข้างล่างด้วยทุกอันเรย ช่วยอธิบายให้ผมละเอียด ด้วยนะครับ ผมอยากรู้จิงๆ
    Aug. 29
    keitisak klampasartwrote:
    ไปหารูปที่ใหญ่ๆ มาจากไหนครับ  บอกหน่อยนะครับ 
    Aug. 22
    Supachai Nakboonwrote:
    ขอบคุณสำหรับอีกหนึ่ง Tips ครับ
    เอาไปเลย 10 คะแนน :) 
    Aug. 21
    AquariuS EveJunGwrote:
    ขอบคุณมากๆเลยค่ะ ,, หาคนเก่งๆสอนมานานแล้ววว
     
    ในที่สุดก็เจอซักที ^^" 
    Aug. 19
    ถุงแป้ง เจนอักษรwrote:
    หารูปใหญ่ ๆ ยากจัง บอกเว๊บมางสิค่ะ ขอบคุณสำหรับคำแนะนำ 
    Aug. 16
    pantareewrote:
    ทำแล้วแต่มันไม่อยู่ตรงกลางอ่ะค่ะมันเกี่ยวกับอะไรอ่ะค๊ะ แล้วอยากทำให้มันเป็นภาพเต็มๆอ่ะค่ะตอบด้วยนะค๊ะ
     
    Aug. 16
    Wilailuck Honghannar​ongwrote:
    แจ่มจิงๆเลย เด๊วจะลองทำบ้างขอบคุงค่ะ
     
    Aug. 9
    NL1ออย_แน๊​ปป้า รั๊กทุกคนwrote:
    ขอบคุนคร้า
     
    Aug. 4
    Golf K.wrote:
    สุดยอดมากๆเลยคับ มือใหม่อย่างผมก็ทำได้ โฮะๆๆ
    Aug. 4
    Distorted sTrawbeRrywrote:
    อิอิ ขอบคุณค๊า 
    July 30
    Pisit Laohakavik​ulwrote:
    โอ้ มัน ยอด มาก
    เหอ เหอ ขอบคุณ ครับ 
    July 29
    ปิยะพงษ์ เมืองเล็นwrote:
    กะลังหัดทำอยู่ ขอบคุณสำหรับคำแนะนำ
    July 17
    Next >    Last >>

    Trackbacks

    The trackback URL for this entry is:
    http://ladyring.spaces.live.com/blog/cns!144E7DA38EAE8AC1!1741.trak
    Weblogs that reference this entry
    • None