the Hellboard | Internet | Hilfe bei Homepage

Portal » the Hellboard » Medien » Internet » Hilfe bei Homepage

» Hallo Gast [Anmelden|Registrieren]

Letzter Beitrag | Erster ungelesener Beitrag

Druckvorschau | An Freund senden | Thema zu Favoriten hinzufügen

Seiten (2): [1] 2 nächste »

Hilfe bei Homepage

Autor

Beitrag

« Vorheriges Thema | Nächstes Thema »

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Hilfe bei Homepage

Zitatantwort auf diesen Beitrag erstellen

Servus allerseits!

Ich habe eben das Design meiner geplanten neuen Homepage fertiggestellt.
Ich habe mich dafÃ¼r mal in PhotoShop ausgelassen (siehe Bildanhang, 498,09 KB) und bin mir jetzt nicht so ganz sicher, ob das fÃ¼r's Internet umsetzbar ist.
Und wenn, dann wie?

Ich glaube, mit Frames wÃ¤re das realisierbar. Allerdings sind Frames ja ziemlich ungern gesehen, fast so ungern wie Tabellenformatierungen.

Gibt's hier jemanden, der mit weiterhelfen kann?

(Der Rest darf gerne (positive) Kommentare zur Gestaltung abgeben. Augenzwinkern

)

Sauron hat dieses Bild (verkleinerte Version) angehängt:

__________________

18.07.2007 12:43

Nehmen Sie Sauron in Ihre Freundesliste auf

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

sieht gut aus und lÃ¤sst sich ohne frames mit css realisieren...
ich wÃ¼rde alles was sich nicht Ã¤ndert als hintergrundbild verwenden (allerdings sollte es am rechten und unteren rand dann nur schwarz sein, dass man als hintergrundfarbe schwarz nehmen kann.
dann verschiedene boxen (div-tags) drauf packen: also fÃ¼rs menÃ¼ die titel, inhalt
die fÃ¼rn inhalt mit "overflow:scroll;" versehen (dann bekommst du so ne box die nem iframe Ã¤hnelt, nur halt ordentlich gemacht ^^)
in die menÃ¼box fÃ¼r jedes menÃ¼element n div-tag packen (mit id) und fÃ¼r jeden per css das entsprechende hintergrundbild festlegen (und vllt. sogar normalen text in den div-tag packen und den per css ausblenden sofern des geht... fÃ¼r barrierefreiheit) und entsprechend noch in #element:hover das hintergrundbild bild fÃ¼r einen mausover setzen.

is n bisschen arbeit und du musst praktisch alles mit ids versehen und das dann komplett Ã¼ber css layouten, aber sollte gehen. und wenns fertig is sieht deine html datei immer noch schÃ¶n Ã¼bersichtlich aus Augenzwinkern

edit: ich find die schriftart (oder die farben? bin mir nicht sicher) im menÃ¼ net so gut... oder die schriftgrÃ¶ÃŸe... hmm... weiss net, irgendwas find ich am menÃ¼ net so gut nachdenken

__________________

Website | Blog

Meine Organe sind offenbar nicht am richtigen Platz. - Nicht am richtigen Platz? Entsprechend welchen Kriterien? aus dem FIlm "Immortal"

<Goliat> Cypher ruled ;)

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Cypher: 18.07.2007 12:57.

18.07.2007 12:54

Nehmen Sie Cypher in Ihre Freundesliste auf

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Zitat:

Original von Cypher
sieht gut aus und lÃ¤sst sich ohne frames mit css realisieren...
ich wÃ¼rde alles was sich nicht Ã¤ndert als hintergrundbild verwenden (allerdings sollte es am rechten und unteren rand dann nur schwarz sein, dass man als hintergrundfarbe schwarz nehmen kann.
dann verschiedene boxen (div-tags) drauf packen: also fÃ¼rs menÃ¼ die titel, inhalt
die fÃ¼rn inhalt mit "overflow:scroll;" versehen (dann bekommst du so ne box die nem iframe Ã¤hnelt, nur halt ordentlich gemacht ^^)
in die menÃ¼box fÃ¼r jedes menÃ¼element n div-tag packen (mit id) und fÃ¼r jeden per css das entsprechende hintergrundbild festlegen (und vllt. sogar normalen text in den div-tag packen und den per css ausblenden sofern des geht... fÃ¼r barrierefreiheit) und entsprechend noch in #element:hover das hintergrundbild bild fÃ¼r einen mausover setzen.

is n bisschen arbeit und du musst praktisch alles mit ids versehen und das dann komplett Ã¼ber css layouten, aber sollte gehen. und wenns fertig is sieht deine html datei immer noch schÃ¶n Ã¼bersichtlich aus Augenzwinkern

Danke soweit!
Ich werde mich mal daran versuchen, wenn ich die Gelegenheit habe. Bin in CSS etwas aus der Ãœbung, war eigentlich noch nie richtig drin, aber ich werde mich mal reinarbeiten.

Zitat:

edit: ich find die schriftart (oder die farben? bin mir nicht sicher) im menÃ¼ net so gut... oder die schriftgrÃ¶ÃŸe... hmm... weiss net, irgendwas find ich am menÃ¼ net so gut nachdenken

Und zwar?
Stimmt aber. Ich glaube das Anti-Aliasing ist falsch eingestellt.

Besser so?

Sauron hat dieses Bild (verkleinerte Version) angehängt:

__________________

Dieser Beitrag wurde 2 mal editiert, zum letzten Mal von Sauron: 18.07.2007 13:10.

18.07.2007 13:05

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

jep is besser

__________________

Website | Blog

Meine Organe sind offenbar nicht am richtigen Platz. - Nicht am richtigen Platz? Entsprechend welchen Kriterien? aus dem FIlm "Immortal"

<Goliat> Cypher ruled ;)

18.07.2007 13:08

Venom

gehÃ¶rt zum Inventar

Dabei seit: 16.07.2003
Beiträge: 937
Herkunft: Bielefeld GmbH&Co KG Clan: Ventrue / Camarilla Godmode: On

Level: 47 [?]
Erfahrungspunkte: 7.113.761
Nächster Level: 7.172.237

Jau, CSS wÃ¤re auch das Mittel meiner Wahl. Nur pass auf, dass du keine PNGs mit Alphatransparenz nimmst. Da es vorallem der IE6 nicht unterstÃ¼tzt und noch jede Menge Deppen damit unterwegs sind.
Wenn man es richtig anstellt, wÃ¼rde man aber sogar um Alphatransparenz drum herum kommen.
Im Ã¼brigen stimme ich Cypher zu, was die Ãœberschriftenfonts angeht.

__________________
"Menschen definieren ihren Horizont als einen Kreis mit dem Radius 0, und nennen ihn ihren Standpunkt"

Dieser Beitrag wird 1 mal editiert, das nÃ¤chste Mal vom BND: Morgen, 08:15.

18.07.2007 13:09

Nehmen Sie Venom in Ihre Freundesliste auf

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Den Inhaltsbereich wollte ich Ã¼brigens ohne Scroll-Leiste gestalten, wenn's nicht doch unbedingt nÃ¶tig ist.
Ist das CSS-Element "overflow:scroll" mit einer normalen Scroll-Leiste wie im normalen Browser-Fenster ausgestattet?
Wenn ja, ist die vom Aussehen her verÃ¤nderbar?
Aber eigentlich will ich lieber ohne auskommen.

__________________

18.07.2007 13:10

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

also wenn du das mit overflow:auto oder scroll machst wird fÃ¼r die box n scrollbalken angezeigt, und ich glaube man bekommt den dann auch net so ohne weiteres weg...
aber es gibt noch ne andere mÃ¶glichkeit des ohne scrollbar hinzubekommen (also dann wÃ¼rde man mit der normalen ganz rechts den inhalt dieser "box" scrollen kÃ¶nnen):

du machst alles wie gehabt, zerlegst dein hintergrundbild allerdings in 4 teile und platzierst sie (fixed, alles andere musst eigendlich auch mit position:fixed platzieren) um die stelle wo der inhalt sein soll auÃŸenrum.
den text selbst schreibst du einfach innerhalb von den body-tag, und zwÃ¤ngst ihn durch padding in den entpsrechenden bereich.
das hintergrundbild fÃ¼r diesen bereich gibst du auch bei body an und rÃ¼ckst es mit background-position dahin

ich kann dir mal n beispiel schreiben wenn du willst... is blÃ¶d zu erklÃ¤ren...

edit: kleine Ã¤nderung.... du mÃ¼sstest den inhalt in nen normalen div tag stellen und den absolut platzieren, der hinterste hintergrund muss ja dann schwarz sein durchdrehn

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Cypher: 18.07.2007 13:34.

18.07.2007 13:28

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Ok... Ich glaube, ich werde mir immer sicherer, dass ich ohne Scroll-Leiste auskommen werde.

Falls der Inhalt grÃ¶ÃŸer werden sollte (was sich bestimmt auch verhindern lÃ¤sst), werde ich mir anders weiterhelfen.
Vielleicht einfach mit mehreren Seiten oder Ã¤hnlichem.

Zum Hintergrund:

Ich hatte sowieso vor, den mÃ¶glicherweise entstehenden Freiraum rechts mit schwarzer HG-Farbe aufzufÃ¼llen.
WÃ¤re es mÃ¶glich, die untersten 45 Pixel nach unten zu strecken, je nachdem, wie groÃŸ das Fenster ist?

__________________

18.07.2007 13:43

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

hintergrund bilder strecken kann css glaub ich nicht.
nur z.b vertikal wiederholen.

__________________

Website | Blog

Meine Organe sind offenbar nicht am richtigen Platz. - Nicht am richtigen Platz? Entsprechend welchen Kriterien? aus dem FIlm "Immortal"

<Goliat> Cypher ruled ;)

18.07.2007 13:58

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Und wenn ich einfach ein Bild drÃ¼ber platzier?
Kann ich dem dann eine relative HÃ¶he geben, damit es immer den Restraum bis zum Fensterrand ausfÃ¼llt?

__________________

18.07.2007 14:32

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

jep, des sollte gehn, denk ich

__________________

Website | Blog

Meine Organe sind offenbar nicht am richtigen Platz. - Nicht am richtigen Platz? Entsprechend welchen Kriterien? aus dem FIlm "Immortal"

<Goliat> Cypher ruled ;)

18.07.2007 14:34

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Cool, cool...

Und dann sollte ich fÃ¼r jede Seite eine komplette Seit inklusive MenÃ¼ machen, oder?
Damit im MenÃ¼ das aktuelle Thema immer rot ist und alles passt, mein ich.

Aber an sich ist das ja sowieso die einzige MÃ¶glichkeit, das ganze ohne Frames zu realisieren...

__________________

18.07.2007 14:40

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

ja klar, das menÃ¼ muss dann schon auf jeder seite sein
ich wÃ¼rd das dann mit hilfe von php bissle automatisieren, weil sonst is blÃ¶d wenn man mal n menÃ¼punkt hinzufÃ¼gen will oder so... sonst mÃ¼sst man halt alle seiten von hand Ã¤ndern

__________________

Website | Blog

Meine Organe sind offenbar nicht am richtigen Platz. - Nicht am richtigen Platz? Entsprechend welchen Kriterien? aus dem FIlm "Immortal"

<Goliat> Cypher ruled ;)

18.07.2007 14:45

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Dumm nur, dass ich null php-Kenntnisse habe... nachdenken

__________________

18.07.2007 14:55

Three of Five Three of Five ist männlich

Borg

Dabei seit: 01.06.2002
Beiträge: 4.898
Herkunft: Unimatrix 01

Level: 58 [?]
Erfahrungspunkte: 39.196.092
Nächster Level: 41.283.177

naja, das was cypher vorschlÃ¤gt is ja eigentlich nur
<?php include ("menu.html");?>
und in der menu.html sind dann die menulinks drin

<a>link1</a><br/>
<a>link2</a><br/>

etc

__________________
We are the Borg!
Resistance is futile!

the hellboard - join the community now!
maddin.org - Full Metal Pictures - Konzertbilder und mehr

18.07.2007 16:36

Nehmen Sie Three of Five in Ihre Freundesliste auf

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Hmmm... Interessant...

Sry, ich raff's net...
Wo kommt
<?php include ("menu.html");?>
hin?

Und wie sieht die menu.html dann aus??? Und wie die eigentliche MenÃ¼leiste?

__________________

18.07.2007 17:50

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Ok, ich habe jetzt - ohne php - mal was zum laufen gebracht.
Hatte gemerkt, dass hier auch Adobe GoLive CS2 drauf ist, damit ging das recht flott...

Soo, habe mir auch schnell mal einen kostenlosen Webspace-Account besorgt.

(Die Werbung auf der rechten Seite bitte ich zu ignorieren.)

http://derkeller.cwsurf.de/

(Bei "Ãœber mich" ist schon ein bisschen was drin.)

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Sauron: 19.07.2007 14:01.

19.07.2007 14:00

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Bin wieder ein ganzes StÃ¼ck weitergekommen und bin sehr zufrieden.

Sagt mal eure Meinung!

Die Adresse ist weiterhin: http://derkeller.cwsurf.de/
Und bitte weiterhin die blÃ¶de Werbung ignorieren.

__________________

20.07.2007 15:17

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

irgdnwie fehlt das hintergrundbild Ã¼berall ausser auf der startseite

__________________

Website | Blog

Meine Organe sind offenbar nicht am richtigen Platz. - Nicht am richtigen Platz? Entsprechend welchen Kriterien? aus dem FIlm "Immortal"

<Goliat> Cypher ruled ;)

20.07.2007 15:31

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Du hast recht.

Was ein bescheuerter Fehler...

Da ist bis auf die Startseite Ã¼berall noch der lokale Pfad "file:///Seb/web/HP/back.gif"...

Das kann ja nicht funktionieren..

Wird jetzt ausgebessert.

__________________

23.07.2007 08:26

Angsthase Angsthase ist weiblich

gehÃ¶rt zum Inventar

Dabei seit: 05.01.2007
Beiträge: 824

Level: 46 [?]
Erfahrungspunkte: 5.210.153
Nächster Level: 6.058.010

Sieht aber doch schon echt gut aus.
Kommen da noch mehr Bereiche dazu?

__________________
Procrastination is like masturbation:
It feels good in the begining, but in the end you realize you just fucked yourself.

23.07.2007 11:28

Nehmen Sie Angsthase in Ihre Freundesliste auf

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Danke!

Ich glaube nicht, dass ich da noch mehr Bereiche einbringen werde.
Ich wÃ¼sste auch gar nicht, was...

Ich habe soeben gemerkt, dass hier an diesem (anderen) Mac auf dem Safari-Browser die onmouseover-Sache nicht funktioniert. Doof.

Hat jemand 'ne Idee, wie ich einstellen kann, das das Hintergrundbild als allererstes geladen wird, noch vor weiteren Bildern und sogar Text?

__________________

23.07.2007 11:35

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

sowas kann man mit javascript machen... aber ka wie... da gibts so "preloader"-scripte

und wenn des mouseover net geht.... mit css wÃ¼rde es gehn Augenzwinkern

23.07.2007 11:41

Sauron Sauron ist männlich

Hirnschaden

Dabei seit: 26.12.2002
Beiträge: 1.738
Herkunft: Hessen Erzfeind: Schweinehund

Level: 51 [?]
Erfahrungspunkte: 13.546.071
Nächster Level: 13.849.320

Das Problem ist, dass ja, selbst wenn das HG-Bild als erstes geladen wird, trotzdem schon vor der Beendigung dieses Ladevorgangs der Text und auch die kleineren Bilder, bei denen zwar das Laden spÃ¤ter begonnen wurde, die aber dennoch schneller fertiggeladen sind, angezeigt werden.

Ich brauche also ein Script oder Ã¤hnliches, das bestimmt, dass der Rest jeder Seite erst dann angezeigt wird, wenn das HG-Bild fertiggeladen ist.

Zu der mouseover-Sache muss ich sagen, dass ich ehrlich gesagt bei deiner Beschreibung erst nicht so wirklich durchgeblickt habe. Davon abgesehen wollte ich halt schnell was auf die Beine stellen. Inzwischen habe ich's gerafft, glaube ich. Ich denke, ich werde das bei Gelegenheit mal umschreiben. Per css kann man also das HG-Bild bei mouseover festlegen? Finde ich gut.

Ach, kann mir das mit dem MenÃ¼ Ã¼ber php nochmal jemand erklÃ¤ren?

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Sauron: 23.07.2007 12:58.

23.07.2007 12:13

Cypher Cypher ist männlich

gehÃ¶rt zum Inventar

Dabei seit: 20.04.2003
Beiträge: 916

Level: 47 [?]
Erfahrungspunkte: 7.034.018
Nächster Level: 7.172.237

du machst deine ganz normalen seiten und anstelle des menÃ¼s schreibst du "<?php include("menu.html"); ?>. Dann wird einfach der inhalt aus datei menu.html an die entsprechende stelle geschrieben, bevor das ergebnis an den browser gesendet wird.

z.b. eine normale seite deiner website

code:
1: 2: 3: 4: 5: 6: 7: 8: 9: 10:	<html> <head> </head> <body> </body> <?php include("menu.html"); ?> <!-- normaler content --> </html>

und die menu.html

code:
1: 2: 3: 4: 5: 6: 7:	<div id="menu"> <div><a href="#">Menuitem 1</a></div> <div><a href="#">Menuitem 2</a></div> ... </div>

23.07.2007 13:46

Seiten (2): [1] 2 nächste »

Baumstruktur | Brettstruktur

Portal » the Hellboard » Medien » Internet » Hilfe bei Homepage

Impressum

Netiquette