Eigenes Design mit modernem Layout
Moderator: HTML-Laie
- Simon
- Forengänger
- Beiträge: 41
- Registriert: So 22. Jul 2012, 16:51
- Mein Vorname: Simon
- Kontaktdaten:
Re: Eigenes Design mit modernem Layout
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?
Kann ich nicht alles etwas näher zu Home schieben?
- Jasko
- 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
Ja man kann die einzellnen Navi Links kleiner machen, man muss halt rumprobieren was passt? ich wuerde mal sagen du musst das hier veraendern:
Da wo jetzt width:7em; steht einfach mal 6em hinschreiben und schauen ob es dan gut aussieht.
Code: Alles auswählen
nav ul {
list-style:none;
position: relative;
width:7em;
margin:0 5px;
float:left;
}
- Simon
- Forengänger
- Beiträge: 41
- Registriert: So 22. Jul 2012, 16:51
- Mein Vorname: Simon
- Kontaktdaten:
Re: Eigenes Design mit modernem Layout
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)
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)
- Jasko
- 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
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:
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.
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;
}
margin-left:25px; width:200px; dann sollte es gut aussehen, aber du kannst da experimentieren was dir besser gefaellt.
- Simon
- Forengänger
- Beiträge: 41
- Registriert: So 22. Jul 2012, 16:51
- Mein Vorname: Simon
- Kontaktdaten:
Re: Eigenes Design mit modernem Layout
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?
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?
- Simon
- Forengänger
- Beiträge: 41
- Registriert: So 22. Jul 2012, 16:51
- Mein Vorname: Simon
- Kontaktdaten:
Re: Eigenes Design mit modernem Layout
Hab die Suchleiste noch kleiner gemacht und so geschafftSimon 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?
- Jasko
- 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
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
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
- Simon
- Forengänger
- Beiträge: 41
- Registriert: So 22. Jul 2012, 16:51
- Mein Vorname: Simon
- Kontaktdaten:
Re: Eigenes Design mit modernem Layout
Ok hab runtergeladen
Was jetzt?
Was jetzt?
- Jasko
- 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
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.
- Simon
- Forengänger
- Beiträge: 41
- Registriert: So 22. Jul 2012, 16:51
- Mein Vorname: Simon
- Kontaktdaten:
Re: Eigenes Design mit modernem Layout
beispiel 2 ist nicht schlecht
aber ich sehe da keinen unterschied zu meinem jetzigen design außer der hintergrund
aber ich sehe da keinen unterschied zu meinem jetzigen design außer der hintergrund
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 9 Gäste