✔ Dynamische Style Sheets

Chaosengel_Gabriel · 11. Mai 2008

Ich beleb mal den alten Thread hier ^^
Sollen ja alles was von Ergebnissen in dem Bereich haben xD

Hab mal ne Idee verbastelt, wie man css über die DB lösen könnte...
Einschließlich admin:

PHP:

<?php
function getCss()
{
//Variable leeren und sichern
if(isset($_SESSION['css']))
unset($_SESSION['css']);
$_SESSION['css'] = array();

//Aktuelle CSS-Daten aus der Db holen
$sql = "SELECT
*
FROM
css
";
$result = mysql_query($sql) OR die("<pre>\n".$sql."</pre>\n".mysql_error());
while($row = mysql_fetch_assoc($result))
{
//Werte in die Session schreiben
//Für jedes Areal ein Array im Array
$_SESSION['css'][$row['Areal']] = array(
        'Breite' => $row['Breite'],
        'Hoehe' => $row['Hoehe'],
        'RandFarbe' => $row['RandFarbe'],
        'RandBreite' => $row['RandBreite'],
        'RandStyle' => $row['RandStyle'],
        'HintergrundFarbe' => $row['HintergrundFarbe'],
        'HintergrundGrafik' => $row['HintergrundGrafik'],
        'SchriftFarbe' => $row['SchriftFarbe'],
        'SchriftArt' => $row['SchriftArt'],
        'SchriftGroeße' => $row['SchriftGroeße']
        );
}
}


if(isset($_POST['submit']) AND $_POST['submit'] == 'Einstellungen ändern')
{

}
elseif(isset($_POST['submit']) AND $_POST['submit'] == 'Hintergrund uploaden')
{
$errors = array();
// Uploadfehler prüfen
switch ($_FILES['HintergrundGrafik']['error']){
case 1: $errors[] = "Bitte wählen Sie eine Datei aus, die kleiner als 350 KB ist.";
break;
case 2: $errors[] = "Bitte wählen Sie eine Datei aus, die kleiner als 350 KB ist.";
break;
case 3: $errors[] = "Die Datei wurde nur teilweise hochgeladen.";
break;
case 4: $errors[] = "Es wurde keine Datei ausgewählt.";
break;
default : break;
}
// Prüfen, ob eine Grafikdatei vorliegt
if(!@getimagesize($_FILES['HintergrundGrafik']['tmp_name']))
$errors[] = "Ihre Datei ist keine gültige Grafikdatei.";
else {
// Mime-Typ prüfen
$erlaubte_typen = array('image/pjpeg',
'image/jpeg',
'image/gif',
'image/png'
);
if(!in_array($_FILES['HintergrundGrafik']['type'], $erlaubte_typen))
$errors[] = "Der Mime-Typ ihrer Datei ist verboten.";

// Endung prüfen
$erlaubte_endungen = array('jpeg',
'jpg',
'gif',
'png'
);
// Endung ermitteln
$endung = strtolower(substr($_FILES['HintergrundGrafik']['name'], strrpos($_FILES['HintergrundGrafik']['name'], '.')+1));
if(!in_array($endung, $erlaubte_endungen))
$errors[] = "Die Dateiendung muss .jpeg .jpg .gif oder .png lauten ";

// Ausmaße prüfen
$size = getimagesize($_FILES['HintergrundGrafik']['tmp_name']);
if ($size[0] > 250 OR $size[1] > 350)
$errors[] = "Die Datei darf maximal 250 Pixel breit und 350 Pixel hoch sein.";
}
// Dateigröße prüfen
if($_FILES['HintergrundGrafik']['size'] > 358400)
$errors[] = "Bitte wählen Sie eine Datei aus, die kleiner als 350 KB ist.";

if(count($errors)){
echo "Ihre Hintergrund Grafik konnte nicht gespeichert werden.<br>\n".
"<br>\n";
foreach($errors as $error)
echo $error."<br>\n";
echo "<br>\n".
'Zurück zum <a href="'.$_SERVER['PHP_SELF'].'?page=css&areal='.$_GET['Areal'].'">bearbeiten</a>'."\n";
}
else {
// Bild auf dem Server speichern
$uploaddir = '../grafix/';
// neuen Bildname erstellen
$Name = $_GET['Areal']."_".rand(1,10000).".".$endung;
if (move_uploaded_file($_FILES['HintergrundGrafik']['tmp_name'], $uploaddir.$Name)) {
$sql = "UPDATE
css
SET
HintergrundGrafik = '".mysql_real_escape_string(trim($Name))."'
WHERE
Areal = ".$_GET['Areal']."
";
mysql_query($sql) OR die("<pre>\n".$sql."</pre>\n".mysql_error());

echo 'Ihre Hintergrund Grafik wurde erfolgreich gespeichert.<br>'."\n".'Zurück zum <a href="'.$_SERVER['PHP_SELF'].'?page=css&areal='.$_GET['areal'].'">bearbeiten</a>'."\n";
}
else {
echo 'Es trat ein Fehler auf, bitte versuche es später erneut.<br>'."\n".'Zurück zum <a href="'.$_SERVER['PHP_SELF'].'?page=css&areal='.$_GET['areal'].'">bearbeiten</a>'."\n";
}
}
}
elseif(isset($_POST['submit']) AND $_POST['submit'] == 'Hintergrund löschen')
{
// Bildname des Avatars aus der Datenbank holen
$sql = "SELECT
HintergrundGrafik
FROM
css
WHERE
Areal = '".$_GET['areal']."'
";
$result = mysql_query($sql) OR die("<pre>\n".$sql."</pre>\n".mysql_error());
$row = mysql_fetch_assoc($result);
// Datei löschen
unlink('../grafix/'.$row['Avatar']);
// Bildname des Avatars als leeren String setzen
$sql = "UPDATE
css
SET
HintergrundGrafik = ''
WHERE
Areal = '".$_GET['areal']."'
";
mysql_query($sql) OR die("<pre>\n".$sql."</pre>\n".mysql_error());
echo 'Ihre Hintergrund Grafik wurde erfolgreich gelöscht.<br>'."\n".'Zurück zum <a href="'.$_SERVER['PHP_SELF'].'?page=css&areal='.$_GET['areal'].'">bearbeiten</a>'."\n";
}

echo '<div class="center"><a href="'.$_SERVER['PHP_SELF'].'?page=css&areal=banner">Banner</a> | <a href="'.$_SERVER['PHP_SELF'].'?page=css&areal=content">Inhalt</a> | <a href="'.$_SERVER['PHP_SELF'].'?page=css&areal=navi">Navigation</a></div>';

getCss();

if(isset($_GET['areal']))
{
switch($_GET['areal'])
{
case 'banner':
    echo '<table>';
    echo '<form action="'.$_SERVER['PHP_SELF'].'?page=css&areal=banner" method="post" name="css">';
    echo '<tr><td colspan="3">Hintergrund Grafik:</td></tr>';
    echo (isset($_SESSION['css']['banner']['HintergrundGrafik'])) ? '<tr><td colspan="2"><img src="../grafix/'.$_SESSION['css']['banner']['HintergrundGrafik'].'" width="200" heigth="50"></td><td><input type="submit" name="submit" value="Hintergrund löschen"></td></tr>' : '<tr><td colspan="2"><input type="file" name="HintergrundGrafik"></td><td><input type="submit" name="submit" value="Hintergrund uploaden"></td></tr>';
    echo '<tr><td>Breite</td><td>Höhe</td><td>HinterGrundFarbe</td></tr>';
    echo '<tr><td><input type="text" name="Breite" maxlength="3" value="'.$_SESSION['css']['banner']['Breite'].'"></td><td><input type="text" maxlength="3" name="Hoehe" value="'.$_SESSION['css']['banner']['Hoehe'].'"></td><td><input type="text" maxlength="6" name="HintergrundFarbe" value="'.$_SESSION['css']['banner']['HintergrundFarbe'].'"></td></tr>';
    echo '<tr><td colspan="3"></td></tr>';
    echo '<tr><td>Rahmen Dicke</td><td>Rahmen Style</td><td>Rahmen Farbe</td></tr>';
    echo '<tr><td><input type="text" name="RandBreite" maxlength="3" value="'.$_SESSION['css']['banner']['RandBreite'].'"></td><td><select name="RandStyle"><option value="none">Keinen Rahmen</option><option value="dotted">Gepunktet</option><option value="dashed">Gestrichelt</option><option value="solid">Durchgezogen</option><option value="double">doppelt Linie</option></select></td><td><input type="text" maxlength="6" name="RandFarbe" value="'.$_SESSION['css']['banner']['RandFarbe'].'"</td></tr>';
    echo '<tr><td colspan="3"></td></tr>';
    echo '<tr><td colspan="3"><input type="submit" name="submit" value="Einstellungen ändern"></td></tr>';
    echo '</form>';
    echo '</table>';
  break;
case 'content':
    echo '<table>';
    echo '<form action="'.$_SERVER['PHP_SELF'].'?page=css&areal=content" method="post" name="css">';
    echo '<tr><td colspan="3">Hintergrund Grafik:</td></tr>';
    echo (isset($_SESSION['css']['content']['HintergrundGrafik'])) ? '<tr><td colspan="2"><img src="../grafix/'.$_SESSION['css']['content']['HintergrundGrafik'].'" width="200" heigth="50"></td><td><input type="submit" name="submit" value="Grafik löschen"></td></tr>' : '<tr><td colspan="2"><input type="file" name="HintergrundGrafik"></td><td><input type="submit" name="submit" value="Bild uploaden"></td></tr>';
    echo '<tr><td>Breite</td><td>Höhe</td><td>HinterGrundFarbe</td></tr>';
    echo '<tr><td><input type="text" name="Breite" maxlength="3" value="'.$_SESSION['css']['content']['Breite'].'"></td><td><input type="text" maxlength="3" name="Hoehe" value="'.$_SESSION['css']['content']['Hoehe'].'"></td><td><input type="text" maxlength="6" name="HintergrundFarbe" value="'.$_SESSION['css']['content']['HintergrundFarbe'].'"></td></tr>';
    echo '<tr><td colspan="3"></td></tr>';
    echo '<tr><td>Rahmen Dicke</td><td>Rahmen Style</td><td>Rahmen Farbe</td></tr>';
    echo '<tr><td><input type="text" name="RandBreite" maxlength="3" value="'.$_SESSION['css']['content']['RandBreite'].'"></td><td><select name="RandStyle"><option value="none">Keinen Rahmen</option><option value="dotted">Gepunktet</option><option value="dashed">Gestrichelt</option><option value="solid">Durchgezogen</option><option value="double">doppelt Linie</option></select></td><td><input type="text" maxlength="6" name="RandFarbe" value="'.$_SESSION['css']['content']['RandFarbe'].'"</td></tr>';
    echo '<tr><td colspan="3"></td></tr>';
    echo '<tr><td colspan="3"><input type="submit" name="submit" value="Einstellungen ändern"></td></tr>';
    echo '</form>';
    echo '</table>';
  break;
case 'navi':
    echo '<table>';
    echo '<form action="'.$_SERVER['PHP_SELF'].'?page=css&areal=navi" method="post" name="css">';
    echo '<tr><td colspan="3">Hintergrund Grafik:</td></tr>';
    echo (isset($_SESSION['css']['navi']['HintergrundGrafik'])) ? '<tr><td colspan="2"><img src="../grafix/'.$_SESSION['css']['navi']['HintergrundGrafik'].'" width="200" heigth="50"></td><td><input type="submit" name="submit" value="Grafik löschen"></td></tr>' : '<tr><td colspan="2"><input type="file" name="HintergrundGrafik"></td><td><input type="submit" name="submit" value="Bild uploaden"></td></tr>';
    echo '<tr><td>Breite</td><td>Höhe</td><td>HinterGrundFarbe</td></tr>';
    echo '<tr><td><input type="text" name="Breite" maxlength="3" value="'.$_SESSION['css']['navi']['Breite'].'"></td><td><input type="text" maxlength="3" name="Hoehe" value="'.$_SESSION['css']['navi']['Hoehe'].'"></td><td><input type="text" maxlength="6" name="HintergrundFarbe" value="'.$_SESSION['css']['navi']['HintergrundFarbe'].'"></td></tr>';
    echo '<tr><td colspan="3"></td></tr>';
    echo '<tr><td>Rahmen Dicke</td><td>Rahmen Style</td><td>Rahmen Farbe</td></tr>';
    echo '<tr><td><input type="text" name="RandBreite" maxlength="3" value="'.$_SESSION['css']['navi']['RandBreite'].'"></td><td><select name="RandStyle"><option value="none">Keinen Rahmen</option><option value="dotted">Gepunktet</option><option value="dashed">Gestrichelt</option><option value="solid">Durchgezogen</option><option value="double">doppelt Linie</option></select></td><td><input type="text" maxlength="6" name="RandFarbe" value="'.$_SESSION['css']['navi']['RandFarbe'].'"</td></tr>';
    echo '<tr><td colspan="3"></td></tr>';
    echo '<tr><td colspan="3"><input type="submit" name="submit" value="Einstellungen ändern"></td></tr>';
    echo '</form>';
    echo '</table>';
  break;
case default:
  break;
}
}
?>

Dabei benutze ich folgende Tabelle:

Code:

CREATE TABLE css
(
ID INT AUTO_INCREMENT NOT NULL,
Areal VARCHAR (20) NOT NULL,
ShriftFarbe VARCHAR (7) NOT NULL,
SchriftGroeße INT NOT NULL,
SchriftArt VARCHAR (20) NOT NULL,
HintergrundFarbe VARCHAR (7) NOT NULL,
HintergrundGrafik VARCHAR (80) NOT NULL,
RandStyle VARCHAR (15) NOT NULL,
RandBreite INT NOT NULL,
RandFarbe VARCHAR (7) NOT NULL,
Breite INT NOT NULL,
Hoehe INT NOT NULL,
PRIMARY KEY (ID),
UNIQUE (Areal)
);

Das ließe sich mit CSS-Style-Changern, die hier im Forum angesprochen wurden, sicherlich kombinieren

[EDIT]
Mal bissl was dran hängn:
css.php:

PHP:

<?php
// Send correct type:
header('Content-Type: text/css; charset=ISO-8859-1');

header('Last-Modified: '.gmdate('D, d M Y H:i:s').' GMT');
header('Cache-Control: no-store');
header('Pragma: no-cache');
// Cache output in client - the nocache query parameter makes sure that this
// file is reloaded when config changes
header('Expires: ' . gmdate('D, d M Y H:i:s', time() + 3600) . ' GMT');

//CSS-Daten in die SESSION laden
getCss();
?>
p
{
margin: 1px;
}

div.banner
{
<?php
echo (isset($_SESSION['css']['banner']['Breite']) AND $_SESSION['css']['banner']['Breite'] != 0) ? 'width: '.$_SESSION['css']['banner']['Breite'].'px;' : '';
echo (isset($_SESSION['css']['banner']['Hoehe']) AND $_SESSION['css']['banner']['Hoehe'] != 0) ? 'heigth: '.$_SESSION['css']['banner']['Hoehe'].'px;' : '';
echo (isset($_SESSION['css']['banner']['HintergrundFarbe']) AND $_SESSION['css']['banner']['HintergrundFarbe'] != '') ? 'background-color: #'.$_SESSION['css']['banner']['HintergrundFarbe'].';' : '';
echo (isset($_SESSION['css']['banner']['HintergrundGrafik']) AND $_SESSION['css']['banner']['HintergrundGrafik'] != '') ? 'background-image: url(grafix/'.$_SESSION['css']['banner']['HintergrundGrafik']).');' : '';
echo (isset($_SESSION['css']['banner']['RandStyle']) AND $_SESSION['css']['banner']['RandStyle'] != '') ? 'border-style: '.$_SESSION['css']['banner']['RandStyle'].';' : '';
echo (isset($_SESSION['css']['banner']['RandFarbe']) AND $_SESSION['css']['banner']['RandFarbe'] != '') ? 'border-color: #'.$_SESSION['css']['banner']['RandFarbe'].';' : '';
echo (isset($_SESSION['css']['banner']['RandBreite']) AND $_SESSION['css']['banner']['RandBreite'] != 0) ? 'border-width: '.$_SESSION['css']['banner']['RandBreite'].'px;' : '';
?>
display: block;
}

div.inhalt
{
margin: 0px;
padding: 0px;
}

.center
{
text-align: center;
}

.left
{
text-align: left;
}

.right
{
text-align: right;
}

div.content
{
<?php
echo (isset($_SESSION['css']['content']['Breite']) AND $_SESSION['css']['content']['Breite'] != 0) ? 'width: '.$_SESSION['css']['content']['Breite'].'px;' : '';
echo (isset($_SESSION['css']['content']['Hoehe']) AND $_SESSION['css']['content']['Hoehe'] != 0) ? 'heigth: '.$_SESSION['css']['content']['Hoehe'].'px;' : '';
echo (isset($_SESSION['css']['content']['HintergrundFarbe']) AND $_SESSION['css']['content']['HintergrundFarbe'] != '') ? 'background-color: #'.$_SESSION['css']['content']['HintergrundFarbe'].';' : '';
echo (isset($_SESSION['css']['content']['HintergrundGrafik']) AND $_SESSION['css']['content']['HintergrundGrafik'] != '') ? 'background-image: url(grafix/'.$_SESSION['css']['content']['HintergrundGrafik'].');' : '';
echo (isset($_SESSION['css']['content']['SchriftFarbe']) AND $_SESSION['css']['content']['SchriftFarbe'] != '') ? 'color: #'.$_SESSION['css']['content']['SchriftFarbe'].';' : '';
echo (isset($_SESSION['css']['content']['SchriftGroeße']) AND $_SESSION['css']['content']['SchriftGroeße'] != 0) ? 'font-size: '.$_SESSION['css']['content']['SchriftGroeße'].'px;' : '';
echo (isset($_SESSION['css']['content']['RandStyle']) AND $_SESSION['css']['content']['RandStyle'] != '') ? 'border-style: '.$_SESSION['css']['content']['RandStyle'].';' : '';
echo (isset($_SESSION['css']['content']['RandFarbe']) AND $_SESSION['css']['content']['RandFarbe'] != '') ? 'border-color: #'.$_SESSION['css']['content']['RandFarbe'].';' : '';
echo (isset($_SESSION['css']['content']['RandBreite']) AND $_SESSION['css']['content']['RandBreite'] != 0) ? 'border-width: '.$_SESSION['css']['content']['RandBreite'].'px;' : '';
?>
display: block;
float: left;
}

div.navi
{
<?php
echo (isset($_SESSION['css']['navi']['Breite']) AND $_SESSION['css']['navi']['Breite'] != 0) ? 'width: '.$_SESSION['css']['navi']['Breite'].'px;' : '';
echo (isset($_SESSION['css']['navi']['Hoehe']) AND $_SESSION['css']['navi']['Hoehe'] != 0) ? 'heigth: '.$_SESSION['css']['navi']['Hoehe'].'px;' : '';
echo (isset($_SESSION['css']['navi']['HintergrundFarbe']) AND $_SESSION['css']['navi']['HintergrundFarbe'] != '') ? 'background-color: #'.$_SESSION['css']['navi']['HintergrundFarbe'].';' : '';
echo (isset($_SESSION['css']['navi']['HintergrundGrafik']) AND $_SESSION['css']['navi']['HintergrundGrafik'] != '') ? 'background-image: url(grafix/'.$_SESSION['css']['navi']['HintergrundGrafik'].');' : '';
echo (isset($_SESSION['css']['navi']['SchriftFarbe']) AND $_SESSION['css']['navi']['SchriftFarbe'] != '') ? 'color: #'.$_SESSION['css']['navi']['SchriftFarbe'].';' : '';
echo (isset($_SESSION['css']['navi']['SchriftGroeße']) AND $_SESSION['css']['navi']['SchriftGroeße'] != 0) ? 'font-size: '.$_SESSION['css']['navi']['SchriftGroeße'].'px;' : '';
echo (isset($_SESSION['css']['navi']['RandStyle']) AND $_SESSION['css']['navi']['RandStyle'] != '') ? 'border-style: '.$_SESSION['css']['navi']['RandStyle'].';' : '';
echo (isset($_SESSION['css']['navi']['RandFarbe']) AND $_SESSION['css']['navi']['RandFarbe'] != '') ? 'border-color: #'.$_SESSION['css']['navi']['RandFarbe'].';' : '';
echo (isset($_SESSION['css']['navi']['RandBreite']) AND $_SESSION['css']['navi']['RandBreite'] != 0) ? 'border-width: '.$_SESSION['css']['navi']['RandBreite'].'px;' : '';
?>
float: left;
display: block;
}

Allerdings funktioniert das so nicht korrekt...
Wie ich es auch schreibe, sobald php in der Datei ist wird diese nimma richtig umgesetzt...

An dieser Stelle bitte ich um HILFE!!

✔ Dynamische Style Sheets

Chaosengel_Gabriel

Erfahrenes Mitglied

Neue Beiträge