[phpBB2] Header (einzelnes Bild soll sich ändern)

Hallo, ich wünsche euch einen schönen Freitag.

Also ich hätte mal wieder eine Frage.

Und zwar....
Im Bild das ihr unterhalb seht steht "Hier" darin.
Ich möchte dort noch gerne ein Bild einfügen.

Allerdings dachte ich mir, dass sich dieses einzelne Bild wo "Hier" steht ändert wenn man zum Beispiel mit der Maus über die Navigations-Buttons fährt. Also über Portal, Forum, Mitglieder etc. So würde halt immer ein anderes neues kleines Bild aufscheinen.

Ich hoffe, ich hab das einigermaßen gut erklärt was ich meine. o.o

Jetzt ist halt meine Frage ob das möglich wäre und vorallem wie man das am besten umsetzen kann.


Ich wäre echt sehr dankbar, wenn mir hier bitte jemand weiter helfen würde.

Ich bedanke mich herzlich für eure Unterstützung und wünsche euch noch einen angenehmen Freitag Nachmittag.

Liebe Grüße
Leonides

Hallo Leonides,

möglich wäre das schon, aber ein recht hoher Aufwand.
Zunächst benötigst du mehrere Header-Versionen: Die normale Version, die im "Ruhezustand" angezeigt wird, und zusätzlich für jeden gehoverten Navibutton eine eigene Version, in der sich dann eben z.B. ein Bild an der Stelle "Hier" befindet.
Anschließend müsste man in den Templates größere Veränderungen vornehmen. Die Logo-Variable muss entfernt werden und durch ein Bildelement mit jenem Bild, welches im Ruhezustand angezeigt werden soll, ersetzt werden. Das ist aus diesem Grund nötig, dass man sich mit einem Attribut auf das folgende Script beziehen müsste. Des Weiteren müsste man ein Scriptelement einsetzen.
Danach müsste man die vorhandene Navigation aus den Templates entfernen, da diese nur als eine einzelne Variable eingebunden ist und wir deshalb auf die einzelnen Bildelemente keinen Zugriff haben. Stattdessen wären an dieser Stelle alle Navibuttons einzeln einzusetzen und mit Attributen zu versehen, die sich auf das bereits genannte Script beziehen.

Du kannst dir in meinem Testforum ein Bild davon machen, wie das vom Prinzip her aussehen würde: http://guenther1.forumieren.com/
Ich habe aus Mangel gleich großer Bilder für sowohl die beiden Navibuttons als auch die beiden Hoverlogos jeweils dasselbe Bild eingesetzt, weil das ja für ein Beispiel trotzdem ausreicht. Außerdem verschiebt sich das Layout ein bisschen beim Hovern, was bei identisch großen Logografiken dann nicht mehr der Fall wäre.
Ich habe das einfach mal schnell umgesetzt, aber möglich ist es auf jeden Fall.

Wie du sicher erkennst, würde die Umsetzung aber recht weitgreifende Templateänderungen bedeuten und ich weiß nicht, ob dir das nicht vielleicht etwas zu viel wäre. Du kannst dir ja ein Bild davon machen und überlegen, ob du so vorgehen möchtest oder doch lieber nicht.

Liebe Grüße
Günther

Hallo Günther!
Danke für deine Erklärung und das du mir ein Beispiel zurecht gemacht hast.

Weißt du der Aufwand der stört mich eher weniger, vorallem weil ich mir denke dass ich bei einer guten Erklärung noch etwas dazu lernen kann.

Aber ich hab dazu noch drei Fragen!

1. Du meintest das Layout verzieht sich. Bezieht sich das jetzt nur auf die Schrift oder auf den ganzen Header. Also das sich das Bild verzieht?

Wenn das der Fall ist, hätte diese Idee nicht den gewünschten Effekt.

2. Ich hab mein Templates bereits bearbeitet könnten die Änderungen darauf Einfluss nehmen?

3. Könnten sich bei dieser Änderung Fehler einschleichen? Zum Beispiel, dass auf einmal das Forum nicht mehr geht? Wenn man einen Beitrag schreibt dass dann eine Fehlermeldung kommt?

Es ist nämlich so,... ich bin euch wirklich sehr dankbar, dass ich mich immer wieder, mit meinen Fragen an euch wenden kann. Und ich seh eure Hilfestellung hier auch nicht als selbstverständlich. Und wenn du sagst dass die Änderungen im Templates sehr aufwendig sind und es klappt am Ende nicht möchte ich nicht um sonst eure Zeit in anspruch nehmen. Den ich denke ihr habt da denk ich auch etwas besseres zu tun und aus diesem Grund möchte ich erst mal mit meinen Fragen vorbeugen bevor ich mich nun entgültig entscheide.

Aber Fakt ist, dass ich dir jetzt schon sehr dankbar bin, da du bereits auf meine Idee eingangen bist.

So dann hätte ich noch eine bitte,... also es gibt ja diese neue 24 Stunden Regel hier im Forum und es ist so das ich von Samstag auf Sonntag nach Wien fahre könntet ihr vielleicht bitte dieses Thema offen lassen? Ich werde ganz bestimmt auf die nächste Antwort reagieren!!!

Danke schon mal!!!

Ich wünsche euch noch einen schönen gemüdlichen Freitag Abend und last die Woche in Ruhe ausklingen am besten ohne Stress!

Liebe Grüße
Leonides

Bitte.

Leonides schrieb:1. Du meintest das Layout verzieht sich. Bezieht sich das jetzt nur auf die Schrift oder auf den ganzen Header. Also das sich das Bild verzieht?

Der Forentitel verschiebt sich in meinem Testforum ein bisschen, aber wie gesagt nur, weil ich bei dieser Testversion nicht auf die Größenverhältnisse geachtet habe. Bei dir wären die verschiedenen Hoverlogos ja exakt gleich groß und deshalb gäbe es dieses Problem natürlich nicht.
Wie gesagt, habe ich das schnell eingebaut und deshalb nicht darauf geachtet, ob sich der Header etwas verschiebt oder nicht.

Leonides schrieb:2. Ich hab mein Templates bereits bearbeitet könnten die Änderungen darauf Einfluss nehmen?

Hierzu müsste das Template overall_header bearbeitet werden. Wenn du dort noch keine Veränderungen vornegommen hast, stellt sich die Frage gar nicht. Wenn doch, dann müsstest du nachsehen, ob sich in den Bereichen Veränderungen befinden, in denen man für diesen Effekt etwas ändern muss. Falls du also nicht gerade an denselben Stellen etwas verändert hast, sollte man das problemlos unter einen Hut bekommen.

Leonides schrieb:3. Könnten sich bei dieser Änderung Fehler einschleichen? Zum Beispiel, dass auf einmal das Forum nicht mehr geht? Wenn man einen Beitrag schreibt dass dann eine Fehlermeldung kommt?

Da sich die Änderungen nur im Template für den Kopfbereich abspielen, wäre von etwaigen Fehlern nur dieser Bereich betroffen.
Allerdings muss ich dazu sagen, dass du hier sehr genau und konzentriert arbeiten müsstest, weil sich andernfalls schon Fehler einschleichen könnten, welche die Funktionen des Kopfbereichs (z.B. die Navigation im Forum) stören könnten. Also dürftest du die Templateveränderung erst veröffentlichen, nachdem in der Vorschau alles in Ordnung ist.

Ich weiß nicht, wie weit deine HTML- und Scriptkenntnisse reichen, aber ein bisschen Vorwissen müsstest du für diese Änderungen schon mitbringen. Außerdem müsstest du dann in Zukunft auch wissen, wie du Anpassungen in diesem Bereich vornehmen kannst (Logo, Buttons austauschen etc.), da diese Funktion über die Bilderverwaltung im Adminbereich nicht mehr möglich wäre. Eine kleine Sache muss ich noch erwähnen: Der PN-Button würde sich nicht mehr anpassen, wenn neue PNs eingetroffen sind, da wir diesen systemgenerierten Buttonwechsel nicht nachstellen können. Daher müsste man sich in diesem Bezug mit der Pop-Up-Benachrichtigung zufrieden geben.
Zusammengefasst bedeutet das, dass die Veränderung möglich ist, aber etwas Vorwissen und konzentriertes Arbeiten verlangt. Wenn du das mitbringen kannst und auch die Einschränkungen in der AB-Bilderverwaltung akzeptierst, könnten wir es in Angriff nehmen.

Das Thema können wir offenlassen, kein Problem.

Hallo,

ich verschiebe das mal in "allgemeine Diskussionen", denn das geht weit über unseren Support hinaus und hat im Hilfebereich nichts zu suchen.

Auszug aus diesem Beitrag

Wir sind gerne behilfich bei Problemen, die die Forenfunktion einschränken.
Wenn diese Probleme dann nur durch Templateänderungen oder Einträgen im persönlichen CSS zu lösen sind, dann helfen wir immer gerne

Aber für solche Dinge, die euer Forum verschönern oder weil ihr irgendwas woanders haben möchtet, weil ihr das besser findet, sind wir hier nicht zuständig.

Grundsätzlich sollte jeder, der von den Standardnormen des Forums abweichen will und sein Forum individueller gestalten möchte, sich mal mit HTML, CSS und dergleichen beschäftigen, um solche Änderungen selber zu bewerkstelligen.

Hallo alle zusammen!

Also ich hab mir das eigentlich soweit überlegt gehabt,... und ich würde das ganze schon sehr gern machen. Meine HTML Kenntnisse sind jetzt nicht gerade so toll aber ich denke schon dass ich soweit konzentriert arbeiten kann. Aber wie gesagt ich würde mich halt sehr über eine Erklärung freuen.

Und Zuckerpuppe mir ist das bewusst, deshalb hab ich auch oben geschrieben:

Leonides schrieb:Den ich denke ihr habt da denk ich auch etwas besseres zu tun und aus diesem Grund möchte ich erst mal mit meinen Fragen vorbeugen bevor ich mich nun entgültig entscheide.

Auch wenn ich die Idee jetzt nicht umsetzen kann, bin ich euch auf jeden Fall dankbar, dass ich meine Gedanken mit euch teilen durfte.

Ich wünsche euch noch einen schönen Montag!
Liebe Grüße
Leonides

Leonides, ich hab ja nicht gesagt, dass man dir hier nicht helfen darf, bzw du deine Idee nicht umsetzen kannst.
Ich habe lediglich den Thread in "allgemeine Diskussionen" verschoben. Hier darf natürlich jeder, der sich damit auskennt, helfen. Soviel ich weiß, hat Günther da für dich eine Lösung.
Nur für unseren Supportbereich ist das Thema eben nicht geeignet

Dann legen wir mal los.

Diese Veränderungen können wir in drei Schritte einteilen:
1) Logo austauschen
2) Script für Hoverlogos einsetzen
3) Navigationsbuttons einsetzen

Alle Schritte führen wir in folgendem Template durch:
AB -> Anzeige -> Templates -> Allgemeines -> overall_header
Du weißt sicherlich bereits, dass du nach dem Absenden der Änderungen über einen Klick auf zur Vorschau gelangst und das Template dann schlussendlich über veröffentlichen musst.

1) Logo austauschen

Du benötigst mehrere Grafiken: Das normale Logo, welches im "Ruhezustand" angezeigt wird, sowie für jeden einzelnen Navigationsbutton ein eigenes Logo, welches jeweils beim Hovern des Buttons angezeigt wird. Da es sich dabei immer um dieselbe Grafik mit Veränderungen in einem bestimmten Bereich handelt, werden diese Grafiken alle gleich groß sein, was eine wichtige Voraussetzung darstellt.

Wir suchen nun im Template folgenden Bereich (unverändertes Template: Zeilen 246 - 262):

<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<br />
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br />
<span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
<!-- END switch_logo_right -->
</tr>

Dort gibt es drei Bereiche, deren Kennzeichnungen ich dir farblich markiert habe. Befindet sich dein Logo links neben dem Titel, bearbeiten wir den ersten Bereich, bei einer Zentrierung des Logos den zweiten Bereich und bei einem rechts angezeigten Logo den dritten Bereich.
In den anderen beiden Bereichen führen wir keinerlei Änderungen durch.

Folgender Teil bindet die Logografik ein und wird entfernt:

<img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />

Stattdessen setzen wir an genau dieser Stelle folgenden Code ein:

<img src="GRAFIKURL" name="logohover" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />

Bei "Grafikurl" fügst du die Url zum Logo im Ruhezustand ein.

2) Script für Hoverlogos einsetzen

Nun schreiben wir ein Script und setzen dieses am besten direkt nach dem jeweiligen Schalter (also <!-- END switch_logo_XXX -->) ein.
Das Script setzt sich aus folgendem Grundcode zusammen, welcher sich mehrmals wiederholen wird:

image0 = new Image;
image0.src = "BILDURL";

Diese zwei Codezeilen fügst du entsprechend der insgesamten Anzahl von Logos ein. Das bedeutet: Sowohl das Ruhezustands-Logo als auch jedes Hoverlogo benötigt jeweils einmal diesen Befehl. Dabei werden die von mir fett markierten Zahlen bei jeder Wiederholung dieses Codes ausgetauscht. Möchtest du also zusätzlich zum normalen Logo fünf Navigationsbuttons einsetzen, die ein eigenes Hoverlogo hervorrufen, geht die Nummerierung von image0/image0.src bis image5/image5.src. Dabei musst du natürlich jedes Mal eine andere Bildurl verwenden.

Wenn wir dieses Script geschrieben haben, setzen wir es noch zwischen die beiden nötigen HTML-Tags, sodass das Ergebnis so aussieht:

<script type="text/javascript">
image0 = new Image;
image0.src = "BILDURL";

...

image5 = new Image;
image5.src = "BILDURL";
</script>

3) Navigationsbuttons einsetzen

Erneut ein etwas aufwändigerer Teil, denn wir werden nun die Navivariable entfernen und stattdessen jeden Navibutton einzeln in das Template einsetzen.
Dazu suchen wir diesen Bereich (unverändertes Template: Zeilen 265 - 269):

<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>

Die rot markierte Variable wird entfernt. Stattdessen setzen wir an derselben Stelle jeden Navibutton nach diesem Schema ein:

<a class="mainmenu" href="VERLINKTER ORT">
<img onmouseover="document.logohover.src=image1.src" onmouseout="document.logohover.src=image0.src" border="0" hspace="0" title="NAME" alt="NAME" src="BILDURL"></a>

Bei "verlinkter Ort" fügen wir jenen Link ein, wohin ein Klick auf den Button führen soll. Hier eine Übersicht:

• Startseite: /forum
  
• Portal: /
  
• Kalender: /calendar
  
• Galerie: /gallery/index.htm
  
• FAQ: /faq
  
• Suchen: /search
  
• Mitglieder: /memberlist
  
• Nutzergruppen: /groups
  
• Profil: /profile?mode=editprofile
  
• Nachrichten: /privmsg?folder=inbox
  
• Anmelden: /register
  
• Login: /login
  
• Logout: /login?logout

Du kannst das genau so übernehmen, es ist nicht notwendig, vor dem Schrägstrich deine Forenadresse zu ergänzen.
Bei "Bildurl" wird logischerweise die Url des jeweiligen Buttons eingesetzt. Bei "Name" benennen wir den Button passend (z.B. "Kalender"). Und an der markierten Stelle, also im onmouseover-Attribut, musst du die Zahl entsprechend dem Script anpassen, welches wir in Schritt 2 geschrieben haben. Wenn der Kalenderbutton dort z.B. das Logo mit image2(.src) zugewiesen bekommen hat, setzst du hier ebenfalls image2.src ein.
Wichtig ist hierbei: Das onmouseout-Attribut bleibt immer identisch, bitte verwechsle die beiden nicht.

Kommen wir nun zu einer Besonderheit. Einige Buttons sollen eventuell nur für eingeloggte User sichtbar sein und für Gäste nicht. Um das zu erreichen, setzen wir jeden solchen Button zwischen diese beiden Schalter:

Code:

<!-- BEGIN switch_user_logged_in -->

<!-- END switch_user_logged_in -->

Natürlich muss zumindest der "Logout"-Button von diesen beiden Schaltern umgeben werden, damit ihn nur eingeloggte User sehen können. Möchtest du erreichen, dass nur Gäste einen Button sehen können (z.B. bei "Anmelden" oder "Login"), sieht der benötigte Schalter folgendermaßen aus:

Code:

<!-- BEGIN switch_user_logged_out -->

<!-- END switch_user_logged_out -->

Das wäre es erst mal im Groben.
Wenn du danach noch Kleinigkeiten anpassen möchtest, können wir dann darüber sprechen. Zuerst einmal solltest du dir eine ungestörte Zeit nehmen, konzentriert und in aller Ruhe arbeiten und bei Unklarheiten zwischen drin einfach mich kurz danach fragen. Ich hoffe, das war verständlich und du kannst es problemlos umsetzen.

Hallo ihr zwei!
Ich hoffe euch gehts gut?

Also so hab ich es letztes mal nicht gemeint. Ich weiß ja, dass ich hier nicht auf Taubeohren stoßen, darüber bin ich auch sehr froh und vorallem ( wie schon erwähnt ) sehr dankbar. Ich wollte lediglich damit sagen, dass es mir bewusst ist, dass ihr für "verschönerungen Projekte" nicht verantwortlich seit.

Ich mein es ist doch so,... ich kann mich immer an euch wenden, wenn ich eine Idee habe und nicht weiß wie ich es umsetzen kann. Ich möchte auch eure Hilfestellung hier im Forum nicht ausnützen oder so, eben weil ich weiß dass ihr andere Dinge zu tun habt. Und es ist weiß Gott nicht selbst verständlich, dass ihr jeden Tag unsere Fragen beantwortet. Deshalb bin ich dankbar, dass ich mich mit meinen Ideen an euch wenden kann, egal ob diese nun umgestzt werden kann oder nicht. Den ihr lest unsere Anliegen durch und gebt euer bestes darauf einzugehen egal ob es nun in eurem Bereich liegt oder nicht!!!

Also noch mal hier ein großes DANKE an das gesamte Forumieren Team!!!

Sooo, nun aber zurück zum Thema!!!!

Danke Günther das du dir die Arbeit gemacht hast und das ganze zu so einer späten Uhrzeit zusammen geschrieben hast. Ich hoffe du hattest danach keine Alpträume oder so.

So ich hab das ganze nun zwei mal ausprobiert und irgendwie ist bei mir der Hund begraben, den irgendwie Funktioniert das ganze nicht. *Mich am Kopf kratz*

Und ich glaube dass vielleicht der Fehler in den letzten zwei abschnitten versteckt sein könnte deshalb hab ich hier eine Frage, den es kann sein dass ich etwas nicht richtig verstanden habe. *Verlegen schau*

Also...
Ich hab hier bei image0.src="Bildurl"; Das Ruhezustand Bild.

Code:

    <script type="text/javascript">
    image0 = new Image;
    image0.src = "BILDURL";

    ...

    image5 = new Image;
    image5.src = "BILDURL";
    </script>

Code:

<a class="mainmenu" href="VERLINKTER ORT">
<img onmouseover="document.logohover.src=image1.src" onmouseout="document.logohover.src=image0.src" border="0" hspace="0" title="NAME" alt="NAME" src="BILDURL"></a>

Wenn ich nun in der Navigation die Änderung vornehmen möchte müsste es dann doch so aussehen?

Code:

<a class="mainmenu" href="http://anime-central.all-forum.net/">
<img onmouseover="document.logohover.src=image1.src" onmouseout="document.logohover.src=image0.src" border="0" hspace="0" title="Forum" alt="Forum" src="BILDURL"></a>

Würde ich sagen wir jetzt mal nun den Navigationsbutten für die Gruppen machen wollen. Würde das ganze so aussehen....

Code:


<a class="mainmenu" href="http://anime-central.all-forum.net/groups">
<img onmouseover="document.logohover.src=image2.src" onmouseout="document.logohover.src=image0.src" border="0" hspace="0" title="Gruppen" alt="Gruppen" src="BILDURL"></a>

So ich hab dann hier bei "document.logohover.src=image2.src" das heißt ich muss im dem Script unterhalb....das nun so eintragen?

Code:

    <script type="text/javascript">
    image0 = new Image;
    image0.src = "Bild im Ruhezustand";

    image1 = new Image;
    image1.src= "Bild 1";

    image2 = new Image;
    image2.src = "Bild 2";
    ...

    image5 = new Image;
    image5.src = "BILDURL";
    </script>

Hab ich das soweit nun richtig verstanden oder hab ich darin meinen Fehler versteckt? o.o
Ich hab im Testforum nun auch meine zwei Versuche zurück gesetzt und will es später noch einmal versuchen mit der Hoffnung dass es dann vielleicht klappt.

Kein Rückzug kein Aufgeben. XD

Vielleicht hab ich ja auch irgendwas anderes übersehen. ~.~

Danke auf jeden Fall noch mal, dass du dir die Zeit nimmst und auf mich hier eingehst!

Ich wünsche euch noch einen schönen Donnerstag Vormittag.

Liebe Grüße
Leonides

Günther ist gerade nicht hier, aber wenn du mal genau beschrieben hättest, was genau nicht geklappt hat, dann wäre das besser gewesen.
Ich denke, das es aber an deinen Links liegt.
Wenn ich das richtig sehe hast du in beiden Fällen die du hier gepostet hast, als ruhebild das image0 angegeben.
Also gehe ich davon aus, das bei beiden Navipunkten auch das selbe Bild im Ruhezustand angezeigt wird. Also nehme ich an, das das der Fehler ist.
Für jedes Bild, das du anzeigen und tauschen willst, must du auch im Script ein Bild definieren und das entsprechend im Link auch einsetzen.
Ist das so und war das dein Fehler?
Wenn ja, dann ist es gut, und ansonsten wird Günther dann hier weiter helfen.

Leonides schrieb:Danke Günther das du dir die Arbeit gemacht hast und das ganze zu so einer späten Uhrzeit zusammen geschrieben hast.

Bitte.

#Frank schrieb:Wenn ich das richtig sehe hast du in beiden Fällen die du hier gepostet hast, als ruhebild das image0 angegeben.

Das ist schon richtig so. Jedes mal, wenn man einen der Navibuttons verlässt, soll das Script ja wieder das normale Logo im Ruhezustand anzeigen. Deshalb muss das onmouseout-Attribut auch immer auf das image0 verweisen.

In diesen Bereichen wäre soweit alles okay, wenn du sie genau so und auch an der richtigen Stelle eingesetzt hast. Das Problem ist, dass ich ohne eine Beschreibung der Fehler oder ohne dein fehlerhaftes Testforum anzusehen nicht wissen kann, wo hier das Problem liegt. Sollte es also wieder nicht klappen, dann lass es bitte so und ich kann es mir in deinem Testforum ansehen.

Was mir aber aufgefallen ist:

Code:

<a class="mainmenu" href="http://anime-central.all-forum.net/">
<img onmouseover="document.logohover.src=image1.src" onmouseout="document.logohover.src=image0.src" border="0" hspace="0" title="Forum" alt="Forum" src="BILDURL"></a>

Günther schrieb:Bei "verlinkter Ort" fügen wir jenen Link ein, wohin ein Klick auf den Button führen soll. Hier eine Übersicht:

• Startseite: /forum
  
• Portal: /
  
• Kalender: /calendar
  
• Galerie: /gallery/index.htm
  
• FAQ: /faq
  
• Suchen: /search
  
• Mitglieder: /memberlist
  
• Nutzergruppen: /groups
  
• Profil: /profile?mode=editprofile
  
• Nachrichten: /privmsg?folder=inbox
  
• Anmelden: /register
  
• Login: /login
  
• Logout: /login?logout

Du kannst das genau so übernehmen, es ist nicht notwendig, vor dem Schrägstrich deine Forenadresse zu ergänzen.

Außerdem solltest du sehr genau darauf achten, dass du auch alles an der richtigen Stelle einsetzt. Nach meiner Beschreibung wäre das Scipt z.B. nicht unterhalb der Navibuttons, wie du es sagst. Das ist in diesem Fall zwar nicht schlimm, aber es deutet für mich darauf hin, dass du vielleicht auch andere Elemente nicht richtig platziert hast.

Edit:
Ich habe jetzt in einem deiner Themen den Link zu deinem Testforum gefunden. Fehler, die mir auffallen:
1) Du verwendest immer die gesamte Forenurl. Lies dir bitte mein Zitat nochmals durch, denn das ist nicht notwendig.
2) Du hast bei den Navibuttons "BILDURL" nicht durch die Url einer Grafik ersetzt, die als Navibutton dient, sondern genau so belassen.
3) Du hast das Script ebenfalls nicht nach der Anleitung geschrieben:

Code:

image0 = new Image;
image0.src = "http://www7.pic-upload.de/02.07.12/1r7el4sdxvki.png";

image1.src = "http://www7.pic-upload.de/02.07.12/1r7el4sdxvki.png";

image2.src = "http://www7.pic-upload.de/07.08.12/bctmwl2vphsz.png";

Fällt dir auf, dass du "image1" und "image2" nicht als neues Bild definierst? So kann das Script den folgenden Befehl nicht verstehen.
Noch dazu hast du zweimal dieselbe Grafik eingesetzt, wodurch natürlich beim 1. Button kein Hovereffekt zu sehen ist, da das verwendete Bild identisch mit dem Ruhezustandslogo ist.

Hallo ihr beiden!

Also erst einmal danke für eure Geduld,... ich weiß manchmal seh ich den Wald vor lauter Bäume nicht mehr.

Aber es gibt tolle Nachrichten, ich hab es nach dem dritten Versuch geschafft und bin voll glücklich darüber.
Jetzt brauch ich nur noch die Navigationsbuttones entwerfen.

DANKE DANKE DANKE Günther du hast mir voll die Freude damit gemacht.

Aber ich hab noch eine Frage zu diesem Thema.

Und zwar,...

Ich hab im anderen Forum die Navigation oberhalb von Header und diese wurde halt fixiert.

Ist das eigentlich noch möglich oder muss ich darauf verzichten?

Und wenn es möglich ist, welchen Teil vom Code muss ich dann wo genau hinsetzen?

Danke noch mal!

Ich wünsche euch noch einen schönen Nachmittag!

Liebe Grüße
Leonides

Leonides schrieb:DANKE DANKE DANKE Günther du hast mir voll die Freude damit gemacht.

Schön, dass ich dir damit eine solche Freude machen konnte. Habe ich gern gemacht.

Leonides schrieb:Ich hab im anderen Forum die Navigation oberhalb von Header und diese wurde halt fixiert.
Ist das eigentlich noch möglich oder muss ich darauf verzichten?

Auch das ist problemlos möglich.
Dazu suchst du im Template diese Stelle und ergänzt den grünen Teil:

<table id="navi" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>

Dabei handelt es sich um den Beginn der Tabelle, in der sich die Navigation befindet. Durch den grünen Teil indizieren wir diese Tabelle und können sie anschließend über folgenden CSS-Eintrag oben fixieren, wie du es dir wünschst:

Code:

#navi {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

Ganz ehrlich, ich hatte die Idee schon recht lange und wusste einfach nicht wie ich das am besten umsetzen konnte. Von dem her bin ich wirklich froh, dass du das wusstest und mir mit soviel Geduld entgegen kamst. Danke noch mal!

Das mit der Navigation hat soweit auch geklappt.

Allerdings hab ich beim CSS Teil

Left mit 550 eingegeben dass es mittig ist.
Vielleicht gibt es da auch eine bessere Lösung, aber die schien mir eigentlich recht einfach.

Liebe Grüße
Leonides

Edit: Ich hab ganz vergessen, dass es dafür eine Einstellung. Hab nun den CSS Teil zurück gesetzt so das Left: 0 ist und bei Anzeige -> Kopfteil und Navigation -> Navigation auf Zentriert gesetzt.

Danke noch mal.

Leonides schrieb:Allerdings hab ich beim CSS Teil Left mit 550 eingegeben dass es mittig ist.

Warum hast du das getan? Dadurch wird es in deinem Testforum bei mir eben nicht mittig angezeigt.
Ich habe mir beim Wert 0 in Kombination mit der Breite von 100% schon etwas gedacht. Probiere es einfach mal genau so aus, wie ich dir den Code gegeben habe, und du wirst sehen, wovon ich spreche.

Oje jetzt war ich mit meinen Edit zu langsam.

Leonides schrieb:Edit: Ich hab ganz vergessen, dass es dafür eine Einstellung gibt. Hab nun den CSS Teil zurück gesetzt so das Left: 0 ist und bei Anzeige -> Kopfteil und Navigation -> Navigation auf Zentriert gesetzt.

Danke noch mal.

Liebe Grüße
Leonides

Leonides schrieb:Edit: Ich hab ganz vergessen, dass es dafür eine Einstellung. Hab nun den CSS Teil zurück gesetzt so das Left: 0 ist und bei Anzeige -> Kopfteil und Navigation -> Navigation auf Zentriert gesetzt.

Das hatte ich vorausgesetzt, dass du die Navigation im AB auch auf zentriert eingestellt hast, wenn du sie oben zentrieren möchtest. Und in Kombination mit der Breite von 100% ist es dann eben wichtig, dass man "left" auch mit dem Wert 0 festlegt, damit es überall genau so angezeigt wird. Aber da bist du ja jetzt doch noch draufgekommen.

Bitte, Leonides. Ich freue mich, dass ich dir zeigen konnte, wie du deinen Wunsch umsetzen kannst.

Wie gesagt ich hab das voll vergessen, dass es dafür eine Einstellung gibt.

Aber danke das du mir das nun mit dem Left: 0 auch noch erklärt hast.

Ich finde es echt toll, dass man hier etwas dazu lernt.

Ich hoffe, dass auch andere diese Möglichkeit nützen werden, den ich denke dass es wirklich etwas feines ist und ein wenig Abwechslung ins Forum bringt. Den man sieht wirklich oft super tolle Foren und man weiß dann eigentlich nie wirklich wie dies und das umgesetzt wurde. Von dem her hoffe ich dass sich auch andere über deine Erklärung darüber freuen werden nicht nur ich.

Also Danke noch mal und wenn ihr wollt könnt ihr nun gern das Thema schließen. Ich werde auch gleich das erledigt zeichen rein machen.

Ich wünsche dir noch einen schönen Abend.

Liebe Grüße
Leonides

Macht doch nichts.

Bitte, Leonides! Deine Rückmeldung freut mich genauso, da es nicht selbstverständlich ist, dass man unsere Arbeit hier wertschätzt und so positives Feedback zurückbekommt.
Es freut mich, dass ich dir dabei helfen konnte, diesen Wunsch zu realisieren.

Leonides schrieb:Von dem her hoffe ich dass sich auch andere über deine Erklärung darüber freuen werden nicht nur ich.

Das hoffe ich auch. Deshalb habe ich auch jeden einzelnen Schritt so genau erklärt, da ich schon denke, dass wieder mal jemand genau danach suchen wird und die Anleitung noch gebrauchen kann.

Dir auch noch einen schönen Abend, Leonides!

-done-