[Solved] Grafik im Theme Element integrieren

Begonnen von xmjay, 27 Oktober 2009, 11:32:54

⏪ vorheriges - nächstes ⏩

0 Mitglieder und 1 Gast betrachten dieses Thema.

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.  :)
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

Franky

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

bye....
"Ich möchte schlafend sterben, wie mein Opa, nicht schreiend, wie sein Beifahrer."

SvenW

Zitat von: xmjay am 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.

xmjay

Moinsen !

Ich danke Euch !!!

Hatte nen Denkfehler :red:

Probiere erstma und melde mich dann (hoffentlich mit der Lösung)...
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

xmjay

Hello again !

:drinks:
Habe es in der
Zitat von: Franky am 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 am 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 ?
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

SvenW

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

xmjay

Zitat von: SvenW am 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"
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

SvenW

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:

xmjay

Moinsen Sven !

Das Ergebnis (siehe Screenshot)...

Wäre ein FTP-Zugang nützlich ?

CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

SvenW

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


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



xmjay

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:
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

Andi

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"  />
schön´s Grüssle, Andi

SvenW

Zitat von: Andi am 28 Oktober 2009, 15:00:08
html kennt keine Masseinheiten, dort gibets nur Pixel, die dürfen aber nicht angegeben werden.

:gott:


xmjay

Hallo  :smile:

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

"elementhead_code1"
Zitat von: Andi am 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 am 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"  />
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66

xmjay

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:
CMS-Version: pragmaMx 1.12.3 | PHP-Version: 5.2.12 | MySQL-Version: 5.1.66