psd2cssonline.com – This tutorial shows you how to make a custom Drupal Theme from your Photoshop or GIMP design in seconds. Here we show you how to make custom regions (besides just left column, content, right column, etc.) so that you can make any and as many regions as you want. NOTE!!! – since this video was created, the NEW CORRECT place to install a theme for Drupal is in the {drupal_root} folder, NOT the {drupal_root}/themes folder anymore (as is shown in the video). psd2css Online already builds the CORRECT folder structure however so this shouldn’t be a problem for you. Please do NOT install your psd2css Online generated theme in the {drupal_root}/themes folder – it won’t work!
{ 25 comments… read them below or add one }
@blogx113 ahahah fireworks in adobe
you are funny but be careful they can be dangerous and might be prohibited in your state. vote quimby
you make me feel so dumb. I can watch this video 20 times and not understand one word
Can you tell me the standard dimensions of the template ?
Good useful tutorial. In my understanding, for this to work, it means that all layers in Photoshop must be named with the drupal naming? where can I find a list of all valid drupal names please? thanks cheers.
Thanks, great video, can’t wait to try it
This is great, thank you. Ignore all those stupid comments.
There is alot of negative comments on these videos. Although I want to learn how to create a theme by hand from a PSD…this program could be a very handy tool.
this video is not what I was looking for, but I did find the knowledge useful that there is a generator out there.
Thanks for all your comments blogx113. Actually I have a _lot_ of web developers who are much more productive because of psd2css Online. It does hours of the ‘grunt work’ that they used to do by hand. Then they add just their special coding magic by hand to what was generated.
if you have fireworks with youre adobe suite “CS4″ know automatiocally slices an outputs codes for you. Theres no need for this Software PSD to css online’ anyways you want to learn how to hand code your stuff, generators add alot of crap code which can cause longer load times~ I prefer hand coding my work ~ some people take pride in this skill. ” generators wont keep you employed.
The reason why i opened it because I thought it was ” an actual tutorial” its not its youre stupid comercial for psd to css online” ~ I am sick of seeing youre videos you have them tagged as something else when you open them “its the same old PSD 2 CSS bullshit~ I am sick of seeing this ~ I dont want to watch this shit i want to see how to create Custom Drupal Theme from a Photoshop Design in Seconds~ this is PSD 2 css software advertisment not an acutal tutorial asswhole
i am sick of seeing your stupid videos
never saw any, no matter how hard i tryed.
To build your own html code for really outstanding menu buttons you got to dig into functions overloading.
Very badly documented topic and many questioners about it never have been given detailded explanation of jpg menu to drupal howto, with video examples.
Besides it is not clear how to turn into template html design with lot of images for autosize capability _and_menu_buttons_.
Wish to fix it once and for all?
- You’re welcome.
Firebug and your text editor. It’s in a couple of the other videos in the series.
garbage.
no info how2 customize menu links appearance.
Absolutely. However the Gimp likes to make layers as big as the entire image. This makes for a really inefficient web page – lots of big image files. For any layer in The Gimp where the actual art is smaller than the whole page (probably all your layers), choose the layer to edit, then in the layer menu choose ‘Autocrop Layer’. Tutorial 3 shows this little work around in action.
Can you do this in GIMP? I know PS is better, but I can’t afford it.
In the theme, you just change the art in the PSD file. In Drupal you use the adminstration menus. Try the Site Configuration -> Site Information page while you are logged in as user 1.
How do you chnage the name of the psd2css online name?
This is incredible! It’s exactly what I need, thanks!
Ok I will give it a rip and see if it works. Thanks for the help!
oh – yep – sorry about that
you are correct, remove the overflow: auto line.
Did you mean “overflow: auto” rather than ‘scroll: auto’?
We have lots of tutorials – check the site for the tutorials, documentation and the forums for information.
Do you have a tutorials for this? If not it would be very useful. I am trying to make my own custom navigation and would love to be able to make this in photoshop, convert it with your site, link the css, and there you go….
You must log in to post a comment.