ต่อไป »

[nozero]

แบนเนอร์ ซ้ายสุด น่าจะให้ห่างจากขอบ ด้านหน้า ดูเหมือนจะทับกัน ครับ รวมๆๆตกแต่งอีกนิดก็สวยแล้วครับ 

[eternubis]

แบนเนอร์ด้านซ้ายมันหายไปในจอน่ะครับ

[nozero]

แบนเนอร์ด้านซ้ายมันหายไปในจอน่ะครับ

มันติดจอไป อ่านไม่รุ้เรื่องอะ ครับ ขยับมาตรงกลางอีกนิดน่าจะดูดีครับ

[taratorn]

แฟนเพจ like 11k 


ปั้มด้วยวิธีใดอะครับ ?

[atikanzaa]

แบนเนอร์ด้านซ้าย มันเป็นรูป แบคกราวนั้นแหละ

พอดีมันจะสมดุลกับขนาดของหน้าจอ

1600x900 ครับ ถ้าน้อยกว่านี้ แบนเนอนี้จะกลืนไปข้างๆ

ผมไม่รู้ว่าจะมีพวกสคริปแบบนี้ใหม

ถ้าขนาดจอเท่านี้ ให้ใช้ BG นี้
ถ้าขนาดจอเท้านั้น ให้ใช้ BG นั้น

นี้ถ้าดูจากจอผม สวยงามครับ

[BrainFreeze]

เห็น avartar จขกท ทีไรดูเพลินทุกที

[atikanzaa]

เห็น avartar จขกท ทีไรดูเพลินทุกที

เปลี่ยนจาก avatar มาดูที่ ลายเซ็นผมดีกว่า


 

[nozero]

ผมเห็นแบบบนี้คับ

[atikanzaa]

จากข้างบน นั้นแหละครับ

มันอยู่ที่ขนาดจอ

ถ้าขนาด  1024x768 จะมองไม่เห็นป้าย เลยโดนกลืนไปข้างๆหมด
ถ้าขนาด  1280x800 จะมองเห็นตามข้างๆบน
ถ้าขนาด 1600x900 จะมองเห็นแบบปรกติคือตามของผมเลย

เลยไม่รู้ว่า จะมีสคริปไหนบ้างไหม
ถ้าจอขนาดนี้ จะโชว์แบคกราวแบบนี้
ถ้าจอขนาดนั้น จะโชว์แบคกราวแบบนั้น

[kangtung]

มันยังดูเป็นแนว Blog ธรรมดาครับ หาพวก Magazine Theme หรือพวก News Theme มาใช้
แบ่งกลุ่มข่าวออกเป็นหมวดหมู่
ตัวอย่างดีๆ ลงอดูนี่ครับ http://www.bangkokpost.com

ตัวนี้เอามา โมหน่อยผมว่าใช้ได้นะ http://demo.wpzoom.com/?theme=zenko
ตัวนี้ก็น่าใช้ http://www.solostream.com/demo/wp-clear.html

[atikanzaa]

มันยังดูเป็นแนว Blog ธรรมดาครับ หาพวก Magazine Theme หรือพวก News Theme มาใช้
แบ่งกลุ่มข่าวออกเป็นหมวดหมู่
ตัวอย่างดีๆ ลงอดูนี่ครับ http://www.bangkokpost.com

ตัวนี้เอามา โมหน่อยผมว่าใช้ได้นะ http://demo.wpzoom.com/?theme=zenko
ตัวนี้ก็น่าใช้ http://www.solostream.com/demo/wp-clear.html

ครับผม ชอบคุณครับที่แนะนำธีมดีๆ ให้

เด๋วลองเอามาทดลองดูก่อนหละกัครับ

[SpiderManKing]

- ไฟล์ http://iseros.com/wp-content/themes/Lexy/style.css กับ http://iseros.com/wp-content/t...emes/Lexy/lib/css/defaults.css ไม่ได้อยู่ในรูปแบบที่บีบอัด
-  somrakn%20_3-300x300.jpg ลิงค์ขาด
- ภาพพวกนี้เป็นภาพที่ปรับขนาด

http://sphotos-a.xx.fbcdn.net/...41516562653694_406073279_n.jpg
http://iseros.com/wp-content/u...bjaagfgdfhhabbfe97-300x156.jpg
http://iseros.com/wp-content/u...38194101343820771l-300x230.jpg
http://iseros.com/wp-content/u.../2012/08/young-bao-300x201.jpg
http://iseros.com/wp-content/u...38006811343800769l-300x225.jpg
http://iseros.com/wp-content/u...fkgjfiag69diaf6akh-300x156.jpg
http://iseros.com/wp-content/uploads/2012/08/44525_002.jpg
http://iseros.com/wp-content/u...i796ecb6j7f76ajh8g-300x156.jpg
http://iseros.com/wp-content/u...ads/2012/08/wawa03-300x163.jpg
http://iseros.com/wp-content/u...37982551343799507l-300x168.jpg

- ภาพพวกนี้ไม่ได้กำหนดความกว้างและความสูง

http://beefjack.com/files/2012/04/PES-2013-Wallpaper.jpg
http://iseros.com/wp-content/themes/Lexy/images/logo.png
http://iseros.com/wp-content/t...ages/social-profiles/email.png
http://iseros.com/wp-content/t...s/social-profiles/facebook.png
http://iseros.com/wp-content/t...images/social-profiles/rss.png
http://profile.ak.fbcdn.net/hp...0002306558159_1668546246_q.jpg
http://profile.ak.fbcdn.net/hp...00002303278980_376459722_q.jpg
http://profile.ak.fbcdn.net/hp...00001241778719_824303208_q.jpg
http://profile.ak.fbcdn.net/hp...00001250005925_937343805_q.jpg
http://profile.ak.fbcdn.net/hp...00002673662168_629327134_q.jpg
http://profile.ak.fbcdn.net/hp...00002462714729_648478177_q.jpg
http://profile.ak.fbcdn.net/hp...00000959888946_714065001_q.jpg
http://profile.ak.fbcdn.net/hp...0003243103333_1326794927_q.jpg
http://profile.ak.fbcdn.net/hp...86_1674249720_1593493646_q.jpg
http://profile.ak.fbcdn.net/hp...0001265092414_2089243896_q.jpg
http://profile.ak.fbcdn.net/hp...00002606441928_118345047_q.jpg )
http://profile.ak.fbcdn.net/st...rc.php/v2/yg/r/LjGkeBM0ISt.png
http://profile.ak.fbcdn.net/st...rc.php/v2/yo/r/UlIqmHJn-SK.gif
http://static.ak.fbcdn.net/rsrc.php/v2/y4/r/-PAXP-deijE.gif
http://student.nu.ac.th/533535...112ea6f71addecTG4EBjPytBLU.jpg
http://www.efastclick.com/imag...allpapers-acmilan-brazil-4.jpg
http://www.facebook.com/images/spacer.gif
http://www.showwallpaper.com/wallpaper/1206/062290.jpg


-ภาพที่มีขนาดน้อยกว่า 100x 100 ควรรวมกันเป็นภาพเดียว แล้วแสดงผลโดยใ้ช้เทคนิค CSS sprites

http://iseros.com/wp-content/themes/Lexy/images/date.png
http://iseros.com/wp-content/themes/Lexy/images/favicon.png
http://iseros.com/wp-content/t.../Lexy/images/featured-next.png
http://iseros.com/wp-content/t...Lexy/images/featured-pager.png
http://iseros.com/wp-content/t.../Lexy/images/featured-prev.png
http://iseros.com/wp-content/t...exy/images/menu-primary-bg.png
http://iseros.com/wp-content/t...es/Lexy/images/readmore-bg.png
http://iseros.com/wp-content/themes/Lexy/images/search.png
http://iseros.com/wp-content/t...ages/social-profiles/email.png
http://iseros.com/wp-content/t...s/social-profiles/facebook.png
http://iseros.com/wp-content/t...images/social-profiles/rss.png
http://iseros.com/wp-content/t...es/Lexy/images/widget-list.png
http://iseros.com/wp-content/t...Lexy/images/widgettitle-bg.png


- ไม่มี   Expires headers
http://iseros.com/wp-content/themes/Lexy/lib/css/reset.css
http://iseros.com/wp-content/t...emes/Lexy/lib/css/defaults.css
http://iseros.com/wp-content/themes/Lexy/style.css
http://connect.facebook.net/en_US/all.js#xfbml=1
http://iseros.com/wp-includes/js/jquery/jquery.js?ver=1.7.1
http://iseros.com/wp-content/t.../lib/js/superfish.js?ver=3.3.2
http://iseros.com/wp-content/t...ts/scripts/jquery.cycle.all.js
http://iseros.com/wp-includes/js/hoverIntent.js?ver=20090102
http://iseros.com/wp-content/t...mes/Lexy/images/background.jpg
http://iseros.com/wp-content/themes/Lexy/images/search.png
http://iseros.com/wp-content/t...exy/images/menu-primary-bg.png
http://iseros.com/wp-content/t.../Lexy/images/featured-next.png
http://iseros.com/wp-content/t.../Lexy/images/featured-prev.png
http://iseros.com/wp-content/t...Lexy/images/featured-pager.png
http://iseros.com/wp-content/themes/Lexy/images/date.png
http://iseros.com/wp-content/themes/Lexy/images/category.png
http://iseros.com/wp-content/t...es/Lexy/images/readmore-bg.png
http://iseros.com/wp-content/t...Lexy/images/widgettitle-bg.png
http://iseros.com/wp-content/t...es/Lexy/images/widget-list.png
http://iseros.com/wp-content/themes/Lexy/images/logo.png
http://www.efastclick.com/imag...allpapers-acmilan-brazil-4.jpg
http://www.showwallpaper.com/wallpaper/1206/062290.jpg
http://student.nu.ac.th/533535...112ea6f71addecTG4EBjPytBLU.jpg
http://iseros.com/wp-content/uploads/2012/08/44525_002.jpg
http://iseros.com/wp-content/u.../2012/08/young-bao-300x201.jpg
http://iseros.com/wp-content/u...37982551343799507l-300x168.jpg
http://iseros.com/wp-content/u...38006811343800769l-300x225.jpg
http://iseros.com/wp-content/u...ads/2012/08/wawa03-300x163.jpg
http://iseros.com/wp-content/u...38194101343820771l-300x230.jpg
http://iseros.com/wp-content/u...i796ecb6j7f76ajh8g-300x156.jpg
http://iseros.com/wp-content/u...bjaagfgdfhhabbfe97-300x156.jpg
http://iseros.com/wp-content/u...fkgjfiag69diaf6akh-300x156.jpg
http://iseros.com/wp-content/u...12/08/somrakn%20_3-300x300.jpg
http://iseros.com/wp-content/t...s/social-profiles/facebook.png
http://iseros.com/wp-content/t...images/social-profiles/rss.png
http://iseros.com/wp-content/t...ages/social-profiles/email.png
http://iseros.com/wp-content/themes/Lexy/images/favicon.png


- id กับ class พวกนี้ไม่ถูกใช้ในหน้าแรกของ http://iseros.com/

#container:after, #header:after, #main:after, #main-fullwidth:after, #footer:after, .clearfix:after
.clear
.menus ul
.menus ul li
.sf-shadow ul
.menus .sf-shadow ul.sf-shadow-off
.aligncenter, div.aligncenter
.wp-caption
.wp-caption img
.wp-caption p.wp-caption-text
.gallery-caption
.sticky
.post img.alignright
.post img.aligncenter
#wp-calendar
#wp-calendar caption
#wp-calendar th
#wp-calendar td
.error
.message

- มีการเขียน css ใน <head> ไม่ใช้ external css
  นำ key นี้ไปค้นหา why external css and javascript is good

- มี http reqeust เยอะ
  15 external Javascript  
  11 external stylesheets
  34 external background images
  นำ key นี้ไปค้นหาคำตอบ  Minimize HTTP Requests

- ให้เรียกใช้ css ก่อน javascript
- css ไม่ค่อยมีการเขียนแบบ shorthand ลองไปที่ http://cssdog.com/css_shortcuts.html
- มี inline javascript

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


เกี่ยวกับ web performance ลองไปอ่านนี้ดู

http://developer.yahoo.com/performance/rules.html/

[england9]

อ่านดูแล้ว สบาย ๆ ตาครับ ชอบแบบนี้แหละครับ พัฒนาอีกหน่อย แหล่มแน่ ๆ

 

[alphaaun]

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

[atikanzaa]

พี่ SpiderManKing นี้แหละสุดยอดการแนะนำ

แต่ธีมผมโหลดมา แก้เล็กน้อยผมเองก็แค่ html พื้นฐานอ่ะครับ

ให้ปรับตามที่พี่บอกมา ไม่เป็นเลย 

ขอบคุณครับที่แนะนำ สุดยอดมาก 

[siamseo]

สวยงามครับ 

[NenaDesign]

1 ข่าวงานแต่งจ๋า รูปหายค่ะ
2 ลงนามถวายพระพร ขอบซ้ายกับล่างเห็นไม่ครบค่ะ
3 เปลี่ยน favicon ก็น่าจะดีนะคะ [Plugin: Personal Favicon] 
 

[atikanzaa]

พี่ครับถามหน่อยครับ พอดี WP ผม พออัพรูปหน้าปก แล้วมันจะไปแยกอีก เยอะเลย 3 ไฟล์ คือไฟล์ต้นฉบับ ไฟล์หน้าปกขนาด 300x150 และ ไฟล์ขนาด 200x150 ก็คือง่ายๆ ผมอัพเข้าไป 1 ไฟล์ แล้วมันไปแบ่งอีก มันกินพื้นที่โฮสมากครับ เลยอยากให้มันเลือกอัพให้เป็นอันเดียวไม่ต้องแยกอะครับ ทำไงหรอครับ

[Pink.in.th]

สวยค่ะ ^_^

[ตงฟางปุ๊ป้าย]

โดยรวมแล้ว  สวยดีครับ 
เรียบๆ
แต่ดูแล้ว  เหมือนขาดสีสรรค์อะไรเล็กน้อย บางอย่างครับ
น่าจะมีอะไรที่แบบ วับ แวมๆ  (อันนี้ผมคิดเองครับ)