Brauche bitte hilfe beim headerlogo

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

Welcher Style:Cyborg-dark-Web Template
Version der Forensoftware:
direkter Link zum Forum mit dem Problem/Fehler:

Beschreibung des Problems:

hallo an alle in diesem super forum,
hab da ein kleines problem mit dem ich nicht weiter komme;hab die neu1.psd im photoshop geöffnet und dort den headerbereich so abgeändert das mein eigener(erstmal vorläufiger) banner erscheint und das ganze wie in den tuts beschrieben für web abgespeichert..der banner besteht nun aus den vorgegebenen 5 slice (1-5)-->siehe bild1
wie binde ich nun diese 5 dateien in die index.html ein denn in der main.css ist ja nur das mittelteil definiert mit

Quote:


	.headpic { background: url(c_02.jpg);height:111px;width:524px; margin:0 auto;}

2. versuch im photoshop den headerbanner als 1 slice statt 5 einzelne slice wie orginal geschnitten(da is er 778 pixel breit und in in meine html eingefügt(css angepasst an diese aber nun das problem das da lings und rechts von dem teil
zeile in der index.html

Quote:


	</div> </div> <div class="headbg"> <div class="headpic"><img src="cyborg-dark/sp.gif" alt="" width="778" height="111" /></div> </div>

main.css:

Quote:


	.headpic { background: url(c_02.jpg);height:111px;width:778px; margin:0 auto;}

-->siehe bild2 unten

wer kann mir helfen von den netten mods hier (thx nochmal an christian für deine geduld

) das problem zu lösen..thx für die hilfe schonmal im vorrausBitte füllen Sie folgende Angaben möglichst vollständig aus.

Welcher Style:
Version der Forensoftware:
direkter Link zum Forum mit dem Problem/Fehler:

Beschreibung des Problems:

*Christian*

Du musst entweder in der Photoshopdatei die Slice-Ebene 02 deinem Banner anpassen oder deinem Banner der Slice-Ebene, dann entsteht beim speichern auch nur das c_02.jpg, wenn du das Slice veränderst sind entsprechende Änderungen auch bei den CSS Definitionen durchzuführen.

Im Prinzip ist es wahrscheinlich am einfachsten, deinen neu eingefügten Banner an die Slice-Ebene 02 anzupassen.

Quote:

Originally Posted by Christian


	Du musst entweder in der Photoshopdatei die Slice-Ebene 02 deinem Banner anpassen oder deinem Banner der Slice-Ebene, dann entsteht beim speichern auch nur das c_02.jpg, wenn du das Slice veränderst sind entsprechende Änderungen auch bei den CSS Definitionen durchzuführen. Im Prinzip ist es wahrscheinlich am einfachsten, deinen neu eingefügten Banner an die Slice-Ebene 02 anzupassen.

danke für deine antwort christian,aber genau besteht ja das problem der umsetzung,ich versteh den aufbau eures templates nicht,im quellcode und in der main.css ist ja nur das headerpic definiert(c_02.gif),aber in der psd datei besteht euer header aus 5 einzelnen slice??wie und wo muß ich denn noch die anderen 4 slice(hab die bilder c_01-c_05.gif vom header umbenannt) ,das wäre die eine möglichkeit..die andere von dir erwähnte da weiß ich nicht genau was du meinst den header an die slice-ebene2 anzupassen da scheitert es an der kenntniss zu photoshop..wie breit muß den der headerbanner eigentlich sein um ihn in allen auflösungen immer gleich zu sehen(800x600,1024x768 usw.)so breit wie die psd datei neu1.psd,also 778 pixel oder muß man den vorher auf 1024 oder sowas erstellen,sei so nett und klär mich mal bitte darüber auf christian..

Ps:mein linkes headerteil (slice1)=c_01.jpg
mitte headerteil (slice 2)=c_02.jpg
dann rechts daneben slice 3=c_03.jpg;slice4=c_04.jpg(is dieses schmale teil was auch als headbg in der css steht??) und ganz rechts dann slice 5=c_05.jpg..vielleicht nützen die diese angaben etwas mehr,wie das ganze dann aussieht is ja oben auf den beiden bildern....thx und mfg rene'

*Christian* · *Last edited by Christian : 17.09.2005 at 16:21.*

Quote:

Originally Posted by rene090965


	danke für deine antwort christian,aber genau besteht ja das problem der umsetzung,ich versteh den aufbau eures templates nicht,im quellcode und in der main.css ist ja nur das headerpic definiert(c_02.gif),aber in der psd datei besteht euer header aus 5 einzelnen slice??wie und wo muß ich denn noch die anderen 4 slice(hab die bilder c_01-c_05.gif

Garnicht nur slice 02 und 04 ist von Bedeutung. Silce 04 ist das Hintergrundbild, dass sich automatisch verbreitert oder verschmälert (je nach Browserauflösung) und das Slice 02 ist das Bild was (zentriert) über dem Hintergrund liegt.

Quote:

Originally Posted by rene090965


	wie breit muß den der headerbanner eigentlich sein um ihn in allen auflösungen immer gleich zu sehen(800x600,1024x768 usw.)so breit wie die psd datei neu1.psd,also 778 pixel oder muß man den vorher auf 1024 oder sowas erstellen,sei so nett und klär mich mal bitte darüber auf christian..

Am besten so breit wie die Slice Ebene 02, ist von der Anpassung am einfachsten, oder du machst es so wie hier beschrieben.

Quote:

Originally Posted by Christian


	Garnicht nur slice 02 und 05 ist von Bedeutung. Silce 05 ist das Hintergrundbild, dass sich automatisch verbreitert oder verschmälert (je nach Browserauflösung) und das Slice 02 ist das Bild was (zentriert) über dem Hintergrund liegt.

na ok,ich steh irgendwie im wald,wie genau meinst du das ,die slice ebene 2 an meinen banner anpassen,muß ich dazu die slice ebenen 1,3 und 4 löschen,sorry aber ich arbeite mit ps erst seit 3 tagen und klingt sicherlich lächerlich..könntest mir ja auch bitte nach möglichkeit erklären wie man(wenn man möglichkeit 2 wegläßt mit ebene2 anpassen) das ganze über css (also slice 1-5)anpasst..mfg rene'

*Christian*

Quote:

Originally Posted by rene090965


	na ok,ich steh irgendwie im wald,wie genau meinst du das ,die slice ebene 2 an meinen banner anpassen,muß ich dazu die slice ebenen 1,3 und 4 löschen,

Nein Ebene 2 und 4 müssen bleiben, das erkennst du auch daran, dass die Blau umrahmt sind, die anderen 1 3und 5 setzt Photoshop automatisch, die sind aber nicht von Bedeutung und können nach dem "Für Web speichern" gelöscht werden.

Quote:

Originally Posted by Christian


	Nein Ebene 2 und 4 müssen bleiben, das erkennst du auch daran, dass die Blau umrahmt sind, die anderen 1 3und 5 setzt Photoshop automatisch, die sind aber nicht von Bedeutung und können nach dem "Für Web speichern" gelöscht werden.

mir qualmt der kopf und am ende hab ich alles gelöscht was ich gemacht habe,also nochmal
-das neu1.psd geöffnet
-alle ebenen im header ausgeblendet(brauch ich ja net da ersetzt wird durch banner)
-sichtbar oben jetzt slice1-5 (2 und 4 sind oben blau markiert,alle anderen grau,also 1,3,5)
-headerbild(mein banner bzw. erstmal ein testbild) per drag und drop in die headerebene gezogen
-headerbild per transf. in slide2 eingepasst -->siehe bild1 unten angehängt.......
und dann verliessen sie ihm

Quote:


	Im Prinzip ist es wahrscheinlich am einfachsten, deinen neu eingefügten Banner an die Slice-Ebene 02 anzupassen.

..ist damit erledigt siehe bild1,aber dann dein

Quote:


	Silce 04 ist das Hintergrundbild, dass sich automatisch verbreitert oder verschmälert (je nach Browserauflösung)

bei mir is ja dieses schmale slice 4 komplett leer bzw. ohne bild und inhalt..fragen über fragen und ich komm net weiter..hüfffää christian....mfg rene'

*Christian*

Genau so machst du es schon richtig, du musst jetzt nur noch ein Hintergrund für die Slice-Ebene 04 finden, der gut mit dem 02 harmoniert. Nicht, dass da unsaubere Kanten entstehen. Versuche einfach mal ein Stück von der rechten Kante deines Banners zu nehmen. Musst einfach mal ein bischen testen bis es passt.

Quote:

Originally Posted by Christian


	Genau so machst du es schon richtig, du musst jetzt nur noch ein Hintergrund für die Slice-Ebene 04 finden, der gut mit dem 02 harmoniert. Nicht, dass da unsaubere Kanten entstehen. Versuche einfach mal ein Stück von der rechten Kante deines Banners zu nehmen. Musst einfach mal ein bischen testen bis es passt.

genau das hab ich jetzt gerad getan christian,aber ich glaub mit dieser methode haut das nicht hin,hab genau nach deinen vorgaben rechts vom rand ein 4x111 breites teil abgeschniten,das in den slice 4 eingefügt und als web abgespeichert(angehängte grafic psd test.jpg unten)..ergebniss siehe angehängtes testbild..also ob ich nun da in den slice4 ein teil des banners einfüge oder nur einen farbigen hintergrund,das ergebniss wird immer das selbe bleiben,der mittelteil(slice 2= c_02.jpg) ist central dort wo es sitzen soll und links und rechts davon wird der rest ja mit slice 4=c_04.jpg ausgefüllt(nach deiner aussage wegen den unterschiedlichen browsereinstellungen),da haut doch was nicht hin oder??bin mittlerweile mit meinem latein auch am ende..genauso verhält es sich mit der schrift sobald die größer als euer vorgabe ist,also lings oder rechts über den slice2 hinaus geht -->ergebniss siehe testbild_mit schrift unten angehängt

so bekomme ich doch niemals meinen banner da oben komplett über die breite unter allen browsereinstellungen in den header eingebaut..ich vertrau da nurnoch auf deine kenntniss mit dem template,viellleicht hast du ja noch ne idee christian..thx fürs anschauen und auch für deine freundlichen antworten trotz meiner nerverei hier..mfg rene'

*Christian*

Du musst es dir natürlich so anpassen, dass es sich fliessend verbreitert. Versuch mal das Gelbe unten, Horizontal anzugleichen.

Der Schriftzug darf nicht breiter wie die Sliceebene 02 sein, evtl. die Schrift einfach verkleinern.

Quote:

Originally Posted by Christian


	Du musst es dir natürlich so anpassen, dass es sich fliessend verbreitert. Versuch mal das Gelbe unten, Horizontal anzugleichen. Der Schriftzug darf nicht breiter wie die Sliceebene 02 sein, evtl. die Schrift einfach verkleinern.

thx für deine antwort christian und erstmal einen freundlichen wochenanfang dir wünsche..nun zum ausgangsproblem,wie du schriebst soll ich ja dieses slice04(was ja der"dehnbare" hintergrund is anpassen,also sprich ein stück aus meinem banner schneiden,aber wie du siehst ist das bei einem grafikbanner ja definitiv garnicht möglich da ja das je nach browserauflösung sinnlos in die breite lings und rechts vom hauptbild in die breite gezogen wird,also kann ich da für das slice4 nur einen neutralen Hintergrund wählen der dann lings und rechts sich der breite anpasst,und das sieht unschön aus(hab es gerade getestet

)
so desweiteren ist mir gerad noch aufgefallen das slice11(ist diese grafik in der mitte=c_11.jpg) als slicemaß 83 pixel breit ist aber eure grafic c_11.jpg ja nur 82 pixel breit ist..ist das beabsichtigt oder ein fehler?ist mir nur aufgefallen als ich eine eigene grafic in den slice 11 gepackt habe und das als web abgespeichert habe,dadurch entstand ja auch die grafic c_11.jpg mit dem 83 pixelmaß vom slice11 und somit war das ganze dann um 1 pixel verschoben(siehe testbild angehängt)..also wenn ich das hier alles richtig verstehe ist es definitiv nur möglich eine 524 pix breite grafik(banner ectr.) einzubauen da nur slice 2 verwendet wird,oder umgedreht ich kann die textzeile oben im header (cyborg Style oder ersetzt durch eigenen schriftzug) nur so breit machen wie slice 2 vorgegeben ansonsten seh ich den rest nicht mehr,auf deutsch eine textzeile die über die ganze browserbreite geht im header ist nicht möglich??..thx im vorraus..ich häng jetzt mal meinen banner(header.psd) mit unten an,mag sich ein anderer damit auseinandersetzen

ich gebs auf,da es schitte aussieht nur nen 554 pixel breiten banner oben im header zuhaben bzw. slice 4 niemals an den banner anzupassen damits lings und rechts gleich aussieht wenn sich die browserauflösung ändert...mfg rene'

*Christian*

Quote:

Originally Posted by rene090965


	thx für deine antwort christian und erstmal einen freundlichen wochenanfang dir wünsche..nun zum ausgangsproblem,wie du schriebst soll ich ja dieses slice04(was ja der"dehnbare" hintergrund is anpassen,also sprich ein stück aus meinem banner schneiden,aber wie du siehst ist das bei einem grafikbanner ja definitiv garnicht möglich

Des wegen hab ich doch geschrieben, dass du es so anpassen musst, dass es passt, z.B. unten den Gelben Fleck horizontal bearbeiten.

Quote:

Originally Posted by rene090965


	aufgefallen das slice11(ist diese grafik in der mitte=c_11.jpg) als slicemaß 83 pixel breit ist aber eure grafic c_11.jpg ja nur 82 pixel breit ist..ist das beabsichtigt oder ein fehler?ist mir nur aufgefallen als ich eine eigene grafic in den slice 11 gepackt habe und das als web abgespeichert habe,dadurch entstand ja auch die grafic c_11.jpg mit dem 83 pixelmaß vom slice11 und somit war das ganze dann um 1 pixel verschoben(siehe testbild angehängt)..

Das Slice scheint an der Stelle 1 Pixel zu groß zu sein, verschiebe die linke Seite der Slice-Ebene vor dem Speichern 1 Pixel nach rechts.

Quote:

Originally Posted by rene090965


	also wenn ich das hier alles richtig verstehe ist es definitiv nur möglich eine 524 pix breite grafik(banner ectr.) einzubauen da nur slice 2 verwendet wird,oder umgedreht ich kann die textzeile oben im header (cyborg Style oder ersetzt durch eigenen schriftzug) nur so breit machen wie slice 2 vorgegeben ansonsten seh ich den rest nicht mehr,auf deutsch eine textzeile die über die ganze browserbreite geht im header ist nicht möglich??

Doch das ist möglich, dazu müsstest du die Slice-Ebene 02 nach Links und Rechts jeweils vergrößern und danach müsstest du in der CSS Datei, die neue Größe unter ".headpic" eintragen, du musst nur aufpassen, dass die Vergrößerung der Slice-Ebene jeweils genau 50% Links und Rechts ist. Also, wenn du Links 20 Pixel hinzufügst musst du Rechts auch 20 Pixel hinzufügen, sonst ist das Bild nicht mehr genau Zentriert.

Quote:

Originally Posted by Christian


	Des wegen hab ich doch geschrieben, dass du es so anpassen musst, dass es passt, z.B. unten den Gelben Fleck horizontal bearbeiten.

sorry,ich kann mir darunter überhaupt nix vorstellen wie man da horizontal was bearbeiten kann,vielleicht schaust du dir ja mal das headbg mal an(habs dir unten mal angehängt,ist die grafik c_04.jpg,das ist ein 4x111 breites teil was ich vom banner rechts abgeschnitten habe),dieses bild sollte ja dann lings und rechts am banner sitzen als sogenannte "füllgrafik"um die browserauflösungen anpassbar zu machen,also müßte ich das ganze bannerbild spiegeln um das headbg sowohl lings als auch rechts ansetzen zu können..ich bekomm hier noch nen ratsch mit dem teil*zwinker*,aber aufgeben ist nicht

Quote:

Originally Posted by Christian


	Doch das ist möglich, dazu müsstest du die Slice-Ebene 02 nach Links und Rechts jeweils vergrößern und danach müsstest du in der CSS Datei, die neue Größe unter ".headpic" eintragen, du musst nur aufpassen, dass die Vergrößerung der Slice-Ebene jeweils genau 50% Links und Rechts ist. Also, wenn du Links 20 Pixel hinzufügst musst du Rechts auch 20 Pixel hinzufügen, sonst ist das Bild nicht mehr genau Zentriert.

wie vergrößert man denn einen slice das es immer zentriert bleibt(slicewerkzeug anklicken und das slice 02 auf sliceoptionen gehen und dann von der x position die hälfte abziehen um was man den slice2 vergrößern möchte,seh ich das so richtig??)also wenn ich das slice2 um 100 pix vergrößern möchte muß ich von der x position 50 pix abziehen?? mfg rene'