Wie verändert man die Titelleiste über dem Eyecatcher? (Design Pythgoras)

[jpn]

Hallo Forum,

vielleicht eine einfache Frage, aber für mich ist es schon zu schwer ... . Hoffe daher auf Eure Hilfe ...

Ich möchte die Titelleiste oberhalb des Eyecatchers verändern. Genauer gesagt, ich möchte dort statt dem Titel der Website ein html-Element platzieren. Dort einfach nur den Titel stehen zu haben, sieht m. E. einfach nicht gut aus, zumal sich der entsprechende Text (wohl?) nicht formatieren läßt (bzgl. Schriftgröße | -art | -farbe). Mit einem html-Element (bestehend aus Text (Fimenname) + Grafik (logo) + Hintergrundgrafik) sähe das besser aus ... Hab' mal 2 screenshots angehängt, die verdeutlichen sollten, wie ich mir das vorstelle. Wie läßt sich sowas am besten machen? Mit einem html-Element? Wo müßte ich dazu was verändern? Danke an alle, die bis hierhin gelesen haben.... wäre toll, wenn jmd. helfen könnte.

[jpn]

Hallo, ... schade. Keiner eine Idee? Die Frage brennt mir wirklich auf den Nägeln... Oder hab' ich mich unklar ausgedrückt? Fragt doch bitte nach, wenn ich noch eine Erklärung hinterher schieben soll. Mach ich gerne. Muss doch irgendwie möglich sein, den Teil über dem Eyecatcher zu editieren....

Gruß
Jan

P.S.: Natürlich ist mir egal, wie man das anstellt, d.h. es muss nicht mit Hilfe eines html-Elements geschehen (bin froh, wenn's überhaupt klappt). Dachte nur, das wäre der einfachste Weg. Vorschläge zum Edit einer bzw. mehrerer ccml-Dateien (welcher???) sind aber selbstverständlich auch willkommen. Danke!

P.S.2: Den oberen Teil, also den, den ich statt des Websitetitels einfügen möchte, habe ich mir als Grafik (*.jpg) in Photoshop gebastelt. Kann man nicht einfach diese Grafik dort oben platzieren?

[blue]

Das muss in der Navigation.ccml geschehen....

<div id="header">Schreibe hier mal deinen HTML Code hinein</div>

[jpn]

Zitat von blue

Das muss in der Navigation.ccml geschehen....

<div id="header">Schreibe hier mal deinen HTML Code hinein</div>

Danke für den Tipp !!! Hab' das so gemacht und es scheint grundsätzlich zu funktionieren.

ABER: Zwei Probleme bleiben:

1. Mein html-Element beinhaltet eine jpeg-Grafik (kleiner bunter Ball = firmenlogo). W2D findet offenbar diese Grafik nicht und zeigt mir statt dessen den Alternativtext an (ball). Offenbar muß die jpeg-Grafik in einem bestimmten Ordner liegen, damit W2D sie findet und darstellt. Welcher Ordner wäre das?

2. Die Positionierung stimmt noch nicht im Hinblick auf die Höhe. Mein html-Element wird zu tief dargestellt und reicht so in den eyecatcher hinein. Wie kann ich das vermeiden = was muss in welcher *.ccml geändert werden?

Hier der html code den ich deinem Vorschlag entsprechend dort

<div id="header">Schreibe hier mal deinen HTML Code hinein</div>

eingefügt habe.

<div id="header"><table
 style="width: 820px; text-align: left; margin-left: auto; margin-right: auto; height: 30px;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td style="width: 20px;">
      <p
 style="font-family: Arial,Helvetica,sans-serif; font-size: xx-large; margin-left: 0px;"><img
 style="width: 36px; height: 36px; float: left;" alt="ball"
 title="ball"
 src="web%20to%20date%20Projekte/001_projekt_profilhairandstyle_zweithaar/meine_bilder/ball_klein_srgb.jpg"
 hspace="1"> <span style="color: rgb(168, 39, 47);">&nbsp;profil
hair &amp; style</span></p>
      </td>
    </tr>
    <tr align="right">
      <td>
      <p
 style="font-family: Arial,Helvetica,sans-serif; font-size: xx-small;">Uwe
BXXXX | 40XXX DXXXXX;| BXXXX
RXXXXXtra&szlig;e X
| &nbsp;Fon: &nbsp;0XXX-99XXX |
www.profilhairandXXXX@XXX.de</p>
      </td>
    </tr>
  </tbody>
</table>

</div>

Das führt dann zu einer Darstellung wie auf dem angehängten Screenshot - wie man sieht, "zu tief". Zum Vergleich noch ein Screenshot des html-Elements, wie ich es mit Nvu erstellt habe: korrekte Ansicht in Firefox .... , aber leider nicht nach Einbinden in W2D.

Wäre wirklich toll, wenn Du Dir nochmal etwas Zeit nehmen könntest und mir die beiden Fragen beantworten könntest. Dann wäre das Problem erledigt. Vielen vielen Dank!

Gruß
Jan

[blue]

Du solltest noch den Div Container header in der style-design.css ändern.

Das Image sollte auf dem Server liegen....

src=http://deinedomain.de/images/bild.gif"

[jpn]

Ich hab's jetzt ganz anders gemacht. Nicht "schulmäßig" umprogrammiert (da ich von html nicht viel verstehe), sondern eher "hinten herum" mit Photoshop - davon verstehe ein wenig ;-) . Einfach den Teil oberhalb des logos (= eyecatchers) mit Photoshop basteln und als *.gif speichern. Anschließend damit die Datei "pic.header.gif" (liegt im Design Ordner) ersetzen. Fertig. Klappt bei mir ohne Probleme.

[voodoo36]

Ja alles klar, manche Leute lassen sich nicht helfen! Beim nächsten upload ist die Datei wieder überschrieben...
Nachtrag: Hast Recht, ist zwar nicht sauber gemacht, denn du überdeckst (gewollt) damit die Überschrift... aber wenn du mal an den Farben was machst musst du das Bild auch wieder ändern.

[jpn]

Da ist gar nichts weg ... und die site hat schon ein paar uploads hinter sich.

[labelloo]

kann man denn ein Logo, wenn es nicht in html vorliegt, sondern z.B. in jpg. o.ä. auch oberhalb des eyecatchers einbauen?
das wäre ja super :-)

[labelloo]

man sollte erst GENAU im Forum lesen ;-)
Habs gefunden!