[Layout] Portfolio Design

Dieses Thema im Forum "Webdesign" wurde erstellt von R0xD, 20. März 2007 .

  1. 20. März 2007
    Portfolio Design

    Ich wollte nen Layout von mir in zusammenarbeit mit einem Kumpel vorstellen.
    Wir haben es extra ein bisschen schlicht gelassen, da man später vielleicht mal seine referenzen präsentieren kann.
    Hatten da aber dennoch eine idee.
    Wir haben 2. Designs erstellt und hatten das so vor dass sich nach einer bestimmten Uhrzeit sich das Design wechselt aber seht selbst. Und ich bitte um viel Verbesserungsreiche Kritik. Wenns geht Noten von 1 /10 vergeben.

    Design I (von 6 00 Uhr - 19.00 Uhr)
    http://jasi.player-city.de/design_tag.html


    Design II (von 19.00 Uhr - 6.00 Uhr)
    http://jasi.player-city.de/design_nacht.html

    Und ja es ist mein Webspace
     
  2. 20. März 2007
    AW: Portfolio Design

    Najoa... also 80% vom Design kriegste allein durch CSS und so hin^^
    Und schlicht ist ok, aber für mich zu schlicht.

    Mehr Farbe sollte auf alle Fälle noch rein (vor allem bei einem bunten Header).
     
  3. 21. März 2007
    AW: Portfolio Design

    Der Header is sau kuhl^^

    Design 1 8/10
    Design 2 7/10

    vll kommt es noch besser wenn du alles ein bisschen zentrierst
     
  4. 21. März 2007
    AW: Portfolio Design

    holla die waldfeh
    also ich finde das ganze etwas zu schlicht,fraben sind auch net allzuviel
    2/10
    lg
     
  5. 21. März 2007
    AW: Portfolio Design

    ich fänds schöner, wenn es im header eine bild überlagerung geben würde, also das das bild von der wiese in das weisse überläuft. und den content bereich finde ich zu weit nach rechts verzogen der könnte noch ein bisschen mehr in der mitte sein.
     
  6. 21. März 2007
    AW: Portfolio Design

    Hallo, das gefällt mir jetzt so gut, dass ich mal fragen muss, wie man das mit der Uhrzeit und dem Bildwechsel realisiert. Hat vielleicht Jemand sogar ein Script dafür?

    Die Idee ist klasse.
     
  7. 21. März 2007
    AW: Portfolio Design

    Könnte man mit nem CGI-Script realisieren... oder vlt auch mit javascript (kp)

    Ich finde die Designs an sich relativ "normal", irgendwie nix besonderes, die Header sind beide recht schön.
    6/10

    GreetZ, ~Br4inP4in~
     
  8. 21. März 2007
    AW: Portfolio Design

    könnte man z.b. per php machen, dass der entweder das day.css oder die night.css in den header schreibt.
     
  9. 21. März 2007
    AW: Portfolio Design

    Code:
    <script type="text/javascript" language="JavaScript">
    <!--
    
    var now = new Date();
    var sec = now.getSeconds();
    var Uhrzeit=now.getHours();
    
    // Anzahl der Fotos
    var AnzahlTag = 9;
    var AnzahlNacht = 3;
    
    // Dateityp Breite Höhe Rand sind in der Variablen
    // 'bildattribute' zusammengefaßt s
    var bildattribute = ".jpg\" width=\"150\" height=\"113\" border=\"1\">";
    
    var SpanneStart = 10;
    var SpanneStop = 17;
    
    
    function foto() {
    if (Uhrzeit >= SpanneStart & Uhrzeit <= SpanneStop)
    {
    var zufallszahl = sec % AnzahlTag;
    zufallszahl +=1;
    document.write('<img src=\"images/tag' + zufallszahl + ba);
    return
    }
    else
    {
    var zufallszahl = sec % AnzahlNacht;
    zufallszahl +=1;
    document.write('<img src=\"images/nacht' + zufallszahl + ba);
    return
    }
    }
    
    //-->
    </script>
    Erklärung:

    Aus dem aktuellen Datum wird der Teil für die aktuelle Stunde ermittelt und in die Variable "Zeit" geschrieben.

    Aus dem aktuellen Datum wird der Teil für die aktuelle Sekunde ermittelt, die zur Generierung der Zufallszahl genutzt wird.

    Mit einer "IF - ELSE" Anweisung wird der ermittelte Wert mit der Vorgabe verglichen und der entsprechende Teil der Anweisung wird ausgeführt.

    {bild-down: http://img128.imageshack.us/img128/5030/unbenanntuq8.jpg}


    Die Images wurden in meinem beispiel mit "tag1" - "tag9" / "nacht1" - "nacht3" bezeichnet. Die abschließende Zahl des Dateinamens wird durch das Script als Zufallszahl ermittelt.

    // Dateityp, Breite, Höhe, Rand legen sie in der Variablen "ba" fest:

    var bildattribute = ".jpg\" width=\"150\" height=\"113\" border=\"1\">";

    Quelle: web-toolbox.net
     
  10. 21. März 2007
    AW: Portfolio Design

    Naja, ich würde aber mal behaupten, dass die Idee von wirednature viel einfacher ist...
    So nach dem motto
    Code:
    if ($h > 6, $h < 19) {css 1 einbinden};
    else {css 2 einbinden};
    Geht mit cgi/php und is ziemlich wenig Arbeit..
    man müsste noch nichtmal css verwenden sondern könnte
    auch einfach das Bild ersetzen, wobei css natürlich dann auch
    die möglichkeit eines "night-styles" für die gesamte seite bieten würde..
    Aber dass es auch ne js Lösung gibt war mir klar

    GreetZ, ~Br4inP4in~
     
  11. 22. März 2007
    AW: Portfolio Design

    ehm coder wird noch gecuht ^^ wer intersse hat pm und thx für die kommentare.

    ja ein wenig farblos ich hatte das so vor dass die buttons sich nach dem drübergehen der maus nach unten bewegen und erst so eingefahren is also halt nur nen stück rausguckt dann um das design etwas farblich zu gestalten hab ich mir gedacht dass man die fonts die in den buttons reinkommt vielleicht alle in verschiedenen Farben schreibt. und das das design zentriert wird is ja wohl logisch =)
     
  12. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.