Comments on: Customizing K2: Part 4 http://paulstamatiou.com/customizing-k2-part-4 Tech News, Reviews and Guides Wed, 17 Mar 2010 03:43:27 -0400 http://wordpress.org/?v=abc hourly 1 By: Jaybot7 http://paulstamatiou.com/customizing-k2-part-4#comment-183026 Jaybot7 Mon, 28 Sep 2009 00:00:07 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-183026 Thanks. This is still very useful information :) Amazing what a little css will tweak do sometimes. Thanks. This is still very useful information :)

Amazing what a little css will tweak do sometimes.

]]> By: ERIC岛 » 优化Wordpress-wp终极优化手册 http://paulstamatiou.com/customizing-k2-part-4#comment-171442 ERIC岛 » 优化Wordpress-wp终极优化手册 Mon, 01 Dec 2008 07:38:09 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-171442 [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 接着建立了一个menu_meta： [...] [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 接着建立了一个menu_meta： [...]

]]> By: [转]优化Wordpress–给网站大提速 | Business&Philosophy Comments http://paulstamatiou.com/customizing-k2-part-4#comment-170151 [转]优化Wordpress–给网站大提速 | Business&Philosophy Comments Fri, 07 Nov 2008 13:36:12 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-170151 [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这 里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 来源：http://www.crescentdev.cn/?p=158 Tags: Wordpress [...] [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这 里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 来源：http://www.crescentdev.cn/?p=158 Tags: Wordpress [...]

]]> By: Paul Stamatiou http://paulstamatiou.com/customizing-k2-part-4#comment-161736 Paul Stamatiou Wed, 21 May 2008 05:04:18 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-161736 @Sarah - I'm not sure if it's still on WP.com but you can use my "2813" theme @Sarah – I’m not sure if it’s still on WP.com but you can use my “2813″ theme

]]> By: Sarah (Real Life) http://paulstamatiou.com/customizing-k2-part-4#comment-161734 Sarah (Real Life) Wed, 21 May 2008 03:47:05 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-161734 Hi. I've been designing Blogger Blogs for a while, and I have just started working on wordpress. Is there a way to add a second sidebar to K2 in Wordpress.com hosted blogs where you can only edit the CSS? If not, which standard theme would you recommend as an easily customizable 3 column theme? Hi. I’ve been designing Blogger Blogs for a while, and I have just started working on wordpress. Is there a way to add a second sidebar to K2 in Wordpress.com hosted blogs where you can only edit the CSS?

If not, which standard theme would you recommend as an easily customizable 3 column theme?

]]> By: 优化Wordpress-wp终极优化手册 at 星娱乐快报 http://paulstamatiou.com/customizing-k2-part-4#comment-157923 优化Wordpress-wp终极优化手册 at 星娱乐快报 Sun, 30 Mar 2008 13:08:50 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-157923 [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 接着建立了一个menu_meta： [...] [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 接着建立了一个menu_meta： [...]

]]> By: 5 Ways to Speed Up Your Site « kun’z http://paulstamatiou.com/customizing-k2-part-4#comment-156913 5 Ways to Speed Up Your Site « kun’z Tue, 11 Mar 2008 23:25:35 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-156913 [...] you can reduce the number of HTTP requests with image maps. I discussed that in more depth at the end of this article. If you are using K2, you can get rid on one extra HTTP request by using one stylesheet, style.css, [...] [...] you can reduce the number of HTTP requests with image maps. I discussed that in more depth at the end of this article. If you are using K2, you can get rid on one extra HTTP request by using one stylesheet, style.css, [...]

]]> By: 优化Wordpress–给网站大提速 | Crescent http://paulstamatiou.com/customizing-k2-part-4#comment-155503 优化Wordpress–给网站大提速 | Crescent Sat, 16 Feb 2008 20:27:51 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-155503 [...] 利用Image Map减少meta部分的image读取量：这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. [...] [...] 利用Image Map减少meta部分的image读取量：这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages. [...]

]]> By: Jim Morang http://paulstamatiou.com/customizing-k2-part-4#comment-154710 Jim Morang Sun, 03 Feb 2008 13:27:23 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-154710 Thanks for your advice! I'm now using K2 release 4. Thanks for your advice! I’m now using K2 release 4.

]]> By: Nicole http://paulstamatiou.com/customizing-k2-part-4#comment-152347 Nicole Tue, 01 Jan 2008 01:39:04 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-152347 Thank you so much for the information on mapping the footer. I was able to use it to map my header logo. There might have been an easier way, but this worked for me. Thanks, you are a Godsend! :-) Nicole Thank you so much for the information on mapping the footer. I was able to use it to map my header logo. There might have been an easier way, but this worked for me. Thanks, you are a Godsend! :-)

Nicole

]]> By: 优化Wordpress-wp终极优化手册 at RedFoxC http://paulstamatiou.com/customizing-k2-part-4#comment-143703 优化Wordpress-wp终极优化手册 at RedFoxC Sat, 22 Sep 2007 00:55:42 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-143703 [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 接着建立了一个menu_meta： [...] [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 这里以我siderbar下方的meta图标为例。我使用的Two Columns的模版，因此，除了index.php文件外，还会有一个siderbar.php文件，meta信息都会放在这个文件中。一般我们在 meta部分会添加不少图标，所以我们可以截图后粘贴到photoshop，然后利用Slice Tools对图片进行分割，分割完成可在每个Slice上右击鼠标，读取Slice的属性，记下 下图中的X,Y,W,H坐标值。 接着建立了一个menu_meta： [...]

]]> By: Jimmy http://paulstamatiou.com/customizing-k2-part-4#comment-143498 Jimmy Wed, 19 Sep 2007 16:36:45 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-143498 Hi, I really want to use your image map ideas for the header, but it seems editing the header in such a way is a bit more complicated. Or so it seems to me :) How would I use an image map in the header? Hi,
I really want to use your image map ideas for the header, but it seems editing the header in such a way is a bit more complicated. Or so it seems to me :)

How would I use an image map in the header?

]]> By: Modding K2 at In Theory, there is no Practice. http://paulstamatiou.com/customizing-k2-part-4#comment-130550 Modding K2 at In Theory, there is no Practice. Wed, 01 Aug 2007 13:27:46 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-130550 [...] Three Column K2 Mod for WordPress Customizing K2 @ http://paulstamatiou.com/: Part 1 Part 2 Part 3 Part 4 Part [...] [...] Three Column K2 Mod for WordPress Customizing K2 @ http://paulstamatiou.com/: Part 1 Part 2 Part 3 Part 4 Part [...]

]]> By: noah smith http://paulstamatiou.com/customizing-k2-part-4#comment-121657 noah smith Fri, 06 Apr 2007 19:59:06 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-121657 Hi, I used your helpful toutorial to move the pages to the sidebar, but I can't seem to get the links to appear at any time except when I'm in the categories section. can you help? Hi, I used your helpful toutorial to move the pages to the sidebar, but I can’t seem to get the links to appear at any time except when I’m in the categories section. can you help?

]]> By: 徘徊在玻璃之城 » Wordpress 终极优化手册 http://paulstamatiou.com/customizing-k2-part-4#comment-115491 徘徊在玻璃之城 » Wordpress 终极优化手册 Sat, 10 Mar 2007 23:07:04 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-115491 [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 Post by SUN @ 7:10 am 与时俱进 | [...] [...] 利用Image Map减少meta部分的image读取量： 这个在Paul的网站上有详细的叙述。把一些常用的meta部分的image用一个大的image来代替，并且在css文件中设置为背景。然后利用div的控制实现鼠标的悬停指向。 Post by SUN @ 7:10 am 与时俱进 | [...]

]]> By: Mark http://paulstamatiou.com/customizing-k2-part-4#comment-101633 Mark Fri, 02 Feb 2007 21:43:02 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-101633 I have the sidebar menu setup and working properly. I like the look of having the pages listed in 2 columns, like how yours is currently displaying. How did you make that happen? and what css file should I make changes to? -Thanks! I have the sidebar menu setup and working properly. I like the look of having the pages listed in 2 columns, like how yours is currently displaying. How did you make that happen? and what css file should I make changes to? -Thanks!

]]> By: John Baker http://paulstamatiou.com/customizing-k2-part-4#comment-84602 John Baker Mon, 08 Jan 2007 23:24:34 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-84602 Thanks for this one. I'm not sure what I learned but I'm sure I learned something. I use sidebar widgets for the sidebar so I didn't need the code for the menu. And aesthetically I'm happy with the one sidebar so I didn't need to use the double sidebar option. Image maps, I'm afraid I still don't know what they are or how one or more would benefit me. Something to read up on there. Although generally I'm trying to avoid using any more images on my side as I want to keep it fit and slim and moving fast. Generally, I suppose, I felt that this tutorial moved on a long way, esoterically, from the first three. Suddenly it wasn't for beginners any more and seemed to be speaking to people who already knew a whole lot more than me. Not that it wasn't useful, only that it wasn't perhaps as useful as the first three seemed to be. Still, tomorrow I'll move on to tutorial five. Will I understand it? Thanks for this one. I’m not sure what I learned but I’m sure I learned something. I use sidebar widgets for the sidebar so I didn’t need the code for the menu.
And aesthetically I’m happy with the one sidebar so I didn’t need to use the double sidebar option.
Image maps, I’m afraid I still don’t know what they are or how one or more would benefit me. Something to read up on there. Although generally I’m trying to avoid using any more images on my side as I want to keep it fit and slim and moving fast.
Generally, I suppose, I felt that this tutorial moved on a long way, esoterically, from the first three. Suddenly it wasn’t for beginners any more and seemed to be speaking to people who already knew a whole lot more than me.
Not that it wasn’t useful, only that it wasn’t perhaps as useful as the first three seemed to be.
Still, tomorrow I’ll move on to tutorial five. Will I understand it?

]]> By: CaÅ‚kiem nowy wyglÄ…d… at sebastianpietrzak.com http://paulstamatiou.com/customizing-k2-part-4#comment-22979 CaÅ‚kiem nowy wyglÄ…d… at sebastianpietrzak.com Fri, 15 Sep 2006 11:16:41 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-22979 [...] ( Part 1, 2, 3, 4, 5) Feed for this Entry Trackback Address [...] [...] ( Part 1, 2, 3, 4, 5) Feed for this Entry Trackback Address [...]

]]> By: Customizing K2 - The Complete Guide at Web (log) 2r http://paulstamatiou.com/customizing-k2-part-4#comment-21785 Customizing K2 - The Complete Guide at Web (log) 2r Sun, 10 Sep 2006 12:24:09 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-21785 [...] K2 Customization - Part 1 - Paul Stamatiou.com K2 Customization - Part 2 - Paul Stamatiou.com K2 Customization - Part 3 - Paul Stamatiou.com K2 Customization - Part 4 - Paul Stamatiou.com K2 Customization - Part 5 - Paul Stamatiou.com Share This Post:These icons link to social bookmarking sites where readers can share and discover new web pages. [...] [...] K2 Customization – Part 1 – Paul Stamatiou.com K2 Customization – Part 2 – Paul Stamatiou.com K2 Customization – Part 3 – Paul Stamatiou.com K2 Customization – Part 4 – Paul Stamatiou.com K2 Customization – Part 5 – Paul Stamatiou.com Share This Post:These icons link to social bookmarking sites where readers can share and discover new web pages. [...]

]]> By: Even more theming at inkandessence http://paulstamatiou.com/customizing-k2-part-4#comment-9387 Even more theming at inkandessence Tue, 13 Jun 2006 23:52:05 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-9387 [...] It appears that there are TWO three-column remixes of k2 - the other one, “3k2″, has working widget support, although it has flanking sidebars, which I dislike. Checking it out now…. here is a comparison with the other, Bharath’s 3-column k2, which is slightly slicker and more professional, and I’ve been checking out, but lacks the working widgets. Of course, all this is just CSS - someone wrote up notes on adding a second sidebar to the latest k2 manually, with code examples. Of course, I’d prefer a centrally maintained and undated solution…. [...] [...] It appears that there are TWO three-column remixes of k2 – the other one, “3k2″, has working widget support, although it has flanking sidebars, which I dislike. Checking it out now…. here is a comparison with the other, Bharath’s 3-column k2, which is slightly slicker and more professional, and I’ve been checking out, but lacks the working widgets. Of course, all this is just CSS – someone wrote up notes on adding a second sidebar to the latest k2 manually, with code examples. Of course, I’d prefer a centrally maintained and undated solution…. [...]

]]> By: This one was particularly fun at Open Switch http://paulstamatiou.com/customizing-k2-part-4#comment-5694 This one was particularly fun at Open Switch Wed, 10 May 2006 02:41:25 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-5694 [...] He emailed me a photoshop mockup of exactly how he wanted his beer blog to look. I cut it up a little on my computer, separating the different graphical elements in order to plug them into the theme. I made the title graphic clickable by using an image map technique I learned from Paul Stamatiou’s tutorial. All in all, I think the end result is very nice. The purpose for his blog compliments K2’s abilities very well and I think he will have a lot of fun writing about his passion on his brand new blog. [...] [...] He emailed me a photoshop mockup of exactly how he wanted his beer blog to look. I cut it up a little on my computer, separating the different graphical elements in order to plug them into the theme. I made the title graphic clickable by using an image map technique I learned from Paul Stamatiou’s tutorial. All in all, I think the end result is very nice. The purpose for his blog compliments K2’s abilities very well and I think he will have a lot of fun writing about his passion on his brand new blog. [...]

]]> By: Ben http://paulstamatiou.com/customizing-k2-part-4#comment-5690 Ben Wed, 10 May 2006 02:14:57 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-5690 This tutorial rocks. I used the part about the image map for the first time on a site I recently coded for Chris Gillis on http://bieredetable.com/. He's a graphic designer and made all the graphics, I did all the code to plug in the design to k2. Using an image map for the header title image made things much easier. This tutorial rocks. I used the part about the image map for the first time on a site I recently coded for Chris Gillis on http://bieredetable.com/.

He’s a graphic designer and made all the graphics, I did all the code to plug in the design to k2. Using an image map for the header title image made things much easier.

]]> By: BlogoSquare » Blog Archive » A question of theme http://paulstamatiou.com/customizing-k2-part-4#comment-5166 BlogoSquare » Blog Archive » A question of theme Thu, 27 Apr 2006 12:51:44 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-5166 [...] for K2 : k2 mod part 1 k2 mod part 2 k2 mod part 3 k2 mod part 4 k2 mod part 5 [...] [...] for K2 : k2 mod part 1 k2 mod part 2 k2 mod part 3 k2 mod part 4 k2 mod part 5 [...]

]]> By: Armando http://paulstamatiou.com/customizing-k2-part-4#comment-5009 Armando Mon, 24 Apr 2006 19:06:54 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-5009 Awesome tutorial, thanks for the service. Awesome tutorial, thanks for the service.

]]> By: blogHelper » More K2 Customizing http://paulstamatiou.com/customizing-k2-part-4#comment-4910 blogHelper » More K2 Customizing Sun, 23 Apr 2006 08:02:45 +0000 http://www.paulstamatiou.com/2006/04/16/customizing-k2-part-4/#comment-4910 [...] Part 4 talks about K2 sidebars, 3-column layouts and image maps, while Part 5 concerns load time optimization. Although Part 4 is very much crafted for K2 themes alone, but you could actually use the advice given in Part 5 for other blog themes as well. In fact, I’ve used a couple of his optimization tips on some of my blogs as well, e.g. CSS compression through CSS Tweak and turning off advanced functions that require extensive Javascript. [...] [...] Part 4 talks about K2 sidebars, 3-column layouts and image maps, while Part 5 concerns load time optimization. Although Part 4 is very much crafted for K2 themes alone, but you could actually use the advice given in Part 5 for other blog themes as well. In fact, I’ve used a couple of his optimization tips on some of my blogs as well, e.g. CSS compression through CSS Tweak and turning off advanced functions that require extensive Javascript. [...]

]]>