CSS mit Includen verbinden

[kami]

Hallo Forum,

wer kann mir einen Gedankenschubs geben?


Lese Dateien aus einem Verzeichnis mit folgendem Code aus:

function listPicture($dir=".",$type="jpg") {
    $x = 0;
    foreach (glob("apages/*",GLOB_BRACE|GLOB_ERR) as $filename) {
        $picture[$x]['file'] = $filename;
        $x++;
    } 
    return $picture;
} 

Bis jetzt hatte ich diese als separate Page ausgegeben.
Also mit HTML, Header und Body ausgegeben. In jeder Page sind natürlich Titel, CSS enthalten.
Jede Page hat ein separates CSS, je nach Aufbau.
Nun möchte ich diese Pages in einen Content (Inhalt) includen. Aus diesem Grunde muß ich den HTML, Haeder und Body aus diesen Pages herausnehmen. Wie kann ich am besten diese ausgelagerten CSS-Dateien wieder einbinden. Über die ID kann ich es nicht machen, da bei einfügen von neuen Pages die ID sich ändert. Wer kann mir bei dem Problem helfen?

[kami]

Hallo Forum,

habe ich eine falsche Fragestellung gemacht? Oder ist es so nicht möglich die Site zu erstellen? Meine Site ist noch nicht im Netz sondern nur auf meinem Homeserver. Sobald ich die Verbindung zwischen den Include-Dateien und den verschiedenen CSS-Dateien hergestellt habe, wollte ich es ins Netz stellen.

[phpBuddy]

Oftmals wird einfach zu kompliziert gedacht. Was spricht denn dagegen den Bildern per ID eigene CSS Regeln zuzuordnen und diese alle einfach in die ganz normale CSS Datei schreibt? Wieso braucht man für jeden Seite eine eigene CSS die man inkludieren muss?

[kami]

Hallo Rizzo,

schau mal auf meine Site: http://traump.rkami.de.
Es ist zu umfangreich für mich das zu erklären.
Dieser Site wollte ich ein neues Layout verpassen. Die unvollständige Version siehst Du unter http://test.rkami.de. Ich hoffe Du kannst mir helfen.

[Master_T2]

Ich kann deinem Problem noch immer nicht ganz folgen...

[Zer0]

Dito.

Wieso lädst du nicht in jeder Datei die .css Datei einfach rein, sollte doch wohl eine einzige reichen, denn du willst doch nicht das Design verändern auf jeder Seite, oder etwa doch?

[wildmieze]

doch, will er anscheinend - wenn ich das richtig gesehen habe, werden auf jeder Seite verschiedene CSS-Beispiele gezeigt.
.. aber wäre es nicht sinnvoller, diese unterschiedlichen CSS-Angaben in einen <style>-Bereich direkt auf der Seite zu schreiben? .. die Nutzer möchten doch bestimmt sehen, was da passiert, dann wäre es doch besser, wenn sie das direkt im Quelltext sehen könnten ..?

.. aber wo genau das include-Problem liegt habe ich auch nicht verstanden, das ist mir ne Nummer zu hoch

[kami]

Hallo Forum,

habe lange gewartet. Aber leider erst heute habt Ihr Zeit für mich gehabt. In der Zwischenzeit habe ich so manche Überlegung und manche Nacht um die Ohren geschlagen.
Habe nun eine Lösung für mich gefunden. Die Übungsbeispiele werden per ID in den Includeteil geladen. Nun habe ich die Schwierigkeit gehabt, wie bekomme ich den passenden CSS in den head.
Als erstes habe ich zu jedem Teil der includet wird mit gleichem Namen, aber als CSS abgespeichert. Das bedeutet = z.B.: Ist die ID 14 aufgerufen dann include im head die ID 14 als css auf. Im Textteil include dann die PHP.
Hier ein Ausschnitt aus der Index.php:

<link href="mein_CSS/index_traump.css" rel="stylesheet" type="text/css" />
<!-- Hier wird je nach aufgerufener Page die entsprechende CSS- Datei geladen -->
<?php include( "ahome/add_css.php" ); ?>			
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<!-- ..............................Clipfish -->
<link rel="stylesheet" type="text/css" media="screen" href="CSS/superfish.css" />

Das ist der Head-Teil zum Includen:

if ( isset($_GET['id']) && isset($pic[$_GET['id']]))
{
    $datei = "CSS/".basename(  $pic[$_GET['id']]['file']);
    $zeile = str_replace ( '.php', '.css', $datei );  
    echo '<link href="' . $zeile . '" rel="stylesheet" type="text/css"  />';
} 

$datei = lege den CCS-Folder mit dem Namen der Datei ein ohne den Folder-Teil.
$zeile = da wird die PHP-Datei (also xxx.php) in eine CSS-Datei umbenannt (xxx.css). So kommt die Zeile<link ...> in den Headteil rein.
Einen Teil habe ich schon so geändert. Noch nicht alles. Wollte dann noch Ergänzungen zu den Beispielen schreiben. Aber das dauert noch ein Weilchen.
Hoffe, daß ich mit meiner Idee nicht ganz verkehrt liege.
Weshalb ich die CSS-Datei nicht komplett zusammenlege? Das ist die Menge an Code. Der wird dann nicht mehr so gut verwaltet werden können, meine ich. Oder?

[Adromir]

Da du bei jeder Seite irgendwie einen Parameter angeben musst, welche CSS-Datei geladen werden soll, was ist da deiner Meinung nach der Vorteil eines einfachen, angepassten CSS- Links?

[kami]

Hallo Adromir,

so kann ich jedem includiertem Textteil einen separaten CSS-Teil mitgeben. Brauche nicht große Dateien einladen, sondern nur den Teil den ich brauche. Außerdem ist auch die Fehlersuche einfacher.

[Adromir]

Du verstehst nicht, was ich meine. Da du nur einen Link zusammen bastelst und du auf jeder Seite eh sagen musst "Bastele den Link so und so zusammen", macht es vom Arbeitsaufwand keinen großen Unterschied, ob du nun den Parameter auf der Seite angibst, oder gleich den fertigen Link einfügst.

Ich seh in deiner Lösung keinerlei Aufwandserleichterung.

Und ich wette mit dir, daß die Fehlersuche nicht unbedingt einfacher wird. Da musst du nämlich auch schauen "Moment, welches CSS wird hier denn überhaupt eingebunden".

[Zer0]

Ich muss auch gestehen, für mich sieht es nach mehr Arbeitsaufwand auf, als es eine Erleichterung ist
Ich bin ja mehr so der Freund einer großen CSS oder 2-3 kleineren Dateien.
Und ich denke ebenso, dass die Fehlersuche womöglich erschwert wird, weil du immer nur kleine Schnipsel überall verteilst, statt an einer Stelle alles auf einen Blick zu haben (mehr oder weniger).
Aber jedem das Seine

[kami]

Stimmt, wenn ich für jeden Link eine Page mache würde. Da könnte ich dann in jede Page den Link einsetzen. So habe ich das nicht aufgebaut. Sondern, habe nur eine index.php. Mit dem Drücken der Buttons wird die index.php nur mit dem Inhalt des hinterlegten Button gefüllt.

Hiermit habe ich den Demos-Folder ausgelesen und in einem Array hinterlegt.

$pic2 = listPicture( $str,"php" ); 

In der index.php habe ich dann die Zeile:

include( "ahome/navi_ueb.php"); 

Damit wird die senkrechte Navileiste aufgebaut
Das ist der Code in der navi_ueb.php:

<?php 
$str = dirname ( $_SERVER['DOCUMENT_ROOT'] .  "/" . substr($_SERVER['PHP_SELF'],1) )."/"."apages/"; 

$i = 0;                                                             // Zähler für die Navi-ID

echo '<div id="navigation"><ul>' . "\n";
echo '<p>' . "Hier sind die DEMOS" . "</p>\n";

for($x=0;$x<count($pic2);$x++)
{
    $file    =    $pic[$x]['file'];                                     // aus dem Array des Inhaltsverzeichnisses
    $name =  "/apages/".basename( $file );                             //hier der Name der Datei mit PHP
    $zeile = str_replace ( '//', '/', $file );  

    $name1 = substr ( strtr ( basename( $zeile ), '_', ' ' ),0,-4);     //hier der Name der Datei ohne PHP
    
    echo '<li><a href="' .  $_SERVER['PHP_SELF'] .'?id=' . $i  . '">' . $name1 . "</a></li>\n";
    $i++;
}
echo  "</ul></div>";

?>

wenn die Page aufgerufen wird, sieht der Kode so aus (Auszug):

<div id="navigation"><ul>
<p>Hier sind die DEMOS</p>
<li><a href="/index.php?id=0">Blau variabel</a></li>
<li><a href="/index.php?id=1">Boxen1</a></li>

<li><a href="/index.php?id=2">Boxenzwei</a></li>
<li><a href="/index.php?id=3">DivSpiel</a></li>
<li><a href="/index.php?id=4">Drei div Elemente</a></li>
<li><a href="/index.php?id=5">Linkklassen</a></li>
<li><a href="/index.php?id=6">Navi with footer</a></li>
<li><a href="/index.php?id=7">Navi with footer erw</a></li>
... usw.

Der Vorteil dieses Aufbaus ist, daß ich jederzeit eine neue Page bilden kann ohne groß in der Pragrammierung der index.php eingreifen zu müssen.

[kami]

Hallo ZerO,

wieso ist das schwierig.
Sobald ich eine neue Demo baue (z.B.: xyz.php baue ich zugleich eine xyz.css). Diese lege ich in die entsprechenden Ordner. Sonst brauche ich nichts mehr. Alles andere erledigt die index.php.