Neues Aussehen

revils · 6. September 2011

Ich hab mal wieder meine Seite verändert. Jetzt ist sie hell^^
Ich weiß, dass das nicht sehr einfallsreich ist aber es genüg derzeit menen Ansprüchen

http://www.riensartwork.de

[attachment=0]Unbenannt.PNG[/attachment]

PS: Verbesserungsvorschläge nehme ich gerne an. Doch für die Umsetzung würde ich eure Hilfe dringend benötigen^^

Sören · 6. September 2011

Sieht auf jeden Fall schon mal besser aus.
Werd mich dann später wohl genauer dazu äußern, da ich gerade wenig Zeit hab.

Yamram · 6. September 2011

Meiner Meinung nach ist der Header zu schwarz, ich würde in diesen Brauntönen gestalten. Das sähe bestimmt besser aus.

lauras · 6. September 2011

Ich dachte mir erst "Wo ist denn der Inhalt", dann hab ich deinen Screenshot gesehn..

[attachment=0]screen.JPG[/attachment]

So soll das nich aussehn, oder? Das ist übrigens verkleinert, weils mich im Original ein bisschen erschlägt. Vielleicht solltest du für verschiedene Browser optimieren

Grüße

Yamram · 6. September 2011

Ja, lauras hat Recht, ich hab erst nur aus Bild geguckt.

revils · 6. September 2011

Meint ihr die Banner, dass dieser zu groß ist?
Die Startseite ist vom Aufbau extra so gemacht, da da die Neuigkeiten in "Kurzfassung" aufgelistet werden.

An eine Browseroptimierung hab ich schon gedacht, hab das auch auf meiner Liste stehen, nur weiß ich nicht wie das geht.
Jedenfalls noch nicht

Und danke schonmal für die konstruktive Kritik

Yamram · 6. September 2011

konstruktive Kritik?
Hast du dir das mit der Farbe überlegt?

revils · 6. September 2011

Ja, konstruktive Kritik^^

Ich denke Braun allein würde nicht so gut aussehen.

Basi · 6. September 2011

Also das Menü geht gar nicht,

es ist toll wenn du Submenüs einbaust aber diese heben sic habslut nicht vom Rest der Steuerung ab, wenn man darüber fährt sieht das ganze aus wie ein Grafikbug, da musst du mit farblichen Abhebungen dringend noch etwas tun.

revils · 7. September 2011

Ich arbeite dran, wenn du ne Idee hast dann raus damit.
Im Moment versuche ich die Idee mit der Farbe Braun einzubringen

EDIT:

- Die Unterpunkte in der Navi sind jetzt Braun
- Das Motto im Banner ist jetzt Braun

Yamram:
Braun sieht wirklich nicht schlecht aus. Danke

Basi · 7. September 2011

Mach mal bitte Folgendes:

Geh mal mit der Maus über Gallery, sodass sich das Untermenü öffnet, und nun fahre mal mit der Maus die einzelnen Punkte runter bis du bei Video ankommst, tue einfach so als wenn du von Gallery zu Video möchtest und schau was passiert, das machen viele Besucher kein 2. Mal mit.

revils · 7. September 2011

Du meinst das die Navi wieder in den Ursprung zurück geht.

Das ist noch der Code den Sarkkan für mich gemacht hat

Code

<ul id="navi">
            <li><a style="font-weight: bolder;">Home</a></li>
            <li><a href="about.php">About</a></li>
            <li><a href="#">Gallery</a>
                <ul>
                    <li><a href="nature.php">Nature</a></li>
                    <li><a href="space.php">Space</a></li>
                    <li><a href="stencil.php">Stencil</a></li>
                    <li><a href="canvas.php">Canvas</a></li>
                    <li><a href="special.php">Special Work</a></li>
                </ul>
            </li>
            <li><a href="video.php">Video</a></li>
            <li><a href="events.php">Events</a></li> <!-- onclick="alert('This site is currently not available'); return false;"-->
            <li><a href="gaestebuch.php">Guestbook</a></li>
            <li><a href="contact.php">Contact</a></li>
        </ul>

Alles anzeigen

Code

/*Navigation mit Dropdownmenü*/




* {margin: 0; padding: 0;}




/* Grundkram, also Design der Navi,.. */
ul#navi {
        list-style: none;
        font-size: 15px;
        }




/* Wie soll ein normales Listenelement aussehen?
* und natÃ¼rlich nach Links gefloatet, damit die neben einander liegen */
ul#navi li  {
            float: left;
            background: #E9E9E9;            
            }




/* Die Hyperlinks
* Display: block; damit auch schÃ¶n die gesamte FlÃ¤che der <li> anklickbar ist */
 ul#navi li a   {
                display: block;
                padding: 5px 30px;
                color: #808080;
                text-decoration: none;
                font-size: 15px;
                }




/* Das AufklappmenÃ¼
* Wichtig ist hier, dass normal display: none; ist,
* damit wir das spÃ¤ter per hover einblenden kÃ¶nnen */
ul#navi li ul   {
                display: none;
                list-style: none;
                position: relative;
                padding: 3px 30px;
                }




/* Aussehen der unterpunkte verÃ¤ndern
* float: none; damit diese Punkte untereinander angezeigt werden
* (Der oben definierte Stylekram muss ggf. hier Ã¼berschrieben werden) */
ul#navi li ul li    {
                    float: none;
                    border: none;
                    font-weight: 500;
                    font-size: large;
                    }




/* Die Hyperlinks in der Subnavi */
ul#navi li ul li a  {
                    float: none;
                    padding: 3px 15px;
                    color: #8A4B36;
                    }




/* Die eigentliche Aufklappfunktion:
* Wenn ein Listenelement Ã¼berfahren wird,
* soll das sich darin befindliche <ul> angezeigt werden
* <Das ist die eigentliche Kustn bei dem ganzen xD> */
ul#navi li:hover ul {
                    display: block;
                    }

Alles anzeigen

Sören · 7. September 2011

Das Submenü solltest du besser als Popout machen oder einfach dauerhaft anzeigen lassen, so stört das gewaltig.

Der Header-Schriftzug ist meiner Meinung nach auch in kleinen Browserfenstern viel zu groß.

Mal überlegt zwischen Navi und Inhalt mehr Abstand zu machen? Die jetzigen 1-2px fallen kaum auf.

Sarkkan · 7. September 2011

Zitat von "revils"

Das ist noch der Code den Sarkkan für mich gemacht hat

Zieh meinen Namen nicht in den Dreck!^^
Habe dir damals einen Link in einem Beitrag geschickt, wo ich jemandem anderen zuvor schon einmal einige Navigationen gebastelt habe. In dem geposteten Link zu dem anderen Beitrag ging es um Aufklappmenüs, unter anderem war genau dieser Effekt gewünscht.
Dennoch habe ich noch 2 Alternativen angegeben, beziehungsweise sogar noch eher zu diesen geraten.

Gruß
Sarkkan

revils · 7. September 2011

Entschuldigung....ich wollte noch hinschreiben "ohne ein schlechtes Bild von sarkkan zu machen"

Yamram · 7. September 2011

revils:
Hab mich mir ja gleich gedacht. Bitte bitte

revils · 7. September 2011

Frage 1:
Was wäre für euch denn eine angebrachte Navi?

Frage 2:
Wie würde ich es mit meinem Code hinkriegen die Navi rechts zu hovern?

Sören · 8. September 2011

Ich hab dir schon Vorschläge gemacht:

Zitat von "Sören"

Das Submenü solltest du besser als Popout machen oder einfach dauerhaft anzeigen lassen, so stört das gewaltig.

Zweitere Variante wirst du wohl selber hinbekommen.

revils · 8. September 2011

Tut mir leid, hab ich übersehen.
Jetzt im Moment sieht es wenigstens nicht mehr wie ein "Grafikbug" aus^^

EDIT:

Ich habe folgendes im Internet gefunden. Thema: Webfonts/Downloadbare Schriftarten
Funktioniert das so wirklich, dass die, die die Schriftart nicht auf dem PC haben sie so doch angezeigt bekommen?

Mein Code für die Schriftart "Palace Script MT"

CSS

Code

@font-face  { 
                       font-family: 'MT'; 
                       src: url('http://riensartwork.de/mt.ttf') format('truetype'); 
            }




h1  {
        font-family: Palace Script MT, MT;     /*Palace Script MT für die, die die Datei auf dem PC haben und MT ist meine auf dem Server zum "downloaden" */
        font-size: 72px;
        font-weight: lighter;
    }

Alles anzeigen

NeoAramis · 9. September 2011

Ja klappt wunderbar. Dazu habe ich dir hier ein sehr gut erklärtes Tutorial von Nick La. Es zeigt vor allem schon von vornherein auf, welche Probleme auftreten können und wie man sie geschickt umgeht.

<a class="postlink" href="http://webdesignerwall.com/general/font-face-solutions-suggestions">http://webdesignerwall.com/general/font ... uggestions</a>

Neues Aussehen

Jetzt mitmachen!

Teilen