Suche

[xmjay]

Hi !

Ich möchte in dem Theme "Element" einem Farbschema eine Grafik zu "Dekorationszwecken" einfügen (z.B. head.gif).
Die Grafik ist transparent und sollte den im Screenshot sichtbaren Bereich abdecken.

Ist das überhaupt möglich ?
Und wenn ja, in welche Datei gehört der Code dafür und wie sieht dieser aus ?

Hoffentlich hab ich mich verständlich ausgedrückt. 

[Franky]

in der index.html, z. B. da wo der Page-title steht kannst du anstatt dem Text ne Grafik einbauen.

bye....

[SvenW]

Die Grafik ist transparent und sollte den im Screenshot sichtbaren Bereich abdecken.

Hm,
dein Header hat ja schon eine Grafik. Wenn es nur eine Grafik ist, die überall leuchten soll, langt es evtl. wenn du die Grafik einfach index.html einfügst?

Code Auswählen Erweitern


<img src="beispielordner/beispiel.gif" width="400px" height="800px" alt="beispiel.gif" />


oder

Code Auswählen Erweitern


<img class="img"/>


hier könntest du dann dein CSS wie folgt erweitern und dort die Grafik plazieren.:

Code Auswählen Erweitern


img {
   background-image: url(beispiel.gif);

   usw...
   
}


Da das Theme unterschiedlich Farben ausgibt, könntest du alle scheme.css Dateien die sich im Ordner design/01-0? befinden ergänzen.

Hier hätte man dann auch die Möglichkeit verschiedene Grafiken anzugeben.

[xmjay]

Moinsen !

Ich danke Euch !!!

Hatte nen Denkfehler

Probiere erstma und melde mich dann (hoffentlich mit der Lösung)...

[xmjay]

Hello again !


Habe es in der

index.html, z. B. da wo der Page-title

direkt hinter

Code Auswählen Erweitern

<a href="./" title="{_THEME_GOTOHOME}">{PAGE_TITLE}</a>
          </h1>

Code Auswählen Erweitern


<img src="beispielordner/beispiel.gif" width="400px" height="800px" alt="beispiel.gif" />


eingefügt und funzt prima. 

Ist es möglich, diese Grafik im Vordergrund anzuzeigen, also "vor/über" den Tabs ?

[SvenW]

Versuch mal direkt nach <div id="header" class="bx"> die Grafik einzubauen...

[xmjay]

Versuch mal direkt nach <div id="header" class="bx"> die Grafik einzubauen...

Danach schauts so aus wie aufm Screenie, das schwarze ist die "beispiel.gif"

[SvenW]

Ergänze mal deine layout.css :

Code Auswählen Erweitern


#imgbeispiel {
   width:660px; 
   margin-top:-20px;
   margin-left:-20px; 
}


und in der index.html direkt nach <div id="header" class="bx"> noch:

Code Auswählen Erweitern


<img id="imgbeispiel" src="beispiel.gif" alt="beispiel" />


Nicht LIVE getestet... aber es sollte funktionieren...

[xmjay]

Moinsen Sven !

Das Ergebnis (siehe Screenshot)...

Wäre ein FTP-Zugang nützlich ?

[SvenW]

hm, pack mal width und height wieder in die index.html...

Code Auswählen Erweitern


<img id="imgbeispiel" src="beispiel.gif" alt="beispiel" width="660px" height="100px" />


[xmjay]

Dieser Code ist in der index.html

Code Auswählen Erweitern

<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" width="800px" height="70px"  />


Und so schaut es aus:

[Andi]

Moin

html kennt keine Masseinheiten, dort gibets nur Pixel, die dürfen aber nicht angegeben werden.

Also so:

Code Auswählen Erweitern

<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" width="800" height="70"  />

Oder eben mit Style und Masseinheit:

Code Auswählen Erweitern

<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" style="width: 800px; height: 70px"  />

[SvenW]

html kennt keine Masseinheiten, dort gibets nur Pixel, die dürfen aber nicht angegeben werden.

[xmjay]

Hallo 

Der Code bewirkt zwar ne Veränderung, jedoch nicht die gewünschte.
Zwei Screenies im Anhang

"elementhead_code1"

Code Auswählen Erweitern

<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" width="800" height="70"  />

"elementhead_code2"

Oder eben mit Style und Masseinheit:

Code Auswählen Erweitern

<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" style="width: 800px; height: 70px"  />

[xmjay]

Hi !

Ging per PM weiter...

In der "layout.css" diesen Code einbinden:

Code Auswählen Erweitern

#bild {
   margin-top:-20px;
   margin-left:-20px;
   border:none;
}

Und in der "index.html" vom im Header vom Theme Element unter:

Code Auswählen Erweitern

<div id="header" class="bx">

Code Auswählen Erweitern

<img id="bild" src="images/beispiel.gif" alt="beispiel.gif" width="760" height="110" />

Dankeschön nochmal