Seite 2 von 12 ErsteErste 123456 ... LetzteLetzte
Ergebnis 21 bis 40 von 223

Thema: Eure Webseiten #6

  1. #21
    Hatte ich so vorgehabt!

    Außerdem kann man in GIMP per Funktion nur ovale Buttons erstellen, soweit ich weiß, aber ich kugg mir erstmal deinen Link an Danke!

  2. #22
    Zitat Zitat von justgotowned Beitrag anzeigen
    Hatte ich so vorgehabt!

    Außerdem kann man in GIMP per Funktion nur ovale Buttons erstellen, soweit ich weiß, aber ich kugg mir erstmal deinen Link an Danke!
    Seitwann kann man unter GIMP nur ovale Objekte Zeichnen?
    Oder denkst du, für sowas gibt es einen Cool-Button, der dir dann tausende von Buttons erstellt?

  3. #23
    Auf meiner Festplatte fliegt jetzt schon fast seit einem Jahr ein Design rum und jetzt hab ich mich endlich mal hingesetzt und daran gearbeitet. Hab meine Anfänger HTML-Kenntnisse und Dreamweaver () benutzt. Viel ist bisjetzt noch nicht fertig, nur das Design.

    Hier gehts zur Homepage

    Internet Explorer wird nicht unterstützt. In Firefox und Opera wird es (zumindest bei mir) richtig angezeigt~ Achja, ist meine erste Homepage, also Rücksicht nehmen.

  4. #24
    Zitat Zitat
    In Firefox und Opera wird es (zumindest bei mir) richtig angezeigt
    Bei mir sieht es total verschoben aus - nutzt du denn auch den aktuellsten FF?

    Eine Seite nicht für den IE ansehbar zu machen ist ziemlich dumm. Der typische Surfer hat Windows mit dem vorinstallierten IE und kümmert sich einen Dreck um FF und Opera.

    Im Opera ist es bei mir auch verschoben. Deswegen auch hier die Frage, welche Version du nutzt …

  5. #25
    Das Ding geht aber nur mit deiner Auflösung.

    Wenn du dein Browserfenster mal in der Größe änderst, wirst du merken, dass sich der Text und die Navigation plötzlich außerhalb der hierfür vorgesehenen Bereiche befinden, was an der position:absolute Eigenschaft liegt, die du benutzt. Hiermit kannst du zwar pixelgenau festlegen, wo sich ein Element befinden soll, allerdings wird es auch ganz fest dort bleiben, ohne auf eventuelle andere Elemente zu achten. Wenn du dein Hintergrundbild nun immer in der Mitte anzeigen lässt, ändert es bei der Größenänderung seine Position und es kommt zu dem Effekt.
    Am geschicktesten wäre es, die Boxen für Navigation und Hintergrund als richtige Elemente auszuzeichnen und die Inhalte dort hineinzulegen. Dann wandern sie auf Wunsch auch immer in die Mitte, wenn sich das Browserfenster verändert.

    Ansonsten würde ich Times New Roman aus Ästhetikgründen maximal enorm sparsam auf meiner Seite verwenden, zumal sich serifenlastige Schriften ohne Antialiasing und in kleiner Ausführung relativ schwer am Bildschirm lesen lassen.
    Die Designs finde ich soweit ganz okay, allerdings sieht der blaue Hintergrund meiner Meinung nach ein bisschen zu arg nach Baby-blau aus (bin mir nicht sicher, sitze im Moment an einem recht miesen Monitor) und beim roten Hintergrund sieht man recht starke Stufeneffekte.

    Eine Willkommens-Seite ist generell immer so eine Sache; ich habe irgendwann mal davon gelesen, dass sie von Surfern zu eine der 10 schlimmsten Websünden ernannt worden ist. ^^
    Zumal du sie so gestaltest, dass man recht lange braucht, bis man auf die Seite kommt (Die Buttons und der erklärende Text wollen erfasst und begriffen werden, der Mauszeiger muss auf die recht kleinen Icons manövriert werden. Das hört sich im ersten Moment lächerlich an, aber für den Besucher sind die Informationen auf deiner Seite das wesentlichste. Je länger er braucht, um sie zu finden, desto weniger ansprechend wird er deine Seite finden).


    Aber hey, dafür, dass es deine erste Seite ist, ist sie doch ganz okay geworden. (=

  6. #26
    Zitat Zitat von NPC Fighter Beitrag anzeigen
    Das Ding geht aber nur mit deiner Auflösung.

    [...]
    Ach verdammt, ich hab ganz vergessen dass es auch noch andere Auflösungen gibt. Danke, ich werds mir dann mal angucken.

    Zitat Zitat von NPC Fighter Beitrag anzeigen
    Ansonsten würde ich Times New Roman aus Ästhetikgründen maximal enorm sparsam auf meiner Seite verwenden, zumal sich serifenlastige Schriften ohne Antialiasing und in kleiner Ausführung relativ schwer am Bildschirm lesen lassen.
    Mit den Fonts hab ich mich noch nicht wirklich beschäftigt aber ich werde darauf achten.

    Zitat Zitat von NPC Fighter Beitrag anzeigen
    Die Designs finde ich soweit ganz okay, allerdings sieht der blaue Hintergrund meiner Meinung nach ein bisschen zu arg nach Baby-blau aus (bin mir nicht sicher, sitze im Moment an einem recht miesen Monitor) und beim roten Hintergrund sieht man recht starke Stufeneffekte.
    Ich glaub das liegt an deinem Monitor, ich find es sieht gut aus. Also das Blau, ist wahrscheinlich Geschmackssache. Das mit den Stufeneffekt ist mir auch schon aufgefallen, bin nur noch nicht dazu gekommen es zu ändern.

    Zitat Zitat von NPC Fighter Beitrag anzeigen
    Eine Willkommens-Seite ist generell immer so eine Sache; ich habe irgendwann mal davon gelesen, dass sie von Surfern zu eine der 10 schlimmsten Websünden ernannt worden ist. ^^
    [...]
    Auch wieder Geschmacksache, mir gefällts so. Aber da hast du recht, ich sollte die Schrift größer machen und die Buttons auch einen tick größer.

    Zitat Zitat von NPC Fighter Beitrag anzeigen
    Aber hey, dafür, dass es deine erste Seite ist, ist sie doch ganz okay geworden. (=
    Danke, ist halt noch im frühen Stadium.

    Geändert von Nharox (17.08.2008 um 18:02 Uhr)

  7. #27
    Hallo,wollte mal meine Website zeigen...kennen dort uns persöhnlich!
    ich selber gehöre nicht "direkt" zur der Schaupielergruppe,sondern
    bin nur der Techniker bzw. Videoverarbeiter und wollte nun
    mal wissen,wie ihr den neuen Style vom Forum
    findet:

    Newstyle2

  8. #28
    Zitat Zitat von alpha und beta Beitrag anzeigen
    Hallo,wollte mal meine Website zeigen...kennen dort uns persöhnlich!
    ich selber gehöre nicht "direkt" zur der Schaupielergruppe,sondern
    bin nur der Techniker bzw. Videoverarbeiter und wollte nun
    mal wissen,wie ihr den neuen Style vom Forum
    findet:

    Newstyle2
    Da gibt es eigentlich nur eins zu sagen: WTF?

    Ich bin zwar gegen Zensur aber bei dieser Seite würde ich mal ne Ausnahme machen und sie komplett löschen.
    Zu den Videos sag ich jetzt mal nichts. Hab keinen Bock, auf "Du olles Nazischwein" gebashe.
    und btw. welches Forum?

  9. #29
    WTF war so in etwa auch mein erster Gedanke von der Seite.
    Eigentlich kann ich auch sonst alle Punkte unterstreichen, die Whiz-zarD schon genannt hat, aber hier mal ein paar andere Sachen:

    - Schriftbild:
    Da gibt es nichts schön zu reden, die Rechtschreibung ist grausam. Imo ist das ein Grund, eine Internetseite verbieten zu lassen. Das mag hart klingen, aber ich finde es immer ziemlich lächerlich, wenn eine Seite von Fehlern nur so strotzt, man präsentiert sich doch im Internet vor vielen Leuten, da muss das doch nicht sein. Ein paar Schnitzer wären ja nicht schlimm, aber das hier ist wirklich grausam.

    - Frames:
    Es ist ein leidiges Thema, das stimmt. Allerdings - richtig, ich bin kein Freund von Frames! - sehen sie immer mistig aus, haben weniger als halb so viel Nutzen wie Nachteile und nicht zu vergessen, sie sehen immer noch mistig aus (mehr als ein Scrollbalken für eine Bildrichtung ist imo "teh Fail!" überhaupt, vom Nerv mal abgesehen).

    - Design:
    Hier will ich mich sehr kurz fassen:
    Mein Fall ist es nicht. Die Figuren, die um den Content rumstehen, haben mich eher dazu verleitet, zu denken, du hättest eine "Anti"-Website gebastelt (im Stile von stophiphop.com und Konsorten); ich musste jedenfalls lachen. Vorteilhaft sind die Komiker jedenfalls nicht für ein gutes Design und eine "erfolgreiche" Seite.

    - Bilder:
    Wenn man die Bilder im Inhalt der Seite bei einem Uploadservice wie imageshack.us hochladen muss, kann man es im Grunde auch ganz sein lassen. Vor allem, wenn man wie in deinem Beispiel die Seite kein einziges Mal in einem Stück zu Gesicht bekommt, weil ständig irgendwelche Bilder fehlen

    - Frame-Weiterleitung (versteckte Weiterleitung):
    Im Grunde der Tod überhaupt in Sachen Webdesign. URL-Hiding alleine wäre ja noch wirklich okay, aber diese versteckte Frame-Weiterleitung ist echt übel.

    und darüber, dass ich so ein T-Shirt nicht mal für nen Haufen Geld tragen würde, sag ich an der Stelle mal nichts, es geht ja schließlich nur um die Seite :3

    Geändert von Flying Sheep (19.08.2008 um 17:53 Uhr)

  10. #30
    PM 2.0

    Das Design ist ja schon bekannt, habe es vor einiger zeit schon vorgestellt. Jetzt habe ich es aktualisiert, ein paar Effekte eingebaut und zu mehr Browsern kompatibel gemacht (am besten sieht es in Firefox3 aus, aber die anderen machen auch nichts verkehrt).

    Lasst euch bitte mal ein bisschen drüber aus^^

  11. #31
    alpha und beta: :rofl

    mitaki: find das design nach wie vor sehr gut und augenfreundlich, lediglich der hintergrund stört mich etwas... genaugenommen dass der text darin in spalten geschrieben steht (oder sich lediglich ungünstig wiederholt...) sieht jedenfalls ned so pralle aus. wenn es besser "ineinander geschoben" wäre, sodass es wie ein echter natürlicher text aussehen würde, wäre es IMO viel besser.

    und wieso nimmst du bei der headergrafik, wenn es schon ein text-bild sein muss, nicht svg? das würd sogar gut aussehen, wenn man es skaliert (oder genrell ein etwas höher aufgelöstes bild von besserer qualität verwenden^^)

  12. #32
    Das Shopsystem ist zwar nur zur Hälfte fertig, aber hier geht es schließlich mehr um das Design:

    http://dev.perception-studios.de/farox

    Happy hunting. :E

    Edit: Unter "Katze" kann man sich schonmal die Artikelübersicht ansehen.

  13. #33
    Du solltest noch ein <div style="clear: both;"></div> einfügen, denn bei mir überschreitet das Menu das Ende der Seite (unter Katze).
    In den Links solltest du noch das HTML-Entitie für das Ampersand-Zeichen verwenden ( &amp; ) und einen Doctype einfügen!

  14. #34
    @mitaki Sehr Angenehm für die Augen.

    @kris
    Nett. Schlicht zu gleich auch.

    --

    Hier mal etwas von mir:

    http://www.dwgeh.bplaced.net/index.html

    Das Bild Mitte.png wird wegen einem unempfindlichen Grund nicht gezeigt.
    Das ganze besteht aus 3 Div Containern noch ein paar Divs und CSS Stylesheets.

    Bitte nicht ausernander nehmen das ist erst meine 4 Seite.
    [Die anderen 2 sind purer mist xD]

    Geändert von treeghost (24.08.2008 um 22:14 Uhr)

  15. #35
    Zitat Zitat von LS~ Beitrag anzeigen
    Das Bild Mitte.png wird wegen einem unempfindlichen Grund nicht gezeigt.
    Mitte.PNG

    Ansonsten ist die Site doch sehr ansprechend für eine der ersten Websites. Allerdings solltest Du Dir folgendes anschauen: http://upload.npcfighter.de/files/37/1814/screen.png

    Geändert von Maisaffe (24.08.2008 um 20:37 Uhr)

  16. #36
    Oh man!An so riesige Bildschirme habe ich nicht gedacht...>_<

    Jetzt ist das Problem mit der Mitte behoben aber
    wie die Divcontainer an einer stelle bleiben sollen habe ich keine Ahnung...

  17. #37
    Riesig ist relativ. Das Layout schaut in 1024 schon nicht korrekt aus, in allem was darunter liegt verrutschen die Elemente, und in allem was darüber liegt verrutschen sie ebenfalls. So gesehen sieht es in keiner Auflösung so aus wie du es gern hättest
    Es ist zwar gut davon ausgehen dass die Seite für maximal 1024er Bildschirme ausgelegt sein sollte, aber heutzutage hat eigentlich praktisch jeder Monitor 1280 und mehr Bildpunkte in der Breite.
    Wenn du divs zentrieren willst hilft dir die kleine aber feine css anweisung margin: 0 auto;
    Damit kann es dir richtig gemacht egal sein welche Auflösung die Nutzer haben.

    Allgemein kann man noch sagen dass es der Seite an Kontrasten fehlt. Dunkle Schrift und dunkler Grund, sehr schlecht zu lesen. (auf die Navigation und den Header bezogen)

  18. #38
    PHP-Code:
    <div id="bild" style="position:absolute; width:645px; height:123px; left: 183px; top: 325px; background-image: url(Top.png); layer-background-image: url(Top.png); border: 1px none #000000; margin: 0 auto;">
      <
    p align="center"><p style="text-align:center;"><a href="http://www.npshare.de/files/37/1933/Head.png"></a></p>
      </
    p>
    </
    div
    Funktionier ihrgendwie nicht...
    Ich hab auch momentan keine Zeit mehr...
    Könnte jemand mal gucken was da falsch ist?


  19. #39
    Also, soweit ich das sehe, ist dein Backgroundimage in horizontaler Richtung immer gleich, das heisst, du kannst es auch nur 1px Breit machen. http://img152.imageshack.us/img152/6030/bgrz3.png
    Daher würd dein CSS-Code dann so aussehen:
    HTML-Code:
    body {
       background: #353535 url('bg.png') repeat-x;
    }
    Und hör auf mit den Tabellen und mit dem absoluten Positionieren. Der ganze Code für den Header könnte so aussehen:

    HTML-Code:
    CSS:
    #header {
       display: block;
       width: 650px;
       margin: 0 auto;
       margin-top: 10px;
    }
    
    HTML:
    <img id="header" src="Header.png" width="650" height="250" alt="DwGeH - Die offizielle Homepage zum Spiel" />
    Dann das Menu:

    HTML-Code:
    CSS:
    #menu {
       width: 372px; /* weiss nicht genau, hab ich mit measure-it abgemessen */
       margin: 0 auto;
       list-style: none;
    }
    #menu li {
       display: inline;
    }
    HTML:
    <ul id="menu">
       <li><a></a></li>
       <li><a></a></li>
       <li><a></a></li>
    </ul>
    Zudem ist mir noch aufgefallen, dass du mehreren Elementen die gleiche id gegeben hast, dass ist in XHTML nicht erlaubt.

    Und dann noch ein div für den eigentlichen content und dieses auch zentrieren, dann sollte so manches Problem behoben sein.

    BTW. nette (ein bischen verstaubte) Referenz für CSS: http://www.css4you.de/

    Geändert von Drakes (24.08.2008 um 22:49 Uhr)

  20. #40
    In Verbindung mit absoluter-Positionierung sowieso nicht (welche btw. eh Rotz ist, die sollte man nur in Verbindung mit JavaScript verwenden ...).
    Und das margin-auto funzt, wohlgemerkt auch nicht im IE6!

    Beim 2. Layout sieht man, wie man es auch im IE schaft: http://de.selfhtml.org/css/layouts/m....htm#kopf_fuss

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •