[JuW]

Bitte füllen Sie folgende Angaben möglichst vollständig aus.

Welcher Style: Brown-Circle WBB + Browncircle-Webtemplate WBB
Version der Forensoftware: 2.2.3.

Beschreibung des Problems:

Zu meinem Style des Forums habe ich heute noch ein Webtemplate online gestellt ( Brown-Circle-wbb).

Jetzt möchte ich im Forum den Button "Forum" in "Startseite" ändern, damit es mit dem Webtemplate passt.

Dazu wollte ich im PS die Datei des Forenstyles bearbeiten, in welcher auch der Headerschriftzug geändert wird ( golbal.psd). Ich weiß nicht, ob das so richtig ist?

Jetzt ist mir aufgefallen, dass er ja jetzt identisch mit golbal.psd des Webtemplates ist.
Jetzt stehe ich grundsätzlich vor dem Problem, wie ich den Button ("Forum") ändern kann?

Danke schonmal,

JuW

[Christian]

Quote: Originally Posted by JuW Dazu wollte ich im PS die Datei des Forenstyles bearbeiten, in welcher auch der Headerschriftzug geändert wird ( golbal.psd). Ich weiß nicht, ob das so richtig ist? JuW

Ja diese Datei ist korrekt und die hovereffekts.psd musst du dann auch noch bearbeiten, eben für den Hovereffekt.

Warum nimmst du nicht einfach den Home Button von deinem Web Template, macht doch eigentlich keinen Sinn einen neuen zu erstellen?

[JuW]

Das Problem ist, dass global.psd für den style jetzt golbal.psd fürs webtemplate entspricht.

D.h. ich habe dort z.B einige Buttons für das Webtemplate im HTML-Editor entfernt, die jetzt dort noch drin sind. Auch sind die Buttons teilweise anders,als aktuell im Forum.

Wie mache ich das jetzt am besten?

[Christian]

Quote: Originally Posted by JuW Das Problem ist, dass global.psd für den style jetzt golbal.psd fürs webtemplate entspricht. D.h. ich habe dort z.B einige Buttons für das Webtemplate im HTML-Editor entfernt, die jetzt dort noch drin sind. Auch sind die Buttons teilweise anders,als aktuell im Forum.?

Du hast die Photoshopdatei mit einem HTML Editor geöffnet?
Nimm doch einfach den Home Button aus deinem Web Template und pflege ihn in das header Template deines Forums ein.

<div class="fl"><a href="/" onmouseover="turnOn('home');" onmouseout="turnOff('home');"><img id="home" class="imgTrans" src="bc/bc_08.gif" alt="Home" /></a></div>

[JuW]

Nein, ich habe das Webtemplate im Dreamwaver bearbeitet.

Habe den Button jetzt aus dem Webtemplate eingefügt. Allerdings klappt der Hover Effekt nicht (Und es ist eine weiße Linie zwischen ihm und dem nächsten button). Was muss ich da machen?

[Christian]

Du musst die Pfade zu den Grafiken anpassen und für den Hovereffekt noch den zusätzlichen Button ins Javascript eintragen. Vergleich es am besten mit dem Javascript aus dem Web Template.

[JuW]

hm. Das gestalltet sich etwas schwierig, weil ich mit Java noch weniger Erfahrung habe.

Hier ist mal die menu.js - Datei. Ich hoffe die würde weiterehlfen. Was müsste davon noch rein?

//Uncomment the next line for random transition rollover each time the page is loaded
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=2, transition='+Math.floor(Math.random()*23)+') }</STYLE>');
//Uncomment the next line for a specific transition rollover (transition=0 to 23)
document.write('<STYLE TYPE="text/css">.imgTrans{ filter:revealTrans(duration=0,transition=9) }</STYLE>');

//Uncomment the next line for fading rollovers
//document.write('<STYLE TYPE="text/css">.imgTrans{ filter:blendTrans(duration=2) }</STYLE>');

var onImages=new Array();
function Rollover(imgName, imgSrc)
{
 onImages[imgName] = new Image();
 onImages[imgName].src = imgSrc;
}
function turnOn(imgName)
{
 if(document.images[imgName].filters != null)
  document.images[imgName].filters[0].stop();
 document.images[imgName].offSrc = document.images[imgName].src;
 document.images[imgName].src    = onImages[imgName].src;
}
function turnOff(imgName)
{
 if(document.images[imgName].filters != null)
  document.images[imgName].filters[0].apply();
 document.images[imgName].src = document.images[imgName].offSrc;
 if(document.images[imgName].filters != null)
  document.images[imgName].filters[0].play();
}
Rollover("home",  "bc/bch_08.gif");
Rollover("forum",  "bc/bch_09.gif");
Rollover("usercp",   "bc/bch_15.gif");
Rollover("register",    "bc/rh.gif");
Rollover("member",    "bc/bch_10.gif");
Rollover("calendar",  "bc/bch_11.gif");
Rollover("new_posts",  "bc/bch_12.gif");
Rollover("quick",   "bc/bch_13.gif");
Rollover("search",   "bc/bch_14.gif");
Rollover("faq",    "bc/bch_16.gif");
//-->

Vielen Dank!

JuW

[Synoxis]

Wie heißt den die Hovergrafik ? dann kann man es dir auch einfügen.

[JuW]

Die Hovergrafik heißt " bch_08.gif " .

[Synoxis]

Dann wäre der Code für dich folgendermaßen:

Öhm und der Hover geht nicht ? Da der Code schon enthalten ist:

Rollover("home",  "bc/bch_08.gif");

Ganz unten nach der letzten }-Klammer steht es schon drin.

[JuW]

Also in dem Code von Christian weiter oben (den ich jetzt ins header-template schon eingefügt habe) ist dieser noch nicht enthalten, soweit ich sehe. Oder was meinst du?

Wo muss ich den genau einfügen?

[Synoxis]

In dem Java Code und dem Code von Christian ist es enthalten. Müsste also funktionieren.

[JuW]

Hm. Komisch.

Der Java Code (menu.js) war allerdings vom Webtemplate! Ich weiß nicht, ob das eine Rolle spielt... ?

Sorry für die Fragen, aber da habe ich wirklich keine Erfahrung.

[Synoxis]

Dann füg das was ich ein paar Beiträge weiter oben gepostet habe in der Datei für das Forum ein. Dann sollte es gehen.

[JuW]

Wo genau füge ich es da ein?