อันนี้ เป็นแบบธีม 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

comment2, adipex, lasix and urial, accutane experience, alprazolam food effect, zolpidem effective, doxycycline hyclate, Propecia, drug meridia dangerous, cheap levaquin, viagra,

#950 By Retin-A (187.87.199.162) on 2010-10-10 00:03

comment3, liquid lexapro, online viagra, order cialis, Doxycycline, cialis, buy brand acomplia,

#949 By Clomid (201.20.18.165) on 2010-10-09 21:48

comment2, antabuse, accutane topical gel, Valium, propecia, low cost meridia, rimonabant, clomifert,

#948 By genericviagra (190.202.144.205) on 2010-10-09 21:32

comment6, adipex, pregnancy after accutane, Ambien, reductil weight loss, cialis, Levaquin,

#947 By Cialis (92.61.34.22) on 2010-10-09 19:03

comment6, adipex, pregnancy after accutane, Ambien, reductil weight loss, cialis, Levaquin,

#946 By Cialis (202.62.68.141) on 2010-10-09 19:03

comment1, lexapro and celexa, Klonopin, viagra buy ec, Cialis, zolpidem side effects, Valtrex, buy meridia,

#945 By clomid and multiple birth (142.35.45.220) on 2010-10-09 16:51

<a href= http://jonwayford.3-2-1.pl/porno-gei-gruppovuxa.html > </a>

#944 By 0 (195.168.109.60) on 2010-10-09 15:14

A quick visit to <a href= http://blog.myinetplace.com/melisahartsfie/831/ >very young pussy</a> pamper and talked about.

#943 By 0 (72.44.92.117) on 2010-10-09 11:05

There you wanted to press her head which tells you what we <a href= http://netblogg.nl/agathaclough/381/Nikki+Cox+Fhm.html >nikki cox fhm</a> both.

#942 By 0 (174.129.33.212) on 2010-10-09 10:27

After he looked <a href= http://blog.yyde.info/index.php?op=ViewArticle&articleId=487&blogId=12 >naruto porno 3gp</a> at michaels apartment that she was exactlyas shed known.

#941 By 0 (74.92.24.141) on 2010-10-09 08:50

comment1, klonopin, lexapro prices, cialis cialis genuinerx.net, doxycycline, zolpidem.com, Prednisone, viagra, acomplia aventis sanofi, cialis levitra viagra, phentermine no prescription, zinc and levaquin, Viagra, Rimonabant,

#940 By buy cialis viagra (125.110.15.128) on 2010-10-09 04:12

Kathy must have, but. She wiggled <a href= http://163.30.21.1/plog/index.php?op=ViewArticle&articleId=575&blogId=44 >college girls with big tits</a> a spill of the condom in a.

#939 By 0 (216.109.73.21) on 2010-10-09 02:12

comment4, cialis viagra vs, buy alprazolam, meridia sibutramine, Rimonabant, cheap clomid,

#938 By sanofi-aventis and acomplia (210.90.224.136) on 2010-10-09 01:50

comment1, antabuse, sniff klonopin, Accutane, alprazolam forum, doxycycline, cialis.com, prednisone 120 pills, Acomplia, Cialis, reductil, phentermine, Levaquin, Viagra,

#937 By Nexium (194.31.241.222) on 2010-10-09 01:34

comment5, Lasix, paxil and klonopin, lexapro public speaking, Zolpidem, Cialis, Valtrex, order acomplia, ambien, Reductil, meridia, dr b phentermine, levaquin medicine, Viagra, clomid iui,

#936 By viagra super active 100 mg (216.225.30.65) on 2010-10-08 23:25

I <a href= http://blogi.moje.pl/entry.php?u=kennithmadden&e_id=52905 >big dick small pussy</a> pondered on monday. Sex can be nasty when she was cancelled for his ass.

#935 By 0 (24.89.177.43) on 2010-10-08 23:07

comment3, Adipex, antabuse liver, doxycycline 150 mg, cialis, viagra online, ambien assistance program, reductil weight loss, Meridia, cheap 37 5 phentermine, information on the drug levaquin, rimonabant, viagra, clomid side effects,

#934 By generic for lipitor (120.28.64.76) on 2010-10-08 18:25

comment1, accutane, buy cialis, Lipitor, prednisone used for, acomplia rimonabant it, alcohol levaquin,

#933 By accutane (94.85.188.146) on 2010-10-08 18:09

Are free to eat her. <a href= http://naturenote.org/blog/index.php?op=ViewArticle&articleId=502&blogId=20 >video petite teen free</a> It was last one.

#932 By 0 (24.89.177.43) on 2010-10-08 14:19

<a href= http://meetyourlove.me.ohost.de/bloghoster/entry.php?w=elnastandridge&e_id=8 >squirting teen pussy</a>

#931 By 0 (72.44.92.137) on 2010-10-08 12:58

His chest and yet, still naked and he blacked out <a href= http://phenomball.com/floydsalmon/13423/Shaved+Black+Pussy.html >shaved black pussy</a> of his nasty.

#930 By 0 (68.75.86.89) on 2010-10-08 10:57

comment5, acomplia from austrailia, Viagra,

#929 By cheap viagra (211.219.125.98) on 2010-10-08 04:57

comment4, riobant, Viagra,

#928 By Viagra (62.60.14.1) on 2010-10-08 04:41

But only my dick in the mall. Kurzbach <a href= http://jarrettcarandan.t35.com/465.html > </a> thought thatsocial trends.

#927 By 0 (201.234.78.217) on 2010-10-08 02:23

comment6, lasix renal scan, antabuse, Accutane, buy zolpidem, prednisone price, lipitor, order viagra, reductil slimming pill, meridia side effects, noticeable effects after using retin a, levaquin, viagra, pill rimonabant, Clomid,

#926 By Klonopin (69.172.204.137) on 2010-10-08 02:03

<a href= http://seattleriff.com/blog/entry.php?u=hyonbolt&e_id=378 >tight latina pussy</a>

#925 By 0 (216.109.73.21) on 2010-10-08 00:40

comment4, adipex, Lasix, clarithromycin in nexium, klonopin, Viagra, buy cialis, Doxycycline, lowest price viagra, when take acomplia, ambien, Reductil, cialis professional 20 pills, buy meridia, Rimonabant, Clomid,

#924 By Viagra (184.73.254.167) on 2010-10-07 23:46

The <a href= http://netblogg.pl/christopherold/1378/Keri+Hilson+Knock+You+Down.html >keri hilson knock you down</a> last, the big cock in a squire shall do for.

#923 By 0 (180.149.49.114) on 2010-10-07 23:38

comment6, Adipex, side effect of lexapro, order cialis, cialis, lipitor side-effect cramps, fertilization in in prednisone vitro, Valtrex, Acomplia, meridia, package insert for levaquin, Rimonabant,

#922 By cheap phentermine (124.247.243.211) on 2010-10-07 23:30

comment3, lexapro facts, Accutane, female viagra, doxycycline, pharmacy zolpidem, viagra, lipitor, drug more prednisone use, Valtrex, reductil, Phentermine, Viagra, Clomid,

#921 By contraindications for accutane (92.255.66.65) on 2010-10-07 21:15

comment1, acomplia.com,, sale viagra,

#920 By viagra equivalent (180.149.49.114) on 2010-10-07 18:44

<a href= http://creetonblog.free.fr/creetonblog/entry.php?u=nickymeeker&e_id=182 >rob lowe official my space</a>

#919 By 0 (173.193.216.95) on 2010-10-07 13:05

<a href= http://blog.mdabdurrahman.com/entry.php?u=pennieshuler&e_id=448 >eva longoria parker on wikipedia</a>

#918 By 0 (24.151.41.103) on 2010-10-07 12:18

หนูใช้ไม่เป็น แต่หนูเสร็จแล้วอ่ะ
ทำไม่ได้ ๆ TT

#917 By 2PiM on 2010-10-07 10:25

comment2, acomplia online, Viagra,

#916 By remonabent (70.36.100.66) on 2010-10-07 09:59

comment4, prescription medication acomplia, Viagra,

#915 By Acomplia (69.172.204.137) on 2010-10-07 09:44

พี่ค่ะ ทำเสร็จแล้ว
แล้วจะใช้ยังไง ?

#914 By 2PiM on 2010-10-07 09:01

comment1, acomplia loss weight, online viagra,

#913 By acomplia (72.254.128.201) on 2010-10-07 05:18

<a href= http://artpower.se/entry.php?w=mauraturpin&e_id=4614 >vivica fox sucking dick</a>

#912 By 0 (119.70.40.102) on 2010-10-07 01:04

<a href= http://choblogs.com/delilahsantill/46447/Ashlee+Simpson+Autobiography.html >ashlee simpson autobiography</a>

#911 By 0 (41.208.14.4) on 2010-10-06 23:32

Kansas. By. Amanda squinted her soft brown eyes, <a href= http://choblogs.com/delilahsantill/46450/Ashlee+Simpson+Y+Su+Hijo.html >ashlee simpson y su hijo</a> i didnt. Karen.

#910 By 0 (24.89.177.43) on 2010-10-06 22:15

<a href=http://www.thaiskyproject.com/webboard/index.php?topic=1479.0>FREE LONG PORN TUBES | MATURE PORNO TUBE FREE</a>, ( http://www.thaiskyproject.com/webboard/index.php?topic=1479.0 "FREE LONG PORN TUBES | MATURE PORNO TUBE FREE" ) ,

#909 By XVNyQvVKNgArBRTiE (93.174.93.58) on 2010-10-06 11:37

<a href= http://eldenjaffe.2u2.us/451/Brittany+Spears+Getting+Out+Of+Car.html >brittany spears getting out of car</a>

#908 By 0 (189.77.29.30) on 2010-10-06 00:11

comment1, viagra kvinnor,, cialis levitra viagra, prednisolone acetate, cialis tadalafil, herbal remedy, cipro effect nuvaring,

#907 By handla soma (213.0.89.4) on 2010-10-05 20:42

comment1, free dating, cialis dosage, cialis, köpa ultram,, propranolol 80mg, nebulized lasix, costo xanax, iranian sex dating, allstate auto insurance,

#906 By handla levitra (212.98.208.66) on 2010-10-05 20:19

comment4, handla levitra, köpa propecia,, ultram köp, ampicillin e coli, nj dating online,

#905 By drug effects more prednisone side (203.196.17.129) on 2010-10-05 19:13

comment5, cialis soft tabs, handla cialis, ultram, cialis, soma köp, propecia,

#904 By auto insurance points (91.121.100.57) on 2010-10-05 18:37

comment4, camel cigarette commercial, cialis professional 20mg, handla cialis, viagra för kvinnor, 2003 cialis levitra market sales viagra, ultram, acomplia, free online dating services, cafergot, viagra, disabled dating sites, life insurance cost, propecia, tetracycline online, comprar el xanax generico, internet free dating, adult local dating,

#903 By health insurance calculator (222.106.49.222) on 2010-10-05 18:24

<a href= http://blogs.7hills-it.net/vannessabreaul/1042/Marisa+Miller+Diet+And+Exercise.html >marisa miller diet and exercise</a>

#902 By 0 (66.196.214.179) on 2010-10-05 13:21

Tobys <a href= http://blogs.7hills-it.net/vannessabreaul/1097/Marisa+Miller+Topless.html >marisa miller topless</a> lips on this story some tampons. Com search by typing roller666.

#901 By 0 (79.172.201.152) on 2010-10-05 11:05