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. :)
in der index.html, z. B. da wo der Page-title steht kannst du anstatt dem Text ne Grafik einbauen.
bye....
Zitat von: xmjay in 27 Oktober 2009, 11:32:54
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?
<img src="beispielordner/beispiel.gif" width="400px" height="800px" alt="beispiel.gif" />
oder
<img class="img"/>
hier könntest du dann dein CSS wie folgt erweitern und dort die Grafik plazieren.:
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.
Moinsen !
Ich danke Euch !!!
Hatte nen Denkfehler :red:
Probiere erstma und melde mich dann (hoffentlich mit der Lösung)...
Hello again !
:drinks:
Habe es in der
Zitat von: Franky in 27 Oktober 2009, 13:35:22
index.html, z. B. da wo der Page-title
direkt hinter
<a href="./" title="{_THEME_GOTOHOME}">{PAGE_TITLE}</a>
</h1>Zitat von: SvenW in 27 Oktober 2009, 13:52:42
<img src="beispielordner/beispiel.gif" width="400px" height="800px" alt="beispiel.gif" />
eingefügt und funzt prima. :cul:
Ist es möglich, diese Grafik im Vordergrund anzuzeigen, also "vor/über" den Tabs ?
Versuch mal direkt nach <div id="header" class="bx"> die Grafik einzubauen...
Zitat von: SvenW in 27 Oktober 2009, 21:14:35
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"
Ergänze mal deine layout.css :
#imgbeispiel {
width:660px;
margin-top:-20px;
margin-left:-20px;
}
und in der index.html direkt nach <div id="header" class="bx"> noch:
<img id="imgbeispiel" src="beispiel.gif" alt="beispiel" />
Nicht LIVE getestet... aber es sollte funktionieren... :puzzled:
Moinsen Sven !
Das Ergebnis (siehe Screenshot)...
Wäre ein FTP-Zugang nützlich ?
hm, pack mal width und height wieder in die index.html...
<img id="imgbeispiel" src="beispiel.gif" alt="beispiel" width="660px" height="100px" />
Dieser Code ist in der index.html
<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:
Moin :)
html kennt keine Masseinheiten, dort gibets nur Pixel, die dürfen aber nicht angegeben werden.
Also so:
<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:
<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" style="width: 800px; height: 70px" />
Zitat von: Andi in 28 Oktober 2009, 15:00:08
html kennt keine Masseinheiten, dort gibets nur Pixel, die dürfen aber nicht angegeben werden.
:gott:
Hallo :smile:
Der Code bewirkt zwar ne Veränderung, jedoch nicht die gewünschte.
Zwei Screenies im Anhang
"elementhead_code1"
Zitat von: Andi in 28 Oktober 2009, 15:00:08
<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" width="800" height="70" />
"elementhead_code2"
Zitat von: Andi in 28 Oktober 2009, 15:00:08
Oder eben mit Style und Masseinheit:
<img id="imgbeispiel" src="http://www.xmjay.de/aha/themes/element/beispiel.gif" alt="beispiel.gif" style="width: 800px; height: 70px" />
Hi !
Ging per PM weiter...
In der "layout.css" diesen Code einbinden:
#bild {
margin-top:-20px;
margin-left:-20px;
border:none;
}
Und in der "index.html" vom im Header vom Theme Element unter:
<div id="header" class="bx">
<img id="bild" src="images/beispiel.gif" alt="beispiel.gif" width="760" height="110" />
Dankeschön nochmal :JC_gimmefive: