Sir Francis Drake

    So, die Website, an der ich schon eine ganze Weile gearbeitet habe, ist online:


    Sir Francis Drake


    Danke an
    - Roland, für die Ajax-Brücke, den Mime-Type-Tipp
    - Basiii, für die Versuchsbeschränkung
    - Alle anderen aus diesem Forum, die mir Tipps und Ratschläge gegeben haben
    - Lars Ebert für das Ajax-Template
    - Konstantin Tabere für die Bildergalerie
    - und an meine Mitpfadfinder von Sir Francis Drake, die mich (hoffentlich :D ) noch mit Inhalten beehren werden.


    Und jetzt die große Frage: Was haltet ihr davon :?:

    Hey ;)
    Ich finde die Farbwahl nicht gerade optimal. Die Zeit der großen Farbenvielfalt ist vorbei, dezent ist angesagt. Schau dir doch nur mal das endlos coole Design dieser Seite an.! :).
    Man sollte sich was farben angeht nicht zu sehr aus dem Fenster lehnen. :)

    Code
    Zeilen 194-196
<noscript>
        <style>nav ul li ul{visibility:hidden;}nav ul li:hover ul{visibility:visible;}</style>
    </noscript><style type="text/css" style="display:none">@font-face{font-family:lblack;src:url(http://www.pfadfinder-weilheim.de/style/lucindablack.ttf),url(http://www.pfadfinder-weilheim.de/style/lucindablack.eot);}::selection{color:navy;background:#FBD800;}::-moz-selection{color:navy;background:#FBD800;}header,nav,section,footer{display:block;}html{background-color:navy;color:#FFF;}body{background:#00f fixed;height:auto;width:80%;min-width:780px;margin:0 auto;}header{height:175px;background:#000 url(http://www.pfadfinder-weilheim.de/img/general/header-bg.jpg) no-repeat left top;}header p{margin:0;padding:0;color:#FBD800;font-family:lblack;font-size:97px;text-align:center;text-shadow:-5px 5px 5px navy;}nav{position:absolute;top:150px;height:25px;width:80%;min-width:780px;margin:0;padding:0;z-index:2;}nav ul{margin:0;padding:0;background-color:gray;background-color:rgba(128,128,128,0.6);}nav li{display:inline-block;margin:0;padding:0;list-style:none;font-size:16px;text-transform:uppercase;text-align:center;vertical-align:bottom;height:25px;width:15%;}nav li:hover{background-color:#606060;}nav li ul{margin:0;background-color:gray;}nav li ul li{width:100%;}nav li ul li:hover{background-color:#606060;}nav a:link,nav a:visited,nav a:hover,nav a:active{display:inline-block;text-decoration:none;font-family:sans-serif;font-weight:700;width:100%;height:100%;}h1{font-family:lblack;}a:link,a:visited{color:#FBD800;}a:active,a:hover{text-decoration:underline overline;}hr{display:inline-block;height:5px;border:1px solid gray;background-color:#FBD800;}.warning{background:#606060;color:#FFF;border:3px solid red;padding:2px;margin:0 25px;}.comment{background:#606060;color:#FFF;border:3px solid #0F0;padding:2px;margin:0 25px;}#swapper{padding:10px 25px 0;max-width:775px;}footer{padding:0 0 1px 5px;}footer hr#main{width:350px;color:#FBD800;margin-left:70px;}footer img{max-height:50px;}
</style>


    Warum <style> in noscript? Oder ist das ein spezielles Design für "Nicht-JavaScript'ler"?


    Den Inhalt kann ich schlecht bewerten. :P


    Brauchst du unbedingt jQuery? jQuery sollte man nur verwenden, wenn es nicht anders geht.


    Hi,
    danke schonmal fürs Feedback.
    Ja, ich brauche jQuery, damit das Ajax-OnePage-Template funktioniert. Wenn du mal drauf achtest, wird beim Großteil der Seiten (wo kein PHP geladen werden muss ^^) nur der Inhalt getauscht.


    Die Farbwahl. Erstens sind das doch gar nicht so viele Farben?! Gelb, blau, grau/weiß, im Grunde also drei (vier für Haarspalter)
    Und zweitens habe ich diese Farben gewählt, da dies die offiziellen BdP-Farben sind. Unser Stamm gehört halt zum BdP dazu.
    Und grau, dachte ich, stört da nicht wirklich, hebt sich ab, markiert somit Zusammengehöriges (wie bei den Fotoalben), und ist nicht zu grell.
    Aber was würdest du denn stattdessen empfehlen?


    Und das Style im NoScript dient nur dazu, dass die Untermenüs auch dann versteckt werden, wenn JS deaktiviert ist. Denn sonst werden die Menüs durch JS versteckt und dieser sanfte Ausfahreffekt erzeugt. Da wollte ich halt nicht doppelt (1x JS, 1x CSS) Einfluss drauf nehmen.

    Für Ajax braucht man kein jQuery .. jQuery macht es zwar einfacher, aber nicht unbedingt schneller. Einerseits müssen zusätzliche Daten vom Browser geladen werden (jQuery an sich) und anderer seits zusätzlichr (JavaScript-)Code vom Browser verarbeitet werden.

    Die Farben sehen komisch aus.
    Wir sind mitlerweile verwöhnt von vielem Zeug das von so vielen Seiten im Netz "stylisch" daherkommt.
    Wenn Du jetzt also eine so Große Fläche einfach nur einfärbst, dann kommt das zu "einfach" rüber.


    Probier mal anstatt des dunklen Blaus ein Hintergrundbild (Muster?).
    Und für Das hellere Blau evtl sowas: http://gradients.glrzad.com/


    Evtl Auch "hier und da" ein Rahmen (border 1px?).
    =)

    Zitat von Phip S.

    Für Ajax braucht man kein jQuery .. jQuery macht es zwar einfacher, aber nicht unbedingt schneller. Einerseits müssen zusätzliche Daten vom Browser geladen werden (jQuery an sich) und anderer seits zusätzlichr (JavaScript-)Code vom Browser verarbeitet werden.


    Kann gut sein, allerdings kenne ich mich in JavaScript nicht so gut aus. Ich hab das ja einfach nach oben genanntem OneOage-Template gemacht, da das läuft, hab ich es gelassen ;) Außerdem finde ich, dass die Seite doch trotzdem schnell lädt, oder?
    Wenn du so nett wärst und es umschreiben willst, sag ich natürlich nicht nein ;)



    Eigentlich war das Absicht: Scharf abgegerenzte Kanten, mit relativ viel Gelb und Blau, da das halt vom Logo so übernommen wurde.
    Aber im Grunde ist es vor allem der Hintergrund, der dich stört, verstehe ich das richtig? Dann setze ich mich da mal ran, wenn ich Zeit hab und guck, ob ich was Bessere find.

    Zitat von Phip S.

    Willkommen im Web im Jahre 1996 =)


    Na und? Weißt du, wie alt wir Pfadfinder sind :P
    PS: Hier mal einige andere Pfadiseiten: http://stamm-burgund.de/, http://stammburgund.de/, http://www.taquena.de/, http://www.nacanapah.de/. Gegen die Frames sind wir doch noch modern ;)
    Du kannst von Pfadis nicht unendlich viel verlangen. Das mit dem Hintergrund schau ich nochmal, aber wir sind halt alles noch Jugendliche, Schüler oder Studenten und haben dementsprechend kein Geld und keine Zeit um was richtig Professionelles auf die Beine zu stellen/stellen zu lassen.


    Ich guck mir aber das mit dem Hintergrund trotzdem nochmal an.

    Professionell muss es nicht sein - mach die Schrift in einen weißen Kasten auf dem blauen Grund, der ganz leicht transparent ist, gib ihm einen Schatten und mach schwarze Schrift, zusätzlich der Überschrift noch einen leichten Textschatten. Schon macht es mehr her. Wenn du willst kann ich dir auf Grundlage deiner Farben mal ein bisschen CSS schreiben, woran du siehst wie einfach man "modernes" Webdesign machen kann. :)

    Zitat von lauras

    Professionell muss es nicht sein - mach die Schrift in einen weißen Kasten auf dem blauen Grund, der ganz leicht transparent ist, gib ihm einen Schatten und mach schwarze Schrift, zusätzlich der Überschrift noch einen leichten Textschatten. Schon macht es mehr her. Wenn du willst kann ich dir auf Grundlage deiner Farben mal ein bisschen CSS schreiben, woran du siehst wie einfach man "modernes" Webdesign machen kann. :)


    Wär doch mal was. Ich danke für die Ideen, Design ist halt echt noch Neuland für mich ;)

    Heyho,
    Ich habe mal ein neues Design aufgespielt, ist zwar ähnlich, aber ich trotzdem ein wenig moderner.


    Nun zwei Fragen:
    1) Seht ihr ein Dropdown-Menü, bzw. werden bei euch die einzelnen Navi-Elemente beim hovern undurchsichtig?
    2) Wie gefällt das Design allgemein?

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden