Drupal Theme from a Photoshop Design in Seconds!

[dgny100]

Photoshop file to drupal 7

[weesengoh]

Drupal 7?

[dogsdiner]

what are the sizes you use for each layer background, left and content ect? and what pixal ratio or does it not matter?

[ORIONPOISON]

WorX... even good :-)



[ORIONPOISON]

WorX

[classicwinters]

awesome work! i'm looking forward to this going to where you it to go and filezilla ROCKS

[harial]

does this work with drupal 7?

[psd2cssonline]

@harial We're working on it! :)

[ajohndough]

@psd2cssonline what's the status on d7? had a few folks asking... is there an eta?

[philipjterry]

Hi Shaun

Do we have to name the layers in a certain way or can we name them what we want?

[psd2cssonline]

@philipjterry Our converter reads what you name your layers according to our Layer Naming Conventions. Check out our Documentation on our website and it'll tell you which names you need!

[SuperBoogerhead]

Interesting. I'd prefer to design my own web site with photoshop from the the ground up. So, what are the important layer tags if you already have a web site in the works with content and want to redign the theme? Underscore text perhaps. And the layers are simply a mask. (I watched the gimp tutorial on PSD to CSS.) Super fun.

If a layer contains _drupal it is imported as a content type? How does it know what type? For navigation menu I would save a layer as navigation_drupal?

[mig10k]

this is only let's say 10% in creating a drupal theme. the power of the theme is in all hooks and functions you provide.

[psd2cssonline]

@mig10k We would totally disagree as we have a number of features associated with making a full Drupal theme with all the hooks that would be needed.

[Jerrykeeeuuuh]

Hi shaun, could you check wether your psd2cssonline tool for drupal themes works with the most recent drupal version? Because, it doesn't seem to work anymore, I can only see my backgrond image. Though, it worked perfectly a couple of months ago (with older drupal version), so I know how to manage it. And recently, I also found some people with exactly the same problem. Please advise.

Jerry

[tommybobing]

@Jerrykeeeuuuh I'm having the same problem.

[psd2cssonline]

@Jerrykeeeuuuh we have not found any issues with the current Drupal Version. What exactly is the issues with uploading the themes. We recently found a lot of issues with people adding features that are not out of the box turned on with Drupal but have yet to see any other issues.

[Jerrykeeeuuuh]

@psd2cssonline I already found the problem :). I do not have a premium account. So the psd2css tool only works for 2 weeks after registration. My mistake, I must have missed that. But it's a bit pitty that, after 2 weeks, you can still use the psd2css tool (it still generates a theme) but it doens't work properly. Maybe it is possible to give a message after those 2 weeks, or disable the tool. Nevertheless, keep up the good work! Great job.

[psd2cssonline]

@Jerrykeeeuuuh ah ha... well it should notify you that you are using a premium feature... looks like you found a small bug that we need to fix =) thanks and good luck!

[rbagsofsuck]

your putting the theme's in an area that is not recommended, in case of updates to drupal. you should place them in sites/all/themes (you will have to make the folder i believe)

[ontariowebsitedesign]

Be interesting to see if this tool can make more advanced themes such as multiple regions etc.

[fenderguitar1975]

but making a theme in drupal is so easy!!!! You can really do it so easily.

[thekillingspoon]

Interesting.

One thing: Themes that are not part of Drupal itself go into sites/all/themes/ (not themes/).

Some themes will partially break being put into the root themes directory. Putting a custom theme in the root themes directory also makes Drupal harder to upgrade.

[julienbeauclercq]

it looks great man

[speedemon1234]

I've got the same problem, I get a blank page with the words, primarylinks, left, and content floating in I guess the right positions. Help!?

[psd2cssonline]

I'm not sure how you would get those words there. Unless you are talking about the module administration page in Drupal - they put the names of the sections there. Have you visited other pages after installing the theme?

[DeltaCanuckianGaming]

I'm struggling to get this to work. It just comes out as blank page with all the text messed up and not spaced out. What could I have done wrong?

[speedemon1234]

I'm going to try this out, if it works like i'd like it to, then I will sing your praises to the world!

[psd2cssonline]

Width of the page... is that different than the width of the PSD design? The width of the page will be dictated directly - pixel for pixel - by the width of the design. Can you explain more? Or if you have other Drupal features that you would like to see added - please let me know about those too! Thanks!

[webdevelopmentuk]

Yep this is useful but what about all those custom features like theme settings that really make a theme. Could you add some of them like width of the page?

[POVYLAZZZ]

I am just renewing my Drupal based site and theme was giving my a headache. I will use your tutorial and then I will fix some stuff using ccs injector. Thanks man.

[XshaolinkidX]

this is AMAZING! lol u just made my life a LOT simpler! but i got a few questions. i noticed in this vid when u had the primary links part IN the PSD itself, it wasn't a "filled" rectangle. it still had the squares to stretch it. is that necessary, or could you make it a field just like the rest?

[psd2cssonline]

I'm not exactly sure what you're asking. Any of the _drupal layers only denote the size and placement of the DIV that ultimately contains the content provided by Drupal. In fact the actual art in a _drupal layer will be _replaced_ with the Drupal content so it doesn't matter what color it is or what it looks like - just what size and position it is. Let me know if that doesn't answer your question -- Shaun

[ryassineuku]

tnx!

[antibs99]

would like this as a plugin

[pan0s]

very very nice...good job - excellent idea

[rossiv62964]

cool! going to test this site.

[EpikSeven]

Dude looks good this just solve my problem. I am pretty good with photoshop. But horroible with dreamweaver lol. Hope too see more from you.