Image einmal größer einmal kleiner?

[Pierre]

Hallo!

Ich hab zwar schon eben einen Thread eröffnet aber ich mach für das Problem lieber einen neuen auf:

Ich habe ein Loginfeld, in das man sich logischerweise einloggen muss.
Dieses Loginfeld befindet sich auf einem Image, das die Navigationsleiste dastellen soll.
Wenn ich mich einlogge, dann erscheinen die Optionen des Users.
Leider ist das Image dann zu klein...weiß jemand, was ich da machen kann?
Ich hab mir überlegt, dass man einfach einen Befehl hinzufügen könnte, der das Image beim Einloggen automatisch auf eine festgelegte Größe vergrößert..

Hier noch mal zum veranschaulichen:

[Tom]

Hello,

Das ist nicht weiter wild.
Du machst da mehrere Teile aus dem Bild:

Kopf
  Body-Zeile für input
  Body-Zeile für Zwischenstücke
  Body-Zeile für Linkausgabe
  Fuß

und dann baust Du es entsprechend mit einer Tabelle (vielleicht geht es auch mit Liste) und CSS-Background-Image wieder zusammen.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Öh klingt ja sehr gut aber wie ich das jetzt ausführen könnte..hm da bin ich überfragt..
Kannst dus mir ein bisschen erklären, wenn du etwas zeit hast?

[Tom]

Hello,

Öh klingt ja sehr gut aber wie ich das jetzt ausführen könnte..hm da bin ich überfragt..
Kannst dus mir ein bisschen erklären, wenn du etwas zeit hast?

Welche Grafikprogramme hast Du zur Verfügung?
Probier mal als erstes, das image in drei Teile zu schneiden.

__________________
   /                  \    |                  |    Kopf (in Originalhöhe anlegen)
   |                  |
   --------------------

-------------------
   |                  |    Body (1px hoch reicht)
   -------------------

-------------------
   |                  |    Fuß  (in Origialhöhe anlegen)
   \__________________/

Dann baust Du das in eine Tabelle
Hinter die Links legst Du den Body-Berich MIT vertikalem Repeat
Die beiden anderen Bereich wiederholst Du nicht

Das Ganze geht mit CSS --> http://de.selfhtml.org/navigation/css.htm#hintergrund

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Ich arbeite normalerweise mit Photoshop 7.0!

Das Image ist ja sozusagen schon in Zwei Teile aufgeteilt.
Das Intern ist von dem unteren abgetrennt.
Soll der dritten Teil dann dort anfangen, wo es wieder abgerundet wird?

[Tom]

Hello,

Ich arbeite normalerweise mit Photoshop 7.0!

Das Image ist ja sozusagen schon in Zwei Teile aufgeteilt.
Das Intern ist von dem unteren abgetrennt.
Soll der dritten Teil dann dort anfangen, wo es wieder abgerundet wird?

Das musst Du ausprobieren, wie es am besten aussieht. Du kannst ja auch auf den starren Teilen noch Links unterbringen. Wiederholen kannst Du aber nur einen neutralen Bereich aus der Mitte. Da Du mit Glanz arbeitest, bleibt da nicht viel Spielraum. Anderenfalls müsstest Du es mit GD oder ImageMagick berechnen lassen.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Wie baue ich CSS in PHP Links ein?
Ich hab die bis jetzt nur in HTML Links benutzt...

[Pierre]

Hast du vielleicht ICQ oder sowas, worüber du mir das erklären könntest?
Muss auch nich unbedingt heute sein..

[Tom]

Hello,

Hast du vielleicht ICQ oder sowas, worüber du mir das erklären könntest?
Muss auch nich unbedingt heute sein..

Nein. Sowas benutze ich nicht. das hat mir zuviel Sicherheitslöcher.
Und außerdem interessiert es bestimmt auch noch jemand anderes.

Ich mach Dir einen anderen Vorschlag. Du erzeugst jetzt erstmal die drei Teile und legst die auf den Server. Mittelteil nur 1px hoch! Und ioch mach Dir dann ein Muster fertig.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Das wär klasse!

Kann ich das mit dem Mittelteil auch größer machen?
Ich mein, du siehst ja, dass da ein bestimmtes Muster drinne ist..
Der Mittelteil soll ja auch, nachdem man eingeloggt ist, eine bestimmte Größe haben..

[Tom]

Hello,

Kann ich das mit dem Mittelteil auch größer machen?
Ich mein, du siehst ja, dass da ein bestimmtes Muster drinne ist..
Der Mittelteil soll ja auch, nachdem man eingeloggt ist, eine bestimmte Größe haben..

Nein. Der Mittelteil soll mal fürs erste nur 1px hoch sein. Das Strecken macht dann der Browser.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Tom]

Hello,

Wie baue ich CSS in PHP Links ein?
Ich hab die bis jetzt nur in HTML Links benutzt...

PHP-Links gibt es nicht, oder ich habe was verpasst. ;-)

Das HTML wird doch durch PHP erzeugt, oder?
Wie baust Du denn die Linkliste auf? Als

<ul>
  <li><a href ...></li>
  <li><a href ...></li>
  <li><a href ...></li>
</ul>

oder als Tabelle?

Ich denke, da man die Fonts ja skalierbar halten sollte, wirst Du hier nicht um die Verwendung einer Tabelle drum herumkommen. Denn das Background-Image soll sich ja nur innerhalb der Tabellenzelle ausbreiten. Und die hat keine bestimmte Höhe.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Meintest du es so?
Hab die Bilder geändert..

[Tom]

Hello,

Meintest du es so?
Hab die Bilder geändert..

Mein Gott, er hat es...
Es grünt so grün, wenn Spaniens Blüten blüh'n... ;-)

Damit kann man schon gut was anfangen. Du siehst aber, dass es nicht ganz so leicht ist, Schnittbilder für Repeat-Bereiche zu bauen. Das Zusammenbauen mit CSS dagegen ist dann wieder nen Klacks.

Versuch nochmal das Muster aus dem mittleren teil rauszubekommen. Da muss man es dann ggf. auch 2px hoch anlegen, damit der Dither nicht sichtbar wird. Du solltest Dir den Mittelstreifen mal stark vergößert anschauen, was man machen muss.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Ich bekomme das echt nicht besser hin, da es ja auch sehr unregelmäßig ist, diese Muster.

Es ist aber nötig, dass man es mit dieser repeat Funktion macht oder?

[Pierre]

Ich kann das Ganze doch unmöglich so hinbekommen, dass es so aussieht wie vorher oder?
Gibt es wirklich keine andere Möglichkeit?

[Tom]

Hello,

Ich kann das Ganze doch unmöglich so hinbekommen, dass es so aussieht wie vorher oder?
Gibt es wirklich keine andere Möglichkeit?

Das liegt an Deiner Leitung bei der Bildverarbeitung. Da musst Du ggf. noch ein bisschen probieren.
Bei 2px Höhe sieht man das Muster schon nicht mehr so deutlich, kann aber die Höhe nicht mehr so genau anpassen.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Tom]

Hello,

Ich bekomme das echt nicht besser hin, da es ja auch sehr unregelmäßig ist, diese Muster.

Es ist aber nötig, dass man es mit dieser repeat Funktion macht oder?

Es ist die beste Lösung.

hier eine Demoversion http://selfhtml.bitworks.de/navigation/make_navi.php

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Okay, hier hast du die drei Images:

Das Erste: http://www.schweinerudel-clan.de/bilder/navi_intern.gif

Das Zweite (1px): http://www.schweinerudel-clan.de/bilder/navilogin2.gif

Das Dritte: http://www.schweinerudel-clan.de/bilder/navilogin.gif

Das ist übrigens der Befehl zum Einloggen, weiß nicht ob du den brauchst:

<div style="position:absolute; top:680px; left:43px; width:px;">
<?PHP
include("vwar/extra/login.php");
?>
</div>

[Tom]

Hello,

Nun schau Dir das mal an.
Du hast nicht auf mich gehört.
Du hast außerhalb des neutralen Bereiches geschnitten.

Machs Bitte nochmal.
ggf musst Du noch zwei Zwischenbereiche zwischen (Kopf und Body) und (Body und Foot) rausschneiden.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom

[Pierre]

Sollte ich dann 1px aus der navilogin2.gif nehmen, damit das Muster bleibt?
Dann wäre es rechts ein dunkles rot und links ein helleres..meinst du es so?

[Tom]

Hello,

Sollte ich dann 1px aus der navilogin2.gif nehmen, damit das Muster bleibt?
Dann wäre es rechts ein dunkles rot und links ein helleres..meinst du es so?

Wenn es nicht doof aussehen soll, dann musst Du knapp über Memb-Option den Fuß abschneiden. Der ist dann eben etwas größer und Der Kopf dann ebenfalls. Und der Bereich an dieser Stelle eignet sich auch dazu, den 1px hohen Streifen rauszuschneiden.

Harzliche Grüße aus http://www.annerschbarrich.de

Tom