Hacky's Homepage

[Lukas]

Hi,
ich hab heute mal meine Versuche für ne neue Homepage ausgegraben :D
Die Farbe die ich mir als BG gedacht hab sieht man hier gut, der Button hat halt nur die billige Dialogbox ^_^
*hüstel* Sollte mal ne Entersite werden aber da seid ihr ja ned so gut drauf zu sprechen...

1. Frage: Kann ich *.png für die Grafiken hernehmen oder könnte des Probleme geben?
Wenn nicht, was könnte ich hernehmen? Sollte transparenz unterstützen.

Hier is mein 1. Banner Versuch: Klick!
2.Frage: Was könnte man statt dem Weiß/Grauen Rahmen außenrum machen?
Ich wollte irgendeine Begrenzung weil dei Tentakel einfach aufhören und nicht irgendwie auslaufen...

[Michael]

Hey Hacky,

also normalerweise sollten PNG-Grafiken keinerlei Probleme machen. Habe sie auch hin und wieder eingesetzt und hatte damit bisher keine schlechten Erfahrungen. Wenn du allerdings eine kleine Animation machen möchtest, dann solltest du auf GIF-Dateien zurückgreifen. Diese unterstützen auch die geforderte Tranzparenz.

Achja... dein Link funktioniert bei mir leider nicht, deshalb kann ich dir zum Banner nix sagen.

[Lukas]

Ah gut zu wissen
Naja Animationen hatte ich erstmal nicht vor aber mal schaun
€: Ah sry hatte mich verschrieben.... Klick!

[Krabbi]

Ganz im Allgemeinen find ich den Banner ein wenig riesig. Ich steh eher so auf dezentere Sachen mit kleinerer Schrift und dann nicht so hoch Die Tentakeln gefallen mir und den Rand find ich doch gar nich so schlecht so weit^^

[Rene]

Gefällt mir auch soweit.
Sehr einfach aber doch schick.
DIe Größe stört mich aber auch ein wenig

[Lukas]

Hm wie soll ich den in der Größe verändern?
Also einfach kleiner oder auch dei Schrift in n anderes Format?
Sry habs erst jetz gelesen weils schon markiert war...
Hat jemadn ne Idee für Buttons?

[powerschulzi]

einfach den gesamten Banner kleiner machen.
Leute wie ich, die sich nur nen 15"-Monitor leisten können, müssen schon da scrollen
aber gute siehts aus

[Alex]

Hi,

den Enterbutton könntest du noch bisschen hoch schieben, damit man auf der Enterseite nicht scrollen muss.
Der Banner sollte so sein, dass man ihn bei 1024x786 noch ganz auf den Bildschirm kriegt und da auch nicht scrollen muss.

[Lukas]

Ah stimmt, vergessen...
Ich hab ja 1150x irgendwas
Naja ich mach grad n Bild mit verschiedenen Buttons,
da hab ich das Banner auch kleiner gemacht...
Aber wenn man die Site dann mit 1280x1024 anschaut isses schon arg klein oder?
Wäre es schwer auf der Enterseite 2 Auswahlmöglichkeiten zu geben und dann mit PHP die Bilder immer richtig zu skalieren?
Müsste doch machbar sein oder?
€: Gibt's nen Befehl in HTML um die Grafik nicht nur horizontal sondern auch vertikal in der Mitte anzuzeigen?

[Dac-XP]

mhh, ich glaube valign="center"...
wenn das nicht geht, dann "middle". Es geht auch noch "top" und "bottom"

MfG Dac!

[Lukas]

Thx, der Befehl is <v align="center">
Hm Soll ich unter dem Banner eine vertikale Navbar für Untergruppen machen,
oder die einfch in dei Navbar einblenden?

[Dac-XP]

kommt drauf an, wie du das vorhast. Oftmals besteht bei der Navbar unterm Banner, dass man die zuerst übersieht, wenn ein weiteres Menü vorhanden ist.

Wenn sich die Navbar also nicht sehr deutlich abhebt, würde ich die die andere Methode empfehlen.

MfG Dac!

[Manuel]

Solche Befehle würde ich immer direkt mit CSS machen.

Dafür würde ich dann eine entsprechende Klasse anlegen, oder du schreibst es direkt in den html-code, was zwar nicht besonders schön und übersichtlich ist, sich aber oft nicht vermeiden lässt wenn man keine 1000 Klassen haben will.

Beispiel

Code: Alles auswählen

<div style="vertical-align: middle; text-align: center;">blablubb</div>


Der erste Befehl ist für die vertikale, der zweite für die horizontale Ausrichtung, wobei man dazu sagen sollte, dass der erste Befehl warum auch immer nur selten klappt

Lg,
Manuel

[Lukas]

Aha *nixversteh*
Und warum geht nicht einfach der Befehl oben?

Code: Alles auswählen

<v align="center">

Das funktioniert doch...
Sry ich glaub ich habs ned verstanden aber ich hab mich mit HTML sowieso noch ned auseinandergesetzt.

Hier mal n Design: Klick!
Comments erwünscht, dass bei den Buttons die Schrift noch ungleich groß und unleserlich is weiß ich schon

Wenn ich das ganze mit diesen <div> Sachen wieder zambastel,
kann ich dann in dem Nav-Layer des per CSS so machen,
dass bei Mouseover erstens n anderes Bild und je nach Button die Untermenüpunkte angezeigt werden?
Oder brauch ich dazu Java Script?
Und (jaja ich nerv ge ) kann ich diese graue Box in son Teil als BG reintun und dann drüberschreiben?
zB News oder Bilder...
Ach noch ne Frage ^^: Kann ich in der Gallery oben die Bilder in klein anzeigen und bei Mouseover sind sie drunter in groß
(mit CSS? oder braucht man wieder Java Script? )

Weil CSS muss ich mir sowieso anschaune aber Java Script hab ich 0 Bock drauf =/

Naja viele Fragen (Ich hab vergessen weiter zu nummerieren )
und hoffentlich auch Antworten :D

€: Die nächste Frage is dann #11, habs grad gezählt...
Das interessiert mich nämlich wieviel ich fragen muss bis des mal funktioniert.

[Manuel]

CSS ist ja dazu gedachten um Grafiken und Texte zu layouten. Daher verwende ich für sowas nur noch CSS und gar keinen HTML-Code mehr.

Mouseover: Auf keinen Fall mit Javascript. Am liebsten direkt mit normaler Schrift und dann mit CSS. Es gibt aber auch die Möglichkeit das mit Bildern zu machen, diese Möglichkeit ruckelt aber beim ersten Mouseover. Dazu gibt es dann die Variante, die Bilder zu verschieben. Siehe dazu die Seite von klobrille, denn dort habe ich erklärt wie man soetwas realisiert.

Die grauen Boxen kannst du auf jeden Fall für den Hintergrund verwenden. Würde ich dann auch direkt mit CSS einbinden.

Zu den Bildern: Es geht schon, dass man die Bilder dann beim Mouseover woanders groß macht. Ob das nun mit CSS so einfach realisierbar ist weiss ich leider nicht, mit JavaScript geht es aber auf jeden Fall, wenn man sich dafür eine Funktion schreibt. JavaScript ist aber immer so eine Sache. Wenn möglich, sollte man komplett darauf verzichten. Gründe dafür sind Google und die Möglichkeit, JavaScript zu deaktivieren. Also dann lieber mit einem Mausklick die Bilder austauschen.

Lg,
Manuel