Drupal Theming [aboutcomputer99.blogspot.com]

Drupal Theming [aboutcomputer99.blogspot.com]

Howto & Style. Education. Technology. Matthew Kosloski. How to get free computer themes for vista windows 7 mac xp How to make your computer look like mac vista xp windows 7 mac xp ----------------------------------------------------------------------------------------------------------- How to Make your computer desktop look cool awesome stylish. In this Tutorial I show you how to save icons, walls, and skins to your computer for rocketdock. Rocketdock: rocketdock.com My Site: MKosloski.webs.com

aboutcomputer99.blogspot.com Tutorial- How to use Rocketdock

After working with Drupal for over a year now I have learned plenty of different ways to carry out preparing a custom Drupal theme. I have tried taking existing Drupal themes such as Garland and Blue Marine and hacking them to pieces while inserting my DIVs and classes trying to get things to work and look right. That just creates a huge mess of code and often contains unneeded elements (code bloat = not a good thing).

I've found that the best way for me to create custom Drupal theming is actually to first code up the site using static HTML/CSS, as in create an index.html file and go to town. I always code my personal sites using Notepad2 and then view/test them in FireFox. Furthermore use the WebDev Toolbar so I can see how everything looks on-the-fly as I code my CSS. This actually helps as I can code a LOT faster and see my CSS changes promptly.

Once I get everything looking decent (doesn't have to be perfect yet) in FireFox I then open the index.html file in IE7 and begin making IE7 specific changes to my personal CSS so everything looks decent there as well. I then load the index.html file in IE6 and do the same. Once things look the same across FireFox and IE7/IE6 I load it in Safari to see the way it looks there. For this site I kinda ignored some issues with IE6 as it's a pain to work with and I'll get around to fixing them eventually.

So once the site looks the same in FireFox, IE6/IE7 and Safari it's time to add Drupal code to our static HTML file. This is less of a challenge than it used to seem to me so if you follow these code snippets you should be all set...
Doctype to

Once these snippets of code have been added in place of your existing HTML code in the index.html file, save the newly edited file as "page.tpl.php". This is your Drupal theme page and every page on your site will have exactly the same layout as this one.
Different Home Page Layout

Say you want to have a custom webpage that looks diverse from the many other pages. To create a custom Drupal Theming webpage you need to copy the code in the "page.tpl.php" file and prepare a fresh file named "page-front.tpl.php" and paste that code in that room.

Now you can edit the code with the "page-front.tpl.php" file recover look however you want. Drupal will routinely identify and load the "page-front.tpl.php" file if at all within your theme directory.

What that can is convey to Drupal when the consumer is on the website to go ahead and load the file named "page-front.tpl.php" rather than the "page.tpl.php" file. Now you can go back to the "page-front.tpl.php" file and edit it as the thing is fit. Thus giving you the choice to have a different layout for that internet site and sub pages.

Today which you have a "page-front.tpl.php" and page.tpl.php" file you're ready to copy above the images and CSS from a static HTML site for the newly built Drupal themeing directory website. So basically your directory structure should today look something similar to:

Drupal Theme Dir:
page-front.tpl.php
page.tpl.php
images/
css/

Now you need to copy another files during which Drupal theming tactic relies upon in your theme directory. Make sure you copy these files over from the Blue Marine theme (that's precisely what theme I take hold of them from).

Blue Marine Theme:
block.tpl.php
comment.tpl.php
node.tpl.php
template.tpl.php
screenshot.png

So today you have to have a fully working Drupal theming plan. You can copy the files over to the server and place them in the "/themes/newtheme" and then log in to your Drupal site through your browser and select your newly created theme. Basically immediately there's a considerable amount of editing must be implemented to get a theme to work flawlessly in Drupal theming.. This is where the Web Dev Toolbar is useful again.

So now you have to edit/tweak your "*.tpl.php" files plus your CSS. This is a quick and dirty way to get a custom theme up and running but hopefully you get the idea.
Others have an ideas on which I'm able to improve on here or a few things i really didn't cover via a tunnel? I've got created around 10 custom Drupal themesing so I'm sure I overlooked a thing here. Leave a brief review or question and I'll do my own far better to help you along. More Drupal Theming Topics

Question by tonya_m_sims: Wher is the best place to download free computer themes? I want to change my theme for FREE Best answer for Wher is the best place to download free computer themes?:

Answer by Gerard M
Try Belchfire.net, Wincustomize.com, and if you want windows xp to look like vista search for something called Vista Transformation Pack 6 or something like that!

[free computer themes]