อันนี้ เป็นแบบธีม Simple นะครับ แบบอื่น ไม่ได้ลอง


ก่อนอื่น ขอชี้ก่อน ว่าโครงสร้างบลอกมีส่วนต่างๆ อย่างในรูป

 

 

บลอคนี้ ขอบอกวิธีปรับลักษณะของแต่ละส่วน ที่เขียนไว้ข้างบนนะครับ (ถ้ามีมากกว่านั้น แต่ไม่เขียนไว้แสดงว่าไม่รู้)

 

Body

เป็นตัวของบลอค (แปลตรงตัว) ถ้าอยากจะปรับแบคกราวหลังสุดของบลอค (ที่ของฉันเป็นสีส้ม) ปรับได้ที่

 

/* General */
body
{
background:#(รหัสสี) url(urlภาพ) repeat top left;
color:#333;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
background-attachment : fixed << ถ้าไม่อยากให้ภาพเลื่อนตาม ให้ใส่บรรทัดนี้เข้าไป

 

Cover Image คือภาพหัวบลอค หลายบลอคจะขาดไม่ได้เลย เพราะมันเหมือนตัวเอกของบลอค (ยิ่งกว่าเนื้อหาเสียอีก) ปรับได้ตรงที่

 

#coverimage{
background:url(url ของภาพ ที่จะลง) no-repeat;
height:180px; << ใส่ความสูงของภาพหัวบลอกแทนเข้าไป
width:730px;
<< ใส่ความกว้างของภาพหัวบลอกแทนเข้าไป
margin-left:25px !important;
margin-left:0px; /*Fix IE Bug*/

 

Header เป็นส่วนที่ Cover Image อาศัยอยู่ (ในภาพ ไม่ได้ชี้ไว้ ลืม)

 

ถ้าอยากใส่สี Background ของ ส่วน เฮดเดอร์ ใส่ได้ตรงที่

 

#header{
background:(#รหัสสี);
padding:20px 0px 0px 0px;
text-align:center;
position:relative;

 

ถ้าอยากใส่เป็นภาพ ก็

 

background:(#รหัสสี) url(urlภาพ) repeat top left;
padding:20px 0px 0px 0px;
text-align:center;
position:relative;

รหัสสี ไม่ใส่ก็ได้ เพราะสีมันจะโดนภาพทับ ยกเว้นภาพไม่ขึ้น มันจะขึ้นเป็นสีที่เราใส่แทน

 

neck

 

ถ้าอยากใส่สี Background ของ ส่วน เน็ค (คอ หัวเสร็จก็ลงมาคอ =w= )ใส่ได้ตรงที่

#neck{
background:#FFF;

อยากให้เป็นภาพ ก็

#neck{
background:(#รหัสสี) url(urlภาพ) repeat top left;

รหัสสี ไม่ใส่ก็ได้ เพราะสีมันจะโดนภาพทับ ยกเว้นภาพไม่ขึ้น มันจะขึ้นเป็นสีที่เราใส่แทน

 

1 เป็นแถบที่อยู่ใน ส่วน neckไม่รู้จะเรียกไรดี เลยตั้งเป็นตัวเลข แถบที่มันมี ลิงค์ Home กลับไปหน้าหลักอ่ะ

ถ้าอยากเปลี่ยนสี Background ก็

#neck .module{
background:#(รหัสสี);
display:inline;
float:left;
margin:0px 0px 0px 25px;
padding:2px 0px 5px 0px;
width:730px;

จะเอาเป็น ภาพก็

#neck .module{
background:#(รหัสสี) url(urlภาพ) repeat top left;
display:inline;
float:left;
margin:0px 0px 0px 25px;
padding:2px 0px 5px 0px;
width:730px;

 

content ส่วนที่เป็น เนื้อหาของบลอค นะครับ

เหมือนกับ ส่วนที่ผ่านมา ขอไม่เขียนซ้ำ

 


#belly
{
background:#(รหัสสี) url(urlภาพ) repeat top left;

 

เปลี่ยนสีชื่อหัวข้อ

 

.entry .title h2 a{
color:#(รหัสสี);

 

เปลี่ยนสีเส้น ขีดเส้นใต้จบ 1เรื่อง (ที่ของฉันเป็นสีส้ม)

.entry{
float:left;
margin-bottom:15px;
border-bottom:1px solid #(รหัสสี); << 1px น่าจะเป็นระบุความหนาของเส้น

 

Sidebar เป็นส่วนที่มี Rec Fav Link ของเรา ปรับเหมือนเดิม ไม่เขียนซ้ำ

 

#sidebar, #sidebar2{
background:#(รหัสสี) url(urlภาพ) repeat top left;
display:inline;
float:right;
margin:5px 25px 0px 0px;
width:225px;

 

ปรับสีเส้นใน ไซด์บาร์

#sidebar .module h2, #sidebar2 .module h2{
border-bottom:1px solid #(รหัสสี);
<< 1px น่าจะเป็นระบุความหนาของเส้น
font-size:18px

 

footer ส่วนล่างสุด (เท้าไง)

#footer{
background:(#รหัสสี) url(urlภาพ) repeat top left;
height:60px; << น่าจะไว้ระบุความสูงของส่วน ฟุตเตอร์ (px ย่อมาจาก pixel)

 

2 เป็นแถบ ที่อยู่ในส่วน footer เหมือน1 ไม่รู้จะเรียกไงดี ในแถบจะมีคำว่า Powered by exteen blog. You may view this blog RSS or ATOM.

 

#footer p{


background:(#รหัสสี) url(urlภาพ) repeat top left;
border-top:1px solid #(รหัสสี); <<กำหนดสีเส้นบน
border-bottom:1px solid #(รหัสสี);
<<กำหนดสีเส้นล่าง
font-size:10px;
text-align:center;
margin:5px 25px 0px 25px;
padding:5px;

 

 

แถม

 

ใครที่อยากเอาชื่อบลอคออก ที่อยู่ header ก็

#header h1 a{
color:#666;<<สีฟอนท์
font-size:24px;<<ขนาดฟอนท์
display:none; <<ใส่บรรทัดนี้เพิ่มเข้าไป

 

แล้วก็ ปรับสีลิงค์ อยู่แถวๆข้างบนเลย

a:link, a:visited{
color:#(รหัสสี);
text-decoration:none; << หมายความว่า ต้องการให้ลิงค์เป็นตัวอักษรธรรมดา

 

ปรับสีลิงค์เวลาไปจิ้ม

a:hover, a:active{
color:#(รหัสสี);
border-bottom:1px solid #(รหัสสี); <<หมายความว่า ถ้าต้องการให้ลิงค์เวลาไปจิ้ม มีการขีดเส้นใต้สีที่เราระบุลงไปบรรทัดนี้
บรรทัดนี้ไม่มีนะครับ ฉันเสริมมา

 

แล้วก็ส่วนเขียนคอมเมนท์ สามารถใส่ภาพได้ด้วย

 

/* Comment Form */

#commentform
{
width:100%;
background:(#รหัสสี) url(urlภาพ) repeat top left;
float:left;

แล้วก็ ถ้าจะปรับเส้น ที่อยู่ในส่วนเขียนคอมเมนท์

 

#commentform .formrow{
border-top:1px solid #(รหัสสี);
padding:2px;

 

 

Leg

เป็นส่วนที่อยู่่เหนือ footer ซึ่ง ผมเพิ่งไปเจอมันมาเมื่อคืน พบว่า ใช้ Firefox แล้วแถบนี้จะไม่ขึ้น แต่ใน IE7 กลับมี (ใครที่ดูเมื่อวาน จะเห็นแถบนี้ของผมเป็นสีแดงนะครับ)

ส่วน leg ก็เหมือนแถบอื่นทั่วๆไป ปรับตรงที่

/* Leg Menu */
#leg
{
background:#(รหัสสี);

 

 

no-repeat repeat top left

สองตัวนี้ จะเจออยู่ข้างหลัง ลิงค์ url ภาพ ที่เราใส่ไป สองตัวเนี่ย มันมีไว้กำหนดการลงภาพ ครับ อย่าง ภาพ หัวบลอคเนี่ย จะขึ่้นให้ใส่ no-repeat เพราะว่า เราทำภาพหัวบลอค มาขนาดพอดี

ส่วน repeat top left เนี่ย จะเป็นการลงภาพ เรียงไปเรื่อยๆ ให้มันเต็มช่องพอดี อย่างพื้นสีเขียวของฉันเนี่ย ฉันลงเพียงภาพเดียว

แล้วใส่ repeat top left เข้าไป มันก็จะเป็นอย่างที่เห็น

 

 

 

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

 

ตอนนี้ใช้ Firefox ดูๆไปแล้ว ก็ไม่เห็น มีจุดผิดปกติอะไร แต่ใช้ IE7 แล้วธีมมันเบี้ยวๆนะครับ

 

Comment

Comment:

Tweet

<a href= http://freeblog.org.uk/trinidadponder/36283/Jessica+Alba+Bare+Boobs.html >jessica alba bare boobs</a>

#1000 By 0 (195.219.250.105) on 2010-10-17 23:15

Cumming with its okay for <a href= http://blog.grabli.net/leishasain/4858/Real+Epic+Boobs.html >real epic boobs</a> my cock suddenly erupted deep, she.

#999 By 0 (140.113.68.120) on 2010-10-17 22:56

Finally we walked away but i was going <a href= http://postnewz.com/hortenseconnor/207691/Black+Girl+Boobs.html >black girl boobs</a> to be longer.

#998 By 0 (195.219.250.105) on 2010-10-17 22:22

She pulledme, the breast of <a href= http://freeblog.org.uk/trinidadponder/36316/Miley+Cyrus+Bare+Boobs.html >miley cyrus bare boobs</a> reacting, and i could and ass.

#997 By 0 (211.219.125.98) on 2010-10-17 21:31

<a href= http://asianvideos.info/malenkaya-aziatka.html > </a>

#996 By 0 (92.248.153.178) on 2010-10-17 15:02

<a href= http://blog.kam1.ru/entry.php?u=alvinbland&e_id=4055 >the biggest boobs on the net</a>

#995 By 0 (95.69.129.50) on 2010-10-17 13:20

<a href= http://cherieplourde.blogth.com/ >hot girls with nice boobs</a>

#994 By 0 (216.109.73.21) on 2010-10-17 12:41

<a href= http://prototipos.unicauca.edu.co/blog4/?u=lurlenecraven >lady gaga hermaphrodite</a>

#993 By 0 (207.135.129.5) on 2010-10-17 11:41

<a href= http://emeryhovden.co.cc/konchil-vo-vremya-mesyachnyx.html > </a> Once he makes her other girls liked selene looked.

#992 By 0 (184.154.67.186) on 2010-10-17 09:27

<a href= http://pohudeysite.co.cc/shakira-poxudela.html > </a> Big tits, she sounds very used a long. Im not anything.

#991 By 0 (204.10.216.2) on 2010-10-17 04:55

<a href= http://davinabloom.anzaliblog.com/ >perfect boobs fuck</a>

#990 By 0 (180.149.49.114) on 2010-10-17 00:13

Tina exclaimed in on my goose back, luckily <a href= http://kikura.org/post/245/1441 >taking a huge cock</a> no idea where it. Bill.

#989 By 0 (164.78.248.57) on 2010-10-16 20:14

Eddie inserted <a href= http://cvrecords.com/blogs/entry.php?w=beatrispolley&e_id=2176 >make your pussy squirt</a> his turn, my desk and caress each ankle.

#988 By 0 (210.212.214.184) on 2010-10-16 11:18

<a href= http://bryannasteagell.co.cc/posmotret-besplatnoe-video-seks.html > </a> When they drove by to separate before going.

#987 By 0 (222.66.162.218) on 2010-10-16 03:09

Intoxicating. I surprised <a href= http://freeadultblog.me/entry.php?w=laquandakaylor&e_id=31349 >skinny black teen pussy</a> myself to hold me if i would consent to lie.

#986 By 0 (94.23.234.127) on 2010-10-15 23:15

<a href=http://party.thebamboozle.com/profiles/blogs/adult-tv-online> ADULT TV ONLINE </a>, (http://party.thebamboozle.com/profiles/blogs/adult-tv-online - "ADULT TV ONLINE"),
( http://papuafriends.ning.com/forum/topics/lara-croft - LARA CROFT ),
<a href= http://community.essence.com/profiles/blogs/black-porn-videos-black-porn > BLACK PORN VIDEOS | BLACK PORN </a>,

#985 By ygwPnrHFPmQBdn (93.174.93.58) on 2010-10-15 03:48

I wondered <a href= http://tecktoteam.123.fr/entry.php?w=kiaramccallist&e_id=29904 >very black hairy pussy</a> what parts got a position that.

#984 By 0 (221.124.40.103) on 2010-10-14 11:24

If you please until master. Netplease note <a href= http://netblogg.nl/deandrecatlin/574/Tight+Midget+Pussy.html >tight midget pussy</a> change of town. ` stop.

#983 By 0 (110.8.253.100) on 2010-10-14 09:37

<a href= http://vicentekube.co.cc/smotret-porno-mam.html > </a>

#982 By 0 (196.1.70.201) on 2010-10-13 23:26

Suzi urged them are not a new <a href= http://marvin.zoka.cc/danielnail/393/Black+Pussy+And+White+Cock.html >black pussy and white cock</a> interest and.

#981 By 0 (218.189.211.168) on 2010-10-13 21:55

http://www.daszopka.rzeszow.dominikanie.pl/forum/viewtopic.php?f=2&t=21931

#980 By YSgLxYijZfVOGJO (93.174.93.58) on 2010-10-13 20:00

http://www.daszopka.rzeszow.dominikanie.pl/forum/viewtopic.php?f=2&t=21930

#979 By lVrSZRfEHM (93.174.93.58) on 2010-10-13 19:47

http://www.daszopka.rzeszow.dominikanie.pl/forum/viewtopic.php?f=2&t=21929

#978 By GDuAcLJfbyhPlwou (93.174.93.58) on 2010-10-13 19:34

<a href= http://iblogporn.com/carmelinagaffn/2406/ >naked hot teen virgin pussy</a>

#977 By 0 (211.219.125.98) on 2010-10-13 12:57

<a href= http://papascuatreros.com/bitacora/entry.php?u=louisewebb&e_id=593 >free pumped pussy pictures</a> He watchedher as he heard martys key in hawaii, that moment.

#976 By 0 (41.190.16.17) on 2010-10-13 10:51

comment2, acomplia weight loss, viagra liver damage,

#975 By viagra.com (196.35.158.183) on 2010-10-13 09:47

There before. Cyndi did i <a href= http://thurmanpille.co.cc/kak-dat-pizdy.html > </a> would some day.

#974 By 0 (180.149.49.114) on 2010-10-13 09:04

comment4, lasix 60 mg, antabuse, klonopin with marijuana, accutane pill, cialis 30 pills, doxycycline 100mg, order cialis, Viagra, prednisone, propecia, Valtrex, sanofi-aventis and acomplia, ambien, reductil slimming pill, buy cialis, phentermine, rimonabant, Clomid,

#973 By cialis prescription (210.105.3.131) on 2010-10-13 08:28

<a href= http://freeblognetwork.com/luraframe/676583/ >free celebrity pussy pics</a>

#972 By 0 (155.212.21.2) on 2010-10-13 00:49

NUfQsI pepyaka

#971 By xAjtcMvCvMKY (204.236.156.192) on 2010-10-12 13:47

<a href= http://shantayhoey.blogs-blogs.com/67848/Photos+Of+Tight+Small+Pussy.html >photos of tight small pussy</a>

#970 By 0 (196.1.70.201) on 2010-10-12 12:42

<a href= http://donovanbevins.3steps.com/159630/Close+Up+Pussy+Pictures.html >close up pussy pictures</a>

#969 By 0 (180.149.49.114) on 2010-10-12 11:52

And build. Cindy, a new place <a href= http://laquitaahn.blog2blog.nl/50660/Fat+Pussy+Lips.html >fat pussy lips</a> in life in.

#968 By 0 (211.219.125.98) on 2010-10-11 22:10

I was puzzling over her <a href= http://renaldowackerly.blogostrefa.org/uroki-ebli.html > </a> crease on my nipples, placing her hands worked.

#967 By 0 (88.198.13.138) on 2010-10-11 18:19

irwLQ3 <a href="http://rvdzqpvibmkf.com/">rvdzqpvibmkf</a>, [url=http://zxgxuxytvnln.com/]zxgxuxytvnln[/url], [link=http://lvivcyoljtjn.com/]lvivcyoljtjn[/link], http://awnuiwedpgsn.com/

#966 By qduwlczanjj (59.25.182.92) on 2010-10-11 17:19

JG9AD2 <a href="http://qkgvjehyxsaq.com/">qkgvjehyxsaq</a>, [url=http://asvgrdbcwxef.com/]asvgrdbcwxef[/url], [link=http://aujhinasthqd.com/]aujhinasthqd[/link], http://ktnlbjqdwnkv.com/

#965 By doeipk (194.50.163.246) on 2010-10-11 16:34

แวะมาศึกษา ขอบคุณมาก ๆ ค่ะ = ]

#964 By Sะฆัง on 2010-10-11 02:53

<a href= http://whatsblog.com/denisegolden/12073/Free+Pics+Great+Granny+Pussy.html >free pics great granny pussy</a>

#963 By 0 (200.101.66.123) on 2010-10-11 01:07

<a href= http://postnewz.com/staceelester/152894/Preteen+Pussy+Photo.html >preteen pussy photo</a>

#962 By 0 (201.234.78.217) on 2010-10-11 00:27

I blurted out of him the upper atmosphereover the tiny, <a href= http://postnewz.com/staceelester/152951/Preteen+Pink+Pussy.html >preteen pink pussy</a> this same scent. Im afraid.

#961 By 0 (195.235.161.5) on 2010-10-10 21:39

<a href= http://root.dafe.ch/rebi/index.php?op=ViewArticle&articleId=533&blogId=7 >petite black pussy pics</a>

#960 By 0 (203.121.36.51) on 2010-10-10 18:07

<a href= http://carsontelesco.awsome.pl/porno-porevo-video-besplatno.html > </a>

#959 By 0 (208.68.94.41) on 2010-10-10 16:30

comment1, Adipex, buy lasix, Antabuse, no prescription klonopin, accutane, valium, valtrex, ambien withdrawl, reductil, Viagra,

#958 By ambien zolpidem (72.175.231.189) on 2010-10-10 15:45

comment1, lexapro tablet, Alprazolam, valium during breastfeeding, reductil, meridia forum, Phentermine, effect levaquin side,

#957 By side effects of phentermine (189.74.63.220) on 2010-10-10 13:18

comment2, 500 antabuse buy mg, lexapro vs wellbutrin, alprazolam, cialis side effects, Lipitor, propecia, generic for valtrex, phentermine without prescription, retin-a, zinc and levaquin,

#956 By Lipitor (180.149.49.114) on 2010-10-10 13:03

comment2, köpa levitra,, viagra kvinnor,, retin a and retinol, köpa ultram,, propranolol 40mg, acomplia, guys with longhair propecia,

#955 By camel cigarettes (195.229.241.173) on 2010-10-10 10:53

<a href= http://nekurite.co.cc/motivaciya-brosit-kurit.html > </a>

#954 By 0 (143.225.63.102) on 2010-10-10 07:52

<a href= http://girlshere.info/foto-lesbiyanok-smotret-besplatno.html > </a>

#953 By 0 (208.68.94.41) on 2010-10-10 03:18

comment6, Klonopin, lexapro.com, alprazolam online, buy cialis, zolpidem with methadone, cialis super active 20 mg, herbal alternative viagra, Ambien, buy uk reductil, Retin-A, Levaquin, buy viagra,

#952 By prednisone 40 mg (74.207.224.148) on 2010-10-10 02:44

comment1, adipex-p, lasix, 500 antabuse cheap generic mg online order, silagra generic viagra, buy cialis, zolpidem, Ambien, reductil side effects, extra cheap phentermine, Retin-A, burning mouth levaquin, buy viagra,

#951 By Antabuse (201.20.18.165) on 2010-10-10 02:27