By saran822 on

Hi guys,

I want to create my own layout for my site, i have my own design and CSS.
I want to implement this design using drupal.
Can any one implemented like this? If it is so, kindly let me know the process to do the same.
Let me know if any module is available? or in what way i can achieve that one.

Pls help me. thanks in advance.

⋅ Categories: Drupal 5.x

Comments

keylope’s picture

keylope commented

It would be best to start with an existing template such as Garland and then incorporate your HTML/CSS into those files.

Under the themes directory, create a new folder with your theme name.
Copy the contents of an existing theme folder into that folder.

Start replacing your HTML into the page.tpl.php file.
You can then go into Drupal Administration and change the theme to your theme. Make sure to keep Garland or one of the other default themes so that you can toggle back to it in case if you break something like the menu or navigation.

Also it's best to keep all the default themes in tact.

Hope that helps!

themegarden.org’s picture

themegarden.org commented

I agree that it could be wise to start with some existing drupal theme, but someone who is a novice in drupal theming, maybe it could be better to start with some drupal theme which is simpler to modify.
Zen drupal theme (live demo at http://themegarden.org/drupal50/?q=node&theme=zen and zen-fixed demo http://themegarden.org/drupal50/?q=node&theme=zen-fixed )

Zen is the ultimate starting theme for Drupal 5. If you are building your own standards-compliant theme, you will find it much easier to start with Zen than to start with Garland or Bluemarine. This theme has LOTs of documentation in the form of code comments for both the PHP (template.php) and HTML (page.tpl.php, node.tpl.php).

---
Drupal Theme Garden

eddy147’s picture

eddy147 commented

I'm developing a drupal theme from scratch.
This is what I did.

1. Create a folder with only an index.html and a style.css, make sure its xhtml 1.0 strict and both validate.
2. Then, copy index.html to page.tpl.php, and fill some variables: for instance, where the title should be, put print $head_title
3. if this works, put in more like print $content instead of your content
4. all these variables and an example are to be found at http://drupal.org/node/11812
5. then, and this is what i miss in the documentation, is see the output source in your browser. Drupal creates a lot more div's with classes etc. So for styling you need this information: add this to your style.css.

Good luck.

indysmoke-clothing’s picture

indysmoke-clothing commented

let me try this thanks

eddy147’s picture

eddy147 commented

I'm developing a drupal theme from scratch.
This is what I did.

1. Create a folder with only an index.html and a style.css, make sure its xhtml 1.0 strict and both validate.
2. Then, copy index.html to page.tpl.php, and fill some variables: for instance, where the title should be, put print $head_title
3. if this works, put in more like print $content instead of your content
4. all these variables and an example are to be found at http://drupal.org/node/11812
5. then, and this is what i miss in the documentation, is see the output source in your browser. Drupal creates a lot more div's with classes etc. So for styling you need this information: add this to your style.css.

Good luck.

saran822’s picture

saran822 commented

Hi All,

Thank you very much for your reply. This information was very much useful for me.

Thanks.

sanatan.garg’s picture

sanatan.garg commented

Hi saran,

Actually we are also trying to create our own template but durpal genarate HTML page dinamically and add blocks in left, right and bottom sides.Can you please explain me what exactly you did and how much efforts(days) required to create template using our own HTML and CSS?

finessed’s picture

finessed commented

I know this is an old question but for future people who get here, I think you can use your custom psd theme your whole site going to psdonline to generate the html code.