Comments on: How to slice and style a wordpress theme http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/ Just another WordPress weblog Thu, 24 Jun 2010 17:19:18 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: wp-popular.com » Blog Archive » How to slice and style a wordpress theme | CubeReflect http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-6/#comment-88 wp-popular.com » Blog Archive » How to slice and style a wordpress theme | CubeReflect Fri, 19 Feb 2010 03:16:34 +0000 http://www.cubereflect.com/?p=98#comment-88 [...] here: How to slice and style a wordpress theme | CubeReflect Tags: [...] [...] here: How to slice and style a wordpress theme | CubeReflect Tags: [...]

]]> By: Mena http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-5/#comment-81 Mena Mon, 15 Feb 2010 11:05:35 +0000 http://www.cubereflect.com/?p=98#comment-81 Okay, i'm checking css tutorial now. Okay, i’m checking css tutorial now.

]]> By: Sebastian http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-5/#comment-80 Sebastian Mon, 15 Feb 2010 10:20:43 +0000 http://www.cubereflect.com/?p=98#comment-80 Like I said, the divs are marked with IDs and class, for example: the Header ID contains the header.jpg image, the Content Post ID contains the post-bkg.jpg image and so on... It's like a puzzle, starting from the top to bottom. Like I said, the divs are marked with IDs and class, for example: the Header ID contains the header.jpg image, the Content Post ID contains the post-bkg.jpg image and so on… It’s like a puzzle, starting from the top to bottom.

]]> By: Mena http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-5/#comment-79 Mena Mon, 15 Feb 2010 09:02:28 +0000 http://www.cubereflect.com/?p=98#comment-79 Okay.one more thing how do i know where this div should be, while setting it's CSS. or it's padding.. Okay.one more thing how do i know where this div should be, while setting it’s CSS. or it’s padding..

]]> By: Sebastian http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-5/#comment-77 Sebastian Sun, 14 Feb 2010 19:13:15 +0000 http://www.cubereflect.com/?p=98#comment-77 First - Do this tutorial one step at a time, meaning, when slicing the design from Step 1 till Step 6 export them and after that you can delete the slices in photoshop or you can leave them but when making new slices to the thumbnail, continue reading, social icons... etc, make sure you only select them when exporting by holding the Shift key and at the pop-up window after you clicked save appears at the bottom choose from the Slices drop-down menu Selected Slices. Remember to hide the other layers for the above mentioned till you have a transparent background, then you can save the slices as PNG-24. Second - If you downloaded the Basic Theme from Step 10, notice that i applied the CSS style to the div IDs and classes. You must have some knowledge about HTML code and CSS. There are tons of html and css tutorials on the internet. First – Do this tutorial one step at a time, meaning, when slicing the design from Step 1 till Step 6 export them and after that you can delete the slices in photoshop or you can leave them but when making new slices to the thumbnail, continue reading, social icons… etc, make sure you only select them when exporting by holding the Shift key and at the pop-up window after you clicked save appears at the bottom choose from the Slices drop-down menu Selected Slices. Remember to hide the other layers for the above mentioned till you have a transparent background, then you can save the slices as PNG-24.

Second – If you downloaded the Basic Theme from Step 10, notice that i applied the CSS style to the div IDs and classes. You must have some knowledge about HTML code and CSS. There are tons of html and css tutorials on the internet.

]]> By: Mena http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-4/#comment-76 Mena Sun, 14 Feb 2010 13:19:08 +0000 http://www.cubereflect.com/?p=98#comment-76 after this alone slices how will i merge the alone slices in the design how can i know where it's place when applying the styel.css This is page folder with images http://one4v.com/ar/wp-content/uploads/2010/02/artisit.zip Note: do i have to save an hmtl file, and when ? after this alone slices how will i merge the alone slices in the design how can i know where it’s place when applying the styel.css

This is page folder with images
http://one4v.com/ar/wp-content/uploads/2010/02/artisit.zip

Note: do i have to save an hmtl file, and when ?

]]> By: Mena http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-4/#comment-75 Mena Sun, 14 Feb 2010 13:18:48 +0000 http://www.cubereflect.com/?p=98#comment-75 About Me http://one4v.com/ar/wp-content/uploads/2010/02/about-me.png I did saved the social links slices alone http://one4v.com/ar/wp-content/uploads/2010/02/about-me.png Contact Me I did saved social icons alone http://one4v.com/ar/wp-content/uploads/2010/02/contactme.png About Me
http://one4v.com/ar/wp-content/uploads/2010/02/about-me.png
I did saved the social links slices alone
http://one4v.com/ar/wp-content/uploads/2010/02/about-me.png
Contact Me
I did saved social icons alone
http://one4v.com/ar/wp-content/uploads/2010/02/contactme.png

]]> By: Mena http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-4/#comment-74 Mena Sun, 14 Feb 2010 13:18:13 +0000 http://www.cubereflect.com/?p=98#comment-74 i, sorry it's late but here is a snapshot of my slices Post I did saved the continue reading slice alone ( but this is it's slice) http://one4v.com/ar/wp-content/uploads/2010/02/post.png i, sorry it’s late
but here is a snapshot of my slices
Post
I did saved the continue reading slice alone ( but this is it’s slice)
http://one4v.com/ar/wp-content/uploads/2010/02/post.png

]]> By: Sebastian http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-4/#comment-73 Sebastian Sat, 13 Feb 2010 21:48:15 +0000 http://www.cubereflect.com/?p=98#comment-73 Hello Mark. You can download the complete theme from this post. Just click on the Download Source button. Extract it in your theme directory and you're set to go. Hello Mark. You can download the complete theme from this post. Just click on the Download Source button. Extract it in your theme directory and you’re set to go.

]]> By: Mark http://www.cubereflect.com/coding-tutorials/how-to-slice-and-style-a-wordpress-theme/comment-page-3/#comment-72 Mark Sat, 13 Feb 2010 20:15:32 +0000 http://www.cubereflect.com/?p=98#comment-72 Can you send me an e-mail with the Wordpress theme of this theme? So not the PSD but the theme itself so I can use it, its verry nice but i am not good in slicing. I will leave a link to your site in the footer :) Hope you will send me the theme :) Tnx in adance! Can you send me an e-mail with the Wordpress theme of this theme? So not the PSD but the theme itself so I can use it, its verry nice but i am not good in slicing.

I will leave a link to your site in the footer :) Hope you will send me the theme :)

Tnx in adance!

]]>