Code สำหรับ My.iD2 [Beta] & ของตกแต่ง

ตอนที่ 115 : >>>>> Code My.iD Style 01 <<<<< การสร้างไอดีให้แปลกตาสไตล์ ดร.ฟลู Edit! 100%

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 11,163
    จำนวนคนให้กำลังใจ : 6 ครั้ง
    9 ส.ค. 52

Free Image Hosting

- H o w  t o  c o d e  m y . i d 2  S t y l e 1 -

โค้ดนี้เราดัดแปลงเอง ทำขึ้นเอง กรุณาเข้าใจด้วยนะคะ

 

สำหรับรูปแบบไอดีแบบนี้จะต้องทำความเข้าใจ (แถมโค้ดเยอะด้วยแหล่ะ)

แล้วลบออกไปหลายส่วนเหมือนกัน ลิงค์สำคัญด้วยแหล่ะมั้ง

 

สิ่งที่ลบไปมีดังนี้

- แถบ Login

- แถบ Voice

- แถบลิงค์เหนือเฮด

- เฮดหลัก

- logo เด็กดี

- กล่อง Bubble

- module ฝั่งขวา

- footer ใต้ไอดี หายหมด

 

ก่อนที่จะดัดแปลงตกแต่งไอดีด้วยโค้ดเราต้องไปแก้ไขโมดูลที่หน้าหลักก่อน

มันจะมีโมดูลซ้ายขวา ให้เราดัดแปลงดังนี้

ย้ายเพื่อนไปอยู่โมดูลขวา(เพื่อเอาไว้ลบให้เหลือเฉพาะโมดูลซ้ายเพราะเพื่อนลบไม่ได้)

แต่ว่าเราจะทำให้โมดูลซ้ายเหลือแค่ writer กับ comment น๊า 2 อย่างพอ

T E X T   C O D E

Copyright 2009 By : ดร.ฟลู   my.dek-d.com/WONDERFUL_POOH

- - - - - - - -  - -   - -    - -    - -   

<style type="text/css">

 

table {

color:สีของตัวหนังสือ;

font-size: 12px;}
#module_left{background:
url(รูปของmodule จาง ค่า opacity50โดยประมาณ );width: 377px;}

.left{   position:relative;top:11em;right:15em;} 
.right{   position:relative;top:-105em;right:em;}
#mylogo,#module_right,.modulebg1,#borderlink,#neck,#header,#footer
,.head2,.hr1,.hr2{display:none !important}
.headtable,#headmodule-secondary-links {display:none !important}
.left,.right{border:none;}
.mainborder{ border:none;}
table {border:none;}
.subborder {border:none;}

.subborderbg {background:none;}

.no16 {background none;}

.modulebg1 {background:none;}
BODY{
background:url("
พื้นหลังที่ทำสำเร็จจาก photoshop");
background-attachment:fixed; }
.
bubblebg,.bubble1,.bubble2 {display:none}


 </style>


- - - - - - - -  - -   - -    - -    - -   

วิธีการสร้างบีจี

ดูที่ตัวอย่างด้านล่าง(คลิกที่รูปเพื่อขยายได้)

T i p  :: บีจีหลักนี้จะสร้างแบบ 2 in 1 คือทำรูปแบบ

สำเร็จเรียบร้อยโดยไม่จำเป็นต้องพึ่ง module

แต่ว่า สำหรับใครที่ไม่ต้องการแบบกึ่งโปร่งใส่

ก็ไม่ต้องใส่ url ในช่องที่ไฮไลท์ไว้นะ

ขนาดของบีจีควรอยู่ที่ 1000*600 นะ

- - - - - - - - - - - -
เสร็จเรียบร้อย สงสัยถามได้



ตัวอย่าง ที่ไอดีเราเลย
http://my.dek-d.com/WONDERFUL_POOH/

ธีม
op ng

ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 6 ครั้ง

12,716 ความคิดเห็น

  1. #11269 BennIZZa (@bennyandpokky) (จากตอนที่ 115)
    วันที่ 4 กุมภาพันธ์ 2555 / 14:22
    ขอบคุณมากค่ะ
    #11269
    0
  2. #10840 henonanon (@ohen) (จากตอนที่ 115)
    วันที่ 24 ตุลาคม 2554 / 20:48
    เห็นรูปที่ คห อื่นโชว์ สวยดีจ้า
    (ไม่ใช่รูปพี่อ้อมไม่สวยนะคะ แต่มันไม่มีแล้วจ้า อยากเห็นบ้างจัง)
    #10840
    0
  3. #10442 น้ำ แ ข็ง ใ ส : ) (@5150) (จากตอนที่ 115)
    วันที่ 23 สิงหาคม 2554 / 14:18
    ขอบคุณจ้า
    #10442
    0
  4. #10145 Fungiiiii★ (@goongy) (จากตอนที่ 115)
    วันที่ 17 พฤษภาคม 2554 / 20:02
    ขอบคุณมากๆๆ ค่ะ ><
    #10145
    0
  5. #8544 aisra (@aisra) (จากตอนที่ 115)
    วันที่ 1 มกราคม 2554 / 17:48
     รูปของmoduleจาง ค่าopacity50โดยประมา

    พื้นหลังที่ทำสำเร็จจากphotoshop

    หาที่ไหนอะไม่รู็อะ
    #8544
    0
  6. #8509 ✖Ļilynette✖ (@lilynette034) (จากตอนที่ 115)
    วันที่ 30 ธันวาคม 2553 / 12:19
    ขอบคุณค่า
    #8509
    0
  7. #8405 Memonoza (@memonoza) (จากตอนที่ 115)
    วันที่ 19 ธันวาคม 2553 / 12:55
    ขอบคุณค่ะ
    #8405
    0
  8. #8394 -$tAr.PHONiz;* (@graphixotic) (จากตอนที่ 115)
    วันที่ 17 ธันวาคม 2553 / 10:08
    ขอบคุณมากค่ะ (:
    #8394
    0
  9. #7382 O-AE (@salapulljang) (จากตอนที่ 115)
    วันที่ 26 กันยายน 2553 / 01:44

    ชอบไอดีแบบนี้มากเลยค่ะ แนวม้าก~ 
    ♥ ♥ ♥ (เอาไปเลย หัวใจสามดวง! >O< )
    ขอบคุณมากๆ เลยค่ะ พี่อ้อมเก่งจัง.
    ^^.

    #7382
    0
  10. #7028 antBerry (@antberry) (จากตอนที่ 115)
    วันที่ 12 สิงหาคม 2553 / 11:41

    THNK YOU very + ^^;;

    #7028
    0
  11. #6969 ตะเบ็งชะเวตี้ (@tuesday7) (จากตอนที่ 115)
    วันที่ 7 สิงหาคม 2553 / 17:44
    สวยมากเลยค่ะ XD
    #6969
    0
  12. #6861 Vongola club (@vongola-01) (จากตอนที่ 115)
    วันที่ 25 กรกฎาคม 2553 / 22:32
    งงมากมายT^T
    #6861
    0
  13. #6529 Redfira (จากตอนที่ 115)
    วันที่ 28 มิถุนายน 2553 / 18:48
    สวยจังเลยค่ะ *-*
    #6529
    0
  14. #6446 JINJIN (@girls888) (จากตอนที่ 115)
    วันที่ 22 มิถุนายน 2553 / 15:24
     
    #6446
    0
  15. #6375 quarrr' (@blanton-etc) (จากตอนที่ 115)
    วันที่ 13 มิถุนายน 2553 / 01:59
    ขอบคุณคับพี่อ้อม :)
    #6375
    0
  16. วันที่ 10 มิถุนายน 2553 / 19:50
    โอ๊ะ  โอ๋~  น่าสน*w*
    #6334
    0
  17. #5934 L-O-V-E [][] R-E-B-O-R-N (@plokijuhygtfrdes) (จากตอนที่ 115)
    วันที่ 21 พฤษภาคม 2553 / 21:11

    ทำไมรูปลงพื้นไม่ได้เลยค่ะ

    #5934
    0
  18. #5822 ♡IchiGo❤Ruki@ (@rukiajoy456) (จากตอนที่ 115)
    วันที่ 18 พฤษภาคม 2553 / 13:53
    ThanK~~
    #5822
    0
  19. #5667 •★*FeeFy-vÏp*★• (@love-jiyong) (จากตอนที่ 115)
    วันที่ 14 พฤษภาคม 2553 / 13:37

    มันแปลกดีนะ !!

    ^ 0 ^ ส๊วยสวย แต่ก็ทำ ย๊ากยาก = [ ] =

    #5667
    0
  20. #5554 มิ้นเอง-*- (@mint-906) (จากตอนที่ 115)
    วันที่ 12 พฤษภาคม 2553 / 10:30
     พี่อ้อม =^=
    ขอบคุณสำหรับโค้ดมากมาย -3-

    แต่ขอถามอะไรอย่าง ? 
    ทำไมมันเป็นแบบนี้อ่ะ ?? 

    http://imagehost.thaibuzz.com/iu/325untitled1.png
    (ขอฝากเป็นลิงค์นะฮะ -*- เพราะพอดีว่า เอาลงเป็นรูป ขนาดย่อให้เล็กแล้ว พอมันโชว์หน้าบทความของพี่
    มันยังใหญ่เหมือนเดิมอยู่ แล้วหน้าบทความมันเสีย ไม่สวยอ่า -3-)

    ทั้งที่หน้าวอทอัพก็ไม่ได้อะไรเลย ทำยังไงให้มันขึ้นไปบน ๆ เหมือนของพี่อ่า -[ ]-
    ขอบคุณค้าบบบบ -/\-





    แก้ไขครั้งที่ 1 เมื่อ 12 พฤษภาคม 2553 / 10:34
    แก้ไขครั้งที่ 2 เมื่อ 12 พฤษภาคม 2553 / 10:36
    แก้ไขครั้งที่ 3 เมื่อ 12 พฤษภาคม 2553 / 10:40
    แก้ไขครั้งที่ 4 เมื่อ 12 พฤษภาคม 2553 / 10:41
    #5554
    0
  21. วันที่ 9 พฤษภาคม 2553 / 01:40
    ขอบคุณมากค่ะ :))
    #5427
    0
  22. #4525 Neko Mew~ (@akira22) (จากตอนที่ 115)
    วันที่ 20 เมษายน 2553 / 19:10
    ว้าว~ขอบคุณครับ
    #4525
    0
  23. #4503 •@บ่ายสอง♥ (@fuii) (จากตอนที่ 115)
    วันที่ 20 เมษายน 2553 / 12:51
    ขอบคุณมาก ๆ ค่ะ

    สู้ ๆ
    #4503
    0
  24. #4320 •chocolate brown•●★ (@caramel-cupcake) (จากตอนที่ 115)
    วันที่ 15 เมษายน 2553 / 01:39
    ถามจริง  ..พี่ทำได้ไงเนี่ย
    #4320
    0
  25. #4223 !!>>ลิง^หัว[โต]♥ (@miss_arty) (จากตอนที่ 115)
    วันที่ 12 เมษายน 2553 / 21:23
    งามมาก
    #4223
    0