Yapmaya çalıştığınız şey tamamen css ile alakalı birşey. Css konusunda temel bilginiz varsa, Firebug'dan yararlanarak ilgili class ve id'leri tespit edip stlye.css dosyasında istediğiniz görünümü verecek stil kodlarını eklemek yeterli olacaktır. Örneğin bu sitedeki Views ile oluşturulan eklentiler sayfasında eklenti tanıtımlarını çerçeveletmek istesem şunu yapmam gerekirdi:
.view-id-eklentiler .node {border: 1px solid #000000}
Peki ne yazmam gerektiğini nerden biliyorum? Ezbere bilmiyorum tabii ki, yaptığım şey Firebug ile görünümünü değiştirmek istediğim yeri tespit etmek. Hepsi bu.

A'dan Z'ye sayfa tasarımı için destek vermenin yeri burası değil, çünkü bu çok çok geniş bir kapsama sahip. Sadece CSS, sadece HTML, sadece PHP üzerine dersler sunan siteler var sonuçta. Siz bence en iyisi önce bir css konusunda temel bilgi edinin. Burada bununla ilgili güzel bir başlangıç kaynağı var örneğin: http://www.fatihhayrioglu.com/kitap/

Özel olarak buradaki soruya gelirsek, yaptığınız css değişikliklerini yazarsanız hatanın nerede olduğunu söyleyebilirim.

Sonda başlayayım bu sefer, çünkü genel bir cevap olacak:

Drupal bir sayfayı görüntülerken tema klasöründe belirli kurallara göre isimlendirilmiş tpl.php dosyaları arar. Bu kurallar ve örnekler için buraya bakabilirsin. Örneğin node.tpl.php bunlardan biridir ve Drupal bir düğümü özet veya tam sayfa olarak gösterirken kullanılır. Diyelim ki node.tpl.php'nin içinde sadece şu kodlar olsun:

Bu html ve php karışımı bir koddur. Html kısmı tamamen keyfidir. İstersek div'leri kaldırabilir veya css class ve id değerlerini değiştirebiliriz. Php kısmında ise bir değişkenin ($content ) değeri yazdırılmakta. Bu değişken Drupal'in bu node.tpl.php dosyasına aktardığı bir değişken olmalı. Yani burada kafamıza göre bir değişken yazamayız. Peki node.tpl.php dosyasında Drupal hangi değişkenleri tanıyor? İşte bu sorunun cevabı da Drupal API dokümantasyonunda mevcut; örneğin API dokümantasyonunda node.tpl.php sayfasında şu değişkenler kullanılabiliyormuş:

Available variables:

• $title: the (sanitized) title of the node.
• $content: Node body or teaser depending on $teaser flag.
• $picture: The authors picture of the node output from theme_user_picture().
• $date: Formatted creation date (use $created to reformat with format_date()).
• $links: Themed links like "Read more", "Add new comment", etc. output from theme_links().
• $name: Themed username of node author output from theme_user().
• $node_url: Direct url of the current node.
• $terms: the themed list of taxonomy term links output from theme_links().
• $submitted: themed submission information output from theme_node_submitted().

Other variables:

• $node: Full node object. Contains data that may not be safe.
• $type: Node type, i.e. story, page, blog, etc.
• $comment_count: Number of comments attached to the node.
• $uid: User ID of the node author.
• $created: Time the node was published formatted in Unix timestamp.
• $zebra: Outputs either "even" or "odd". Useful for zebra striping in teaser listings.
• $id: Position of the node. Increments each time it's output.

Node status variables:

• $teaser: Flag for the teaser state.
• $page: Flag for the full page state.
• $promote: Flag for front page promotion state.
• $sticky: Flags for sticky post setting.
• $status: Flag for published status.
• $comment: State of comment settings for the node.
• $readmore: Flags true if the teaser content of the node cannot hold the main body content.
• $is_front: Flags true when presented in the front page.
• $logged_in: Flags true when the current user is a logged-in member.
• $is_admin: Flags true when the current user is an administrator.

Tabii ki her tpl.php dosyasında bu değişkenler yok. Bu yüzden hangi dosya ile ilgileniyorsak API dokümantasyonundan ona bakmalıyız. Bir de sonradan yüklediğimiz eklentiler bu dokümantasyonda belirtilenlere ek olarak başka değişkenler sunabilirler (örneğin CCK alanlarına ait değişkenleri gibi). Bu durumda ilgili eklentinin proje sayfasında bununla ilgili bir dokümantasyon olup olmadığına bakmak gerekir. node.tpl.php için özel olarak Contemplate eklentisinden de faydalanabiliyoruz. Bu eklenti CCK'da dahil olmak üzere node.tpl.php'de kullanılabilecek tüm değişkenleri örnek değerleriyle birlikte sunuyor. Yine geliştiricilerin kullanabilecekleri bir eklenti olan Devel'den de benzer şekillerde faydalanmak mümkün.

Neyse, kodda kalmıştık. Drupal node.tpl.php'yi çağırdığı anda bu dosyanın içeriği hazırlanarak çağırılan konumda yazdırılır. Ekranda gösterilirken css stilleri de html elemanlarına uygulanır. Bunun için Drupal yazdırdığı elemanlara için herhangi bir stil tanımı yapılıp yapılmadığını style.css vb. dosyalardan kontrol eder. Buradaki örnek için bakacak olursak, eğer style.css dosyasında content class'ı ve/veya clear-block için stil kodu kullanılmışsa bunları bu div'e uygular. Ve biz de ekranda içeriği css ile biçimlendirilmiş bir şekilde görürüz.

Php, drupal, css vb. arasındaki ilişki kısaca bu şekilde. Sanırım tüm soruların için bir cevap oldu bu. Yine de eksik kalan yerler varsa onları da açıklamaya çalışırım.