Eigenes Design mit modernem Layout

CSS, Java Script u.s.w

Moderator: HTML-Laie

Antworten
Benutzeravatar
Simon
Forengänger
Forengänger
Beiträge: 41
Registriert: So 22. Jul 2012, 16:51
Mein Vorname: Simon
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Simon »

Also ich hab jetzt meine Punkte der NAvi fertig: http://www.abload.de/image.php?img=fragezak0c.png
Kann ich nicht alles etwas näher zu Home schieben?
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Jasko »

Ja man kann die einzellnen Navi Links kleiner machen, man muss halt rumprobieren was passt? ich wuerde mal sagen du musst das hier veraendern:

Code: Alles auswählen

 nav ul {
        list-style:none;
       position: relative;
       width:7em;
       margin:0 5px;
       float:left;
       }
Da wo jetzt width:7em; steht einfach mal 6em hinschreiben und schauen ob es dan gut aussieht.
Benutzeravatar
Simon
Forengänger
Forengänger
Beiträge: 41
Registriert: So 22. Jul 2012, 16:51
Mein Vorname: Simon
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Simon »

Ok hab jetzt alles gemacht
Sieht jetzt so aus :http://www.abload.de/image.php?img=k7eaco.png
Könnte man die Stellen zwischen Home,News und Anime (gründe Kreise) kleiner machen ohne die Abstände der anderen zu verändern?
Und kann man das Textfeld etwas nach links vergrößern (zwar nicht so extrem wie der gründe Kasten aber trotzdem mehr zur linken Seite hin)
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Jasko »

Also leider kann man nicht die ersten Felder zusammen ruecken lassen ohne die anderen zu stoeren da die groessen Fix sind, aber du kannst anstatt News - nachrichten Schreiben, und anstatt Home - Willkommen oder Startseite, wuerde den freien Platz fuehlen und trotzdem das selbe aussagen.

Das textfeld kann groesser gemacht werden hier:

Code: Alles auswählen

 #suchleiste {
       font-size: 14px;
       margin-left: 55px;
       padding: 5px 10px 3px;
       width: 170px;
       border-radius: 3px;
       border: 1px solid #d1d1d1;
       box-shadow: inset 2px 2px 2px #2b2a2c;
    }
Bei margin-left: 55px; so viel pixel abziehen wie viel du bei width:170px; dazu gibst. mein Vorschlag ist 30 pixel also.
margin-left:25px; width:200px; dann sollte es gut aussehen, aber du kannst da experimentieren was dir besser gefaellt.
Benutzeravatar
Simon
Forengänger
Forengänger
Beiträge: 41
Registriert: So 22. Jul 2012, 16:51
Mein Vorname: Simon
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Simon »

Ok hab jetzt angepasst
Aber ich hab jetzt ein anderes Problem: http://www.abload.de/image.php?img=screengjksl.png
Wie kann ich beheben dass der Drop unter die >Suchleiste gerät?
Benutzeravatar
Simon
Forengänger
Forengänger
Beiträge: 41
Registriert: So 22. Jul 2012, 16:51
Mein Vorname: Simon
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Simon »

Simon hat geschrieben:Ok hab jetzt angepasst
Aber ich hab jetzt ein anderes Problem: http://www.abload.de/image.php?img=screengjksl.png
Wie kann ich beheben dass der Drop unter die >Suchleiste gerät?
Hab die Suchleiste noch kleiner gemacht und so geschafft
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Jasko »

Ja so kann es gehen, aber es ist ueberhaupt nicht schlimm das die Untermenues unter die SuFu kommen das passiert bei den bessten Seiten, aber wie du magst.

Hier hast du ein Download packet, wo du dir die verschiedenen versionen die ich gemacht habe bis jetzt ansehen kannst.

um deine Seite ein wenig aufzu peppen, die meisten veraenderungen bei den verschiedenen beispielen sind in der CSS zu finden.

MFG
Benutzeravatar
Simon
Forengänger
Forengänger
Beiträge: 41
Registriert: So 22. Jul 2012, 16:51
Mein Vorname: Simon
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Simon »

Ok hab runtergeladen
Was jetzt?
Benutzeravatar
Jasko
Globaler Moderator
Globaler Moderator
Beiträge: 3284
Registriert: Di 21. Feb 2012, 06:59
Mein Vorname: Herr Jasmin ;)
Wohnort: Rheinland-Pfalz
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Jasko »

Sie es dir an und schau ob du etwas davon verwenden willst, sonst nichts, wollte dir nur ein paar beispiele sammt Code da lassen damit du siehst wie du was anpassen kannst wenn du magst.
Benutzeravatar
Simon
Forengänger
Forengänger
Beiträge: 41
Registriert: So 22. Jul 2012, 16:51
Mein Vorname: Simon
Kontaktdaten:

Re: Eigenes Design mit modernem Layout

Beitrag von Simon »

beispiel 2 ist nicht schlecht
aber ich sehe da keinen unterschied zu meinem jetzigen design außer der hintergrund
Antworten

Zurück zu „Fragen zu HTML & Programmiersprachen“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste