Samarn's Blog (17)

การแต่งส่วนของ blog หรือบทความให้เนื้อหาแต่ละอันแยกกัน ดูเป็นระเบียบ

ธีมบางธีม เนื้อหาบทความจะดูไม่เป็นระเบียบ ไม่มีเส้นคั่นบทความ ทำให้แยกไม่ค่อยออก 

การจัดรูปแบบให้บทความด้วย CSS จะทำให้ดูสวยขึ้น ดูเป็นระเบียบ ไม่ล่ยตา 

 

รูปแบบ CSS

/*กำหนดสีพื้นหลังบทความ และกำหนดเนื้อหาให้ห่างจาหขอบ*/

#xg_layout_column_2 .blogpost {background:#444444 !important; padding:10px 10px 10px 10px; }

 

/* กำหนดรูปแบบตัวอักษรหัวข้อเป็นแบบตัวหนา */…

Continue

Added by samarn on September 2, 2011 at 3:18am — No Comments

การใส่พื้นหลัง

การใส่พื้นหลังส่วนต่างๆของ Portfolio.Net

พื้นหลังสี รูปแบบคำสั่ง

background-color:#000000;  หรือ  background:#000000;

#000000 คือรหัสสี

 

พื้นหลังรูปภาพ รูปแบบคำสั่ง…

Continue

Added by samarn on September 2, 2011 at 3:08am — No Comments

การย้ายตำแหน่งโมดูลต่างๆบน portfolios.net

เราสามารถย้ายตำแหน่งโมดูลต่างๆ ได้เฉพาะส่วนของคอลัมภ์ทางซ้ายและตรงกลางเท่านั้น

การย้ายง่ายนิดเดียวเพียงเอาเมาส์ไปวางบนหัวข้อแต่ละโมดูล ก็จะปรากฏปุ่มลูกศรสี่ทิศขึ้น เราสามารถจับลากไปวางในตำแหน่งที่ต้องการ

 

ย้ายมาไว้ทางคอลัมภ์ซ้าย…

Continue

Added by samarn on August 17, 2011 at 11:32pm — No Comments

การเปลี่ยนสีพื้นหลังคอลัมภ์ตรงกลางของ portfolios.net

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป



เลือกเมนู  Advanced

แล้วเขียนคำสั่ง CSS   ดังนี้

 

#xg_layout_column_2 {

background:#222222 !important; /* สีพื้น*/

color:#cccccc; /* สีตัวอักษร*/…

Continue

Added by samarn on August 17, 2011 at 11:09pm — No Comments

การเปลี่ยนสีพื้นส่วน Content ของ portfolios.net

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป



เลือกเมนู  Advanced

แล้วเขียนคำสั่ง CSS   ดังนี้

 

#xg_body {

background:#000000 !important;

}

 

ให้ใส่ต่อจากอันเดิมที่เคยเขียนไว้เลยครับ

 …

Continue

Added by samarn on August 17, 2011 at 6:30pm — No Comments

การใส่ภาพ Header ให้ธีม Rockwell Bold

ธีม Rockwell Bold

เราสามารถใส่ภาพ Header ให้ธีมนี้ด้วยคำสั่ง CSS

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป



เลือกเมนู  Advanced

แล้วเขียนคำสั่ง CSS สำหรับใส่ภาพ Header ดังนี้

 …

Continue

Added by samarn on August 17, 2011 at 2:45am — No Comments

การดึงข้อความจากเฟสบุ๊คแฟนเพจ ขึ้น portfolios.net

เราสามารถดึงข้อความจากแฟนเพจขึ้น portfolios.net ของเราได้ เฉพาะข้อความที่เราโพสต์เท่านั้น

โดยให้เราคัดลอก URL แฟนเพจของเรามาใส่ในช่อง Feed ที่ portfolios.net

 

 

ข้อความจากเฟสบุ๊คแฟนเพจ ที่ถูกดึงมาที่ portfolios.net …

Continue

Added by samarn on August 17, 2011 at 2:16am — No Comments

การดึงบทความ โน๊ตต่างๆ จากมัลติพลาย ขึ้น portfolios.net

portfolios.net มี Box สำหรับ Feed เนื้อหาจากที่อื่นมาแสดงที่ portfolios.net

หากต้องการดึงเนื้อหาบทความต่างๆ จากมัลติพลายมาแสดง เพียงคุณไปคัดล็อก Feed URL จากมัลติพลายของคุณมากรอกในช่องที่ portfolios.net เตรียมไว้ ก็สามารถดึงหัวข้อบทความต่างๆ จากมัลติพลายมาแสดงได้ทันที

 

Rss Feed อยู่ใต้รูปโพรไฟล์ของคุณในมัลติพลาย…

Continue

Added by samarn on August 17, 2011 at 1:50am — No Comments

การใส่ภาพ Header ให้ธีม Royal Denim

ธีม Royal Denim

 

เราสามารถใส่ภาพ Header ให้ธีมนี้ด้วยคำสั่ง CSS

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป



เลือกเมนู  Advanced

แล้วเขียนคำสั่ง CSS สำหรับใส่ภาพ Header ดังนี้

 …

Continue

Added by samarn on August 17, 2011 at 1:30am — No Comments

การใส่ภาพ Header ให้ธีม Magazine

ธีม Magazine

 

 

 

 

 

 

เราสามารถใส่ภาพ Header ให้ธีมนี้ด้วยคำสั่ง CSS

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป



เลือกเมนู  Advanced

แล้วเขียนคำสั่ง CSS สำหรับใส่ภาพ Header…

Continue

Added by samarn on August 11, 2011 at 3:00am — No Comments

การแต่งธีม portfolios.net เบื้องต้น ด้วยเครื่องมือ Customize

ธีมแต่ละธีมที่เราใช้อยู่เราสามารถปรับเปลี่ยนสี พื้นหลัง และบางอย่างได้ ด้วยเครื่องมือที่ portfolios.net เตรียมไว้ โดยไปที่เมนู ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป

แล้วเลือก Customize

 …

Continue

Added by samarn on August 11, 2011 at 2:00am — No Comments

การเปลี่ยนธีม portfolios.net

เราสามารถเปลี่ยนธีม เลเอาท์ของ portfolios ของเราได้

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป

ก็จะปรากฎเครื่องมือต่างๆ รวมถึงการเลือกธีมด้วย

 

Themes > All  คือ ธีมที่ portfolios.net เตรียมไว้ให้เราใช้



Themes…

Continue

Added by samarn on August 11, 2011 at 2:00am — No Comments

Portfolios กับ CSS

CSS คืออะไร?

 

CSS มาจากคำว่า Cascading Style Sheets คือ ภาษาที่ถูกเขียนขึ้นเพื่อใช้จัดการรูปแบบเอกสาร HTML ให้มีความสวยงาม เช่น สี ขนาด ของตัวหนังสือ เป็นต้น

 

รูปแบบการเขียน

การเขียน CSS จะต้องมีการกำหนด selector และระบุ declarations อาจระบุ declarations 1 ตัวหรือมากกว่านั้นก็ได้ ระหว่าง declarations จะต้องคั่นด้วยเครื่องหมายอัฒภาค (;)

 …

Continue

Added by samarn on August 2, 2011 at 8:59pm — No Comments

วิธีใส่ภาพ Header ให้ portfolios

ให้เลือกเมนู My Portfolios > Change Theme > Advanced แล้วเพิ่ม css เข้าไปดังข้างล่าง





#xg_masthead {

background:url(http://www.samarn.com/multiply/images/header1000x450.jpg) #FFFFFF no-repeat

right center;

padding-bottom:400px;

}… Continue

Added by samarn on July 4, 2010 at 7:19pm — 2 Comments

Css ตกแต่ง Portfolios*net เวอร์ชั่น 1 ตามแบบ Samarn

Body {BACKGROUND: url(http://www.samarn.com/portfolios/images/bg945.jpg)



#FFFFFF repeat top center;}

#xg {

WIDTH: auto; BACKGROUND-COLOR: transparent

}

#xg_foot {

MIN-HEIGHT: 20px; FLOAT: none; WIDTH: 935px; MARGIN:0px auto;



padding-right:10px; padding-left:10px;padding-top:5px;padding-bottom:5px;



border-top:2px #599733 solid; _height: 20px;COLOR:#FFFFFF;BACKGROUND



-COLOR: #A0D055 ! important

}

#xg_foot A… Continue

Added by samarn on April 22, 2009 at 10:38am — 1 Comment

วิธีใส่ภาพ Header สำหรับ Portfolio*net ให้สวยงาม

ให้คลิกที่ปุ่มที่อยู่ด้านบน ทางซ้ายมือ ดังรูป

 

แล้วเลือกเมนู  Advanced

พิมพ์ css เข้าไปดังนี้



#xg_masthead {

background:#fff url(http://www.samarn.com/multiply/images/header1000x450.jpg) no-repeat right…

Continue

Added by samarn on April 21, 2009 at 5:30pm — 3 Comments

วิธีขยายขนาดธีมของ Portfolios*net

ให้ไปที่ Settings >Appearance >Edit Appearance Page>Now, make it unique >Advanced
พิมพ์ CSS เพื่อขยายขนาดดังนี้

#xg_head, #xg_body {
width:1000px;
margin:0 auto;
}

จะได้ธีมกว้าง 1000 พิกเซล

Added by samarn on April 21, 2009 at 5:30pm — 5 Comments

Monthly Archives

2011

2010

2009

© 2009-2024   PORTFOLIOS*NET by CreativeMOVE.   Powered by

Badges  |  Report an Issue  |  Terms of Service