By Fiasst on

Hi, Im new to Drupal but im fairly confident with CSS, XHTML and abit of PHP. Ive searched the net for getting started tutorials but they've brushed past the very basics of editing the look of Drupal.

I have Dreamweaver and CuteFTP booted and ready to work but I have no clue how to edit my Drupal 'test' site (hosted on my webspace) from my local machine and see the effects my CSS styles will have on the layout. Ive never edited anything like this before and I need some help getting started.

Thanks!

⋅ Categories: Drupal 5.x

Comments

shishira’s picture

shishira commented

Have a look at the .tpl files in /themes/garland start with page.tpl and off course the phptemplate documentation

Fiasst’s picture

Fiasst commented

Thanks for your reply. Ive added a new Site manager to Dreamweaver so I can easily update any files I change. Ive created a new theme called 'mytheme'. Ive started applying changes to CSS but how can I target an image 'logo.gif' instead of 'logo.png'?

Also can I have some top5 tips please! :) Cheers!

sepeck’s picture

sepeck commented

Look at Blue Marine. It's much simpler than Garland to understand. I really need to find some time ot update this to 5.0 but give this a read through as well. It should help you work through the basics. You can use the technique with any theme method once it 'clicks' for you.

http://www.blkmtn.org/how-to-play-with-Yahoo-GRID-CSS

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide -|- Black Mountain

-Steven Peck
---------
Test site, always start with a test site.
Drupal Best Practices Guide

Fiasst’s picture

Fiasst commented

Theres acouple of things I just cant sort out. Ive started with BlueMarine as my base and ive seen acouple of post in forums about 2 horizontal grey lines above and below my header. Ive removed every border property one-by-one from style.css and I cant seem to remove them.. Any thoughts?

Also my Secondary links now appear above my Primary links when i click to expand a topic. I cant figure out how to make the Secondary links appear below the clicked link like on a defualt theme.

Thanks for any help!

ktlock’s picture

ktlock commented

With respect to the links, look at lines 21 and 22 in the themes/bluemarine/page.tpl.php file. If you change the order of these two lines, the primary links will display before the secondary links.

Try comparing the files in a couple of the different themes to help with understanding how they work.

By the way, an excellent book is: Drupal - Creating Blogs, Forums, Portals and Community Websites by David Mercer (Packt Publishing).

kt

Fiasst’s picture

Fiasst commented

The secondary links now appear below all of the primary links. But I still cant remove the borders around the header.

Any help is greatly appreciated!

notarealperson’s picture

notarealperson commented

there's a rule in modules/system/system.css on line 17:

tbody {
  border-top: 1px solid #cccccc;
  }