Home / Forums / Theming / iedere node een aparte css.

iedere node een aparte css.

Door Mindhunter op 12 February, 2010 - 00:12
Forums: 
Theming
Drupalversie: 
6.x

Ik heb in mijn themes folder de style.css

Deze wordt standaard aangeroepen.

Nu zou ik graag bij mijn node/30 een andere style.css willen aanroepen bv style30.css

Waar ik een compleet andere css in kan zetten.

Ik heb hier iets gevonden: http://drupal.org/node/696408

Er staat dat je bv dit in je .info kunt zetten:

; $Id: choicez.info,v 1.5 2007/07/01 23:27:32 dale brendan Exp $
name = Choicez
description = Tableless, multi-column
version = VERSION
core = 6.x
engine = phptemplate
stylesheets[all][] = style.css
stylesheets[print][] = print.css
stylesheets[front][] = front.css ;front page stylesheet
stylesheets[about][] = about.css ;about us page stylesheet

Maar wat ik niet snap is het gedeeltje hoe je bv op je "about us" pagina de about.css aanroept ipv de standaard style.css

/*
* ABOUT US: Style the elements on the About Us Page accordingly
*/

.about-us-page-styles {
}

Waar zet ik dit neer? ...

Alvast bedankt

Mindhunter

12 February, 2010 - 01:29

Ik heb hier: http://drupal.org/node/100343

iets gevonden waar ik nu in staat mee ben om voor iedere pagina een andere css aan te roepen.

<?php
if($_REQUEST['q']) {
$style_var = explode("/", $_REQUEST['q']);
$styles .= '@import
url(/path/to/your/styles/'.$style_var[0].'.css);';
}
print $styles;
?>

Door dit in mijn page.tpl te zetten lukt het me.

Heb ik bv contact.css in mijn theme directory en ik maak een pagina genaamd: contact
dan roept hij automatisch contact.css aan.

Maak ik order.css dan werkt het ook bij de pagina order.css

Alleen lukt het me niet om voor mijn frontpage een css te maken. Ik heb namelijk een pagina genaamd: home

Maar maak ik voor de home pagina de css file home.css, dan wordt deze toch niet aangeroepen.

Hoe kan dit?

Xano

12 February, 2010 - 08:21

Je moet $_GET['q'] gebruiken in plaats van $_REQUEST['q']. Op die manier gaat het ook met de front page goed. Daarnaast gaat deze methode een heleboel 404's opleveren als er voor de opgevraagde URL paths geen stylesheets bestaan. Je zal daar dus een check voor moeten inbouwen. Als het om zeer kleine verschillen per pagina gaat, dan zou je ook een speciale class aan je body tag kunnen meegeven en de extra CSS gewoon in style.css neer kunnen zetten.

Mindhunter

12 February, 2010 - 13:42

Oke bedankt Xano!

Maar hoe kan ik een class aan een node geven?

Ik heb dit gevonden: http://drupal.org/node/439350 maar ik snap het niet.

Als ik nu bv dit in de page-tpl.php zet:

en in Style.css:

test { margin: 0px; background-color: #f000; }

Hoe kan ik dan de body van node/32 nu bv background #F000; krijgen?

hansrossel

12 February, 2010 - 17:34

Zie ook de originele page.tpl.php in modules/system:

">

of als je wil kun je ook gewoon arg(1) printen als class in php, arg(1) is het nummertje van de node bij een node

">

Hans
KOBA

Mindhunter

12 February, 2010 - 17:36

Hoi Hans,

Bedank alweer... ik ga het meteen testen!

thanx

Actuele inhoud

09 feb 2012

08 feb 2012

07 feb 2012

06 feb 2012

05 feb 2012

meer