By beatbrother on

Hey guys,

First of all ... Hi 2 all ...
I'm new on drupal.

A friend of me has a site which is working on Drupal, but its design looks really bad.
Now he asked me if I can make a new design for him.

I'm a webdesigner (html, flash etc), but I'm totally new on blog sites and Drupal.

I looked around on Drupal.org and it seems that I have to create my own theme but it seems very hard to do it.
Normally, for websites, I'm making a design in photoshop which will be sliced.
But is this also possible that at end, I can end up with a result looking on my photoshop created design ?

I've uploaded this pre-design here .. so this is kinda what I want to achieve. Is it possible you think ?

http://users.telenet.be/beatbrothers/example.jpg

Hope it is, cuz I really want to help my friend with his site.

thanks guys.

⋅ Categories: Drupal 5.x

Comments

parvell’s picture

parvell commented

I think it's possible to export your design for drupal (maybe it will be not so easy but you can try).
I can tell you some tricks.
Export your image with Photoshop as a single layer image in the size that you need, then you can begin to cut your design as single parts.
I think it will be better to use a single background image that you can repeat in orizontal or vertical: this can help to let your design to be not so eavy to load: if you have an image that is 20x1200 pixel it's better than have an image that is 1200x1200 ;-)
If your design for istance is a 760 pixel wide with 130 left block, 500 content and 130 right block you can have:
for blocks you can have an header image that is alway the same for all blocks that you have to put as background image for title (let's say 130x30 pixel); then you need another little image for the content block (130x10) and a third image to close the block (130x20). You can do this with tables or tableless if you like but in this case you need a little CSS knowledge. You can even specify the block in which you need a different content background image with CSS cause Drupal have a single id-call for every single id-block
For the content is the same: a big image for title (500x30), a little backgroung for content (500x10) a little for closing the central block (500x20).
For header and footer section you can use ur design the way you want with the use of background images.
Numbers are only to be more clear than i can.
Then you have to export all your design for Drupal and you can use phptemplate system that has a clean examples files that you can modify using the elements you have prepared before (you need a html editor like dreamwaver, quanta plus or the one you like to do this).

somes’s picture

somes commented

http://tips.webdesign10.com/how-to-make-a-drupal-theme