Variables CSS

Igäl · 07.08.2007, 11:52

Hallo Leute

Ich habe heute begonnen, mich in CSS-Basierte Layouts einzulesen. Nun bin ich aber an einem Punkt angelangt, bei welchem ich nicht mehr weiterkomme.

Und zwar habe ich ein fix positioniertes Layout, in welches ein Bild soll. Das Bild heisst barpic_int wobei int einer Zahl zwischen 1 und 10 entspricht. Die Zahl kommt aus der PHP-Klasse und wird zufällig generiert.

Das CSS-File wird über <link> in index.tmpl.html eingebunden.

Nun meine Frage: Wie bekomme ich die Zufallszahl des Bildes in das CSS-File, damit ich mit background-image:url(folder/gfx/barpic_$i.jpg) oder sowas das Bild anzeigen kann?

Herzlichen Gruss
Igäl

Slava · 07.08.2007, 11:59

css datei kann auch ein php-script sein.
wenn du dein css.php mit <link> anbindest, dann kannst du natürlich auch ein paar parameter wie zbs Zufallszahl an deinen css.php script als GET-Parameter übergeben.
zbs
<link rel="stylesheet" type="text/css" href="css.php?parameter=<?php echo $zufallszahl; ?>">

Igäl · 07.08.2007, 12:37

Vielen Dank für die Idee. Das könnte ich machen. Jedoch möchte ich eigentlich nicht, dass meine Styledefinitionen im Quelltext sichtbar sind. Wie stell ich das dann an? Die einzige Lösung die mir zur Zeit in den Sinn kommt ist diejenige, dass ich im css.php über echo die Style-Definitionen innerhalb des <style>-Tags ausgebe, was ja dann im Browser sichtbar wäre, nicht?

rbs_phoenix · 07.08.2007, 12:42

du kannst auch in der css.php die zufallszahl generieren lassen.. dann brauchst du keinen zusätzlichen parameter...

phpdummi · 07.08.2007, 13:07

Hallo Igäl,

alles was der Browser interpretiert "sieht man auch". Was meinst du mit

Zitat:

Jedoch möchte ich eigentlich nicht, dass meine Styledefinitionen im Quelltext sichtbar sind. Wie stell ich das dann an?

Inwiefern möchtest du denn die CSS Datei verstecken? Gib doch einfach folgendes an:

Code:

<LINK href="css.php" rel="stylesheet" type="text/css">

css.php

PHP-Code:

 
div#barbic_int {

    background: url("img/random/barpic_<?=rand(1,10)?>");

}

Das wars! Übrigens, wenn das Bild im Layout auftaucht, verstehe ich den Zusammenhang zur CSS Datei nicht. Du könntest auch im Layout mit

PHP-Code:

 
[img]img/random/barpic_<?=rand(1,100)?>[/img]

arbeiten ...

An dieser Stelle nicht ganz passend, aber trotzdem interessant:
CSS SERVER-SIDE PRE-PROCESSOR

Noch Fragen?

Zergling-new · 07.08.2007, 13:35

Hallo,
du hast hier eigentlich zwei Möglichkeiten, entweder PHP in der CSS-Datei, oder PHP in der Grafik-Datei. Ich würde fast letzteres nehmen.

Falls nicht, kannst du deine CSS-Dateien auch parsen lassen, und in den CSS-Ordner dann einfach folgende .htaccess-Datei legen:

Code:

AddType application/x-httpd-php .css
DefaultType text/css

Jetzt werden deine CSS-Dateien von PHP geparsed. Kein Mensch merkt von außen, dass PHP mit im Spiel war.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit utf8/latin1	freq.9	Datenbanken	6	14.11.2007 21:41
Bug in PHP 5.1.2? XML-DOM-Problem	querfisch	PHP Tipps 2006	14	01.06.2006 14:48
Formuilar hilfe	imported_chewy	PHP Tipps 2006	25	15.05.2006 15:14
Einfach Datepicker gesucht	Cyberbob_at_tot	PHP Tipps 2007	5	14.11.2005 09:10
[Erledigt] Fatal error: Only variables can be passed by reference in		PHP-Fortgeschrittene	3	14.10.2005 02:13
Fehler bei meinem hintergrund???	lalala	HTML, Usability und Barrierefreiheit	11	24.07.2005 22:16
variables programm aufrufen in der formaction		PHP Tipps 2005-2	5	09.06.2005 20:31
[Erledigt] Variables aus Array auslesen		PHP-Fortgeschrittene	2	23.11.2004 20:20
Variables Array	Borlox	PHP Tipps 2004	4	29.09.2004 18:56
templatesystem - variables ersetzen	konsti	PHP-Fortgeschrittene	6	07.08.2004 10:56
[Erledigt] Variables Tabellen-Layout mit Bildern		HTML, Usability und Barrierefreiheit	3	06.06.2004 16:27

07.08.2007, 11:52
Igäl Erfahrener Benutzer Registriert seit: 16.08.2007 Beiträge: 702 PHP-Kenntnisse: Anfänger	Variables CSS Hallo Leute Ich habe heute begonnen, mich in CSS-Basierte Layouts einzulesen. Nun bin ich aber an einem Punkt angelangt, bei welchem ich nicht mehr weiterkomme. Und zwar habe ich ein fix positioniertes Layout, in welches ein Bild soll. Das Bild heisst barpic_int wobei int einer Zahl zwischen 1 und 10 entspricht. Die Zahl kommt aus der PHP-Klasse und wird zufällig generiert. Das CSS-File wird über <link> in index.tmpl.html eingebunden. Nun meine Frage: Wie bekomme ich die Zufallszahl des Bildes in das CSS-File, damit ich mit background-image:url(folder/gfx/barpic_$i.jpg) oder sowas das Bild anzeigen kann? Herzlichen Gruss Igäl


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.08.2007, 11:59
Slava Erfahrener Benutzer Registriert seit: 17.01.2006 Beiträge: 468	css datei kann auch ein php-script sein. wenn du dein css.php mit <link> anbindest, dann kannst du natürlich auch ein paar parameter wie zbs Zufallszahl an deinen css.php script als GET-Parameter übergeben. zbs <link rel="stylesheet" type="text/css" href="css.php?parameter=<?php echo $zufallszahl; ?>"> __________________ Slava http://bituniverse.com

07.08.2007, 12:37
Igäl Erfahrener Benutzer Registriert seit: 16.08.2007 Beiträge: 702 PHP-Kenntnisse: Anfänger	Vielen Dank für die Idee. Das könnte ich machen. Jedoch möchte ich eigentlich nicht, dass meine Styledefinitionen im Quelltext sichtbar sind. Wie stell ich das dann an? Die einzige Lösung die mir zur Zeit in den Sinn kommt ist diejenige, dass ich im css.php über echo die Style-Definitionen innerhalb des <style>-Tags ausgebe, was ja dann im Browser sichtbar wäre, nicht? __________________ Das Recht auf Dummheit gehört zur Garantie der freien Entfaltung der Persönlichkeit. Mark Twain

07.08.2007, 12:42
rbs_phoenix Erfahrener Benutzer Registriert seit: 03.11.2004 Beiträge: 289	du kannst auch in der css.php die zufallszahl generieren lassen.. dann brauchst du keinen zusätzlichen parameter... __________________ Homepage: http://www.rbs-page.de

07.08.2007, 13:35
Zergling-new Erfahrener Benutzer Registriert seit: 21.05.2008 Beiträge: 9.937	Hallo, du hast hier eigentlich zwei Möglichkeiten, entweder PHP in der CSS-Datei, oder PHP in der Grafik-Datei. Ich würde fast letzteres nehmen. Falls nicht, kannst du deine CSS-Dateien auch parsen lassen, und in den CSS-Ordner dann einfach folgende .htaccess-Datei legen: Code: AddType application/x-httpd-php .css DefaultType text/css Jetzt werden deine CSS-Dateien von PHP geparsed. Kein Mensch merkt von außen, dass PHP mit im Spiel war.