Advantages of Hiring PSD To DRUPAL Service Providers
The process of converting the design concept from PSD files into fully functional and unique Drupal theme right through HTML/XHTML/CSS mockup is not so easy. Let’s start about how to convert a PSD to Drupal which will make people learn how to transform PSD format files to Drupal theme.
• First of all, open the Adobe Photo Shop based image design file known as PSD.
• Select Slice tool in the main toolbar to start with slicing of a PSD format based image files into multi-layers.
• After slicing of PSD, go to the IMAGE menu and select the mode to choose right color space (RGB/ CMYK). Now, select all sliced images and click to save.
• Place images folder inside a same folder where theme files are located.
• To start off with, one needs to open a new page to hand-code PSD to HTML/ XHTML/ CSS mark-up languages.
• Save a page as ‘home.html’ once finish with coding.
• Open a new page and save as ‘style.css’ to add CSS style sheet to the page. Add before the tag.
• Add for div tag type in the body tags.
• Div tags identified with a class name – .main content, .right content, .footer login, .top content and topnav needs to be coded.
• Open the style.css file to identified class names.
• To start with converting HTML page into a fully functional Drupal theme, one needs to download and install the desired Drupal theme.
• Now, create a new folder to store theme files.
• Open the theme folder and then open page.tpl.php file.
• Place right before
• Now, save changes as a new file named page.tpl.php and then copy the changes made to style.css within the new theme directory.
• The content body of the page.tpl.php will remain as same as HTML file.
• Replace the sections of page.tpl.php with dynamic content.
• Create a page named as a template.php.
• Rename function Yourtheme_regions to theme name.
• Here, converting HTML page into Drupal theme is finished.