In CSS einen PHP-Link einsetzen

**keine_maetzchen** · 27.03.2010 21:06

Hallo,
ich schätze das wurde schon ein paar mal gefragt, aber irgendwie hab ich nichts richtiges gefunden.
Also,
ich habe im Joomla-Template in der CSS-Datei einen div-Container in dessen backround sich das Logo befindet.
Der wird in der html-Datei aufgerufen und angezeigt.
Ich habe eine php-Datei, die zufällig eins aus 10 Logos auswählt und ausgibt.
Wenn ich die in den html setzte funzt das auch aber es wir sinnlos in den haeder gesetzt, weil so ja die margin-Angaben fehlen.
Also müsste ich ja in CSS den backround des div-Containers zu der php-Datei verlinken.

Wie geht das.

Danke schon mal im voraus.

**time4mambo** · 27.03.2010 21:10

Zitat von keine_maetzchen

ich habe im Joomla-Template in der CSS-Datei einen div-Container

Das wirst du mit Sicherheit nicht haben, weil es schlicht nicht möglich ist. Bzw.: falls du es doch hast, funktioniert dein Template nicht mehr einwandfrei!

Verstanden habe ich eigentlich nichts, weil deine Beschreibung völlig konfus ist, aber du hast in der PHP-Datei vermutlich Ausgaben definiert und denen kannst du natürlich auch CSS-Klassen und -IDs zuweisen, die dann in der template.css definiert werden.

Axel

**keine_maetzchen** · 28.03.2010 14:29

also mein Template läuft jedenfalls einwandfrei.

mit CSS-Datei meinte ich die Datei template.css
da steht:

Code:

div#logo {
 	position: absolute;
 	left: 0;
 	top: 0;
 	float: left;
 	width: 298px;
 	height: 75px;
 	background: url(>>Link<<) 0 0 no-repeat;
 	margin-left: 30px;
 	margin-top: 30px;
}

Der wird einfach über html aufgerufen.

Dann hab ich wo anders die php-Datei:

PHP-Code:


<?php

    $y=0;

    $x=9;

    $bild=rand($y,$x);

    echo "<img src=http://XXXXXX.de/images/Logos/logo_$bild.png>";

?>

Die Ausgabe daraus soll der Hintergrund von dem div oben sein.

Ich hoffe so hab ich das jetzt verständlich erklärt.

a.h. · 28.03.2010 15:29

Kannst Du Doch als Inline Style in die index.php schreiben.

**time4mambo** · 28.03.2010 16:21

Erweitere deine PHP-Datei in diese Richtung:

Code:

echo "<div id="logo">
<img src=http://XXXXXX.de/images/Logos/logo_$bild.png>
</div>";

Axel

**keine_maetzchen** · 29.03.2010 13:37

ok,
also in der php-DAtei hab ich jetzt das:

PHP-Code:


<?php

    $y=0;

    $x=9;

    $bild=rand($y,$x);

    echo "<div id="logo">

        <img src=http://youthily.de/images/Logos/logo_$bild.png>

    </div>";

?>

Ist das so richtig?
Was muss jetzt in template.css ?

@ a.h.
Ich bin noch am Anfang meiner php-Karriere

Was ist das mit Inline Style ?

**time4mambo** · 29.03.2010 15:07

jetzt editierst du die template.css und gibst dort deine "logo"-Definition ein.

Axel

**DietmarH** · 29.03.2010 15:34

Willst du das Logo als Bild oder als Hintergrundbild (wie du oben schreibst)? Für einen Hintergrund ist schon der Ansatz mit dem img falsch.

Code:

<?php 
    $y=0; 
    $x=9; 
    $bild=rand($y,$x); 
    echo '<div id="logo'.$bild.'">'; ?>
        Inhalt des Div
    </div>

Im CSS:

Code:

#logo0 {background:url(bild0.png);}
#logo1 {background:url(bild1.png);}
..
#logo9 {background:url(bild9.png);}

Noch sinnvoller wäre, keine unterschiedlichen Ids zu erzeugen, sondern eine separate Klasse für den Hintergrund:

Code:

<?php 
    $y=0; 
    $x=9; 
    $bild=rand($y,$x); 
 ?>
    <div id="logo" class="bg<?php echo $bild; ?>">
        Inhalt des Div
    </div>

Code:

.bg0 {background:url(bild0.png);}
.bg1 {background:url(bild1.png);}
..
.bg9 {background:url(bild9.png);}

Dann kannst du in #logo die allgemeinen Eigenschaften bestimmen und .bg0-.bg9 bestimmen nur den Hintergrund, sonst nichts.

**keine_maetzchen** · 29.03.2010 22:10

wie gesagt, ich bin noch Anfänger und versteh das alles noch nicht so selbstständig.
Also,
@ DietmarH
ob bild oder hintergrund ist mir egal, da ich das div nur für die Anzeige des Logos benutze.

Was meinst du dann mit diesem .bg

@ time4mambo
was genau soll ich denn in die template.css machen.
Was ich habe weißte ja, aber wie verweise ich jetzt auf die php-Datei?

a.h. · 29.03.2010 22:19

Schreib einfach in die index.php:

oben im PHP Block:

$y=0;
$x=9;
$bild=rand($y,$x);

im HTML:

Thema: In CSS einen PHP-Link einsetzen

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

In CSS einen PHP-Link einsetzen

Lesezeichen

Lesezeichen

Berechtigungen