Tutorial HTML, CSS u. PHP - Forum

[Sören]

Der blaue Farbverlauf gefällt mir jetzt nicht so, die untere Farbe ist zu grau, sieht mit dem Text darauf eigenartig aus.
Ich würd dei untere Farbe kräftiger machen, mit weniger grau darin.

Zu dem Rest:
Telefonnummer und E-Mail Adresse solltest du da wegnehmen und ins Impressum packen und den Websitenamen, naja eigentlich weiss man auf welcher Seite man sich grad befindet und muss die URL nicht so groß auf der Seite stehen haben, würd ich da also auch wegnehmnen.
Insgesamt solltest du die Leiste sehr viel kleiner machen, vielleicht auch auf eine Ecke beschränken.

[Yamram]

@Basiii:
1. Da das nicht falsch ist, werde ich es wahrscheinlich lassen.

2. Soooo, das mit dem Zusammenfassen habe ich umgesetzt. Ich war eigentlich nur zu faul um zu gucken, wie die Reihenfolge ist.

3. Das ist eine gute Idee. Ich habe es mal mit div#navi gemacht. (siehe unten)

4./ 5. Wenn das so besser ist. (siehe unten)

Code: Alles auswählen

div#navi {
/* Hintergrund // background */
background: rgb(69,72,77); /* Old browsers */
background: -moz-linear-gradient(top, rgba(69,72,77,1) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,72,77,1)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%); /* W3C */margin: 0px auto;
background-color: #393939;
/* Schrift // font */
font-family: Georgia;
font-size: 110%;
color: black;
/* Ausrichtung // align */
text-align: center;
margin-top: 0px;
/* Rahmen/ Schatten // border/ shadow */
-webkit-border-radius: 15px;
-khtml-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
box-shadow: 2px 2px 3px #393939;
-webkit-box-shadow: 2px 2px 3px #cefa42;
-moz-box-shadow: 2px 2px 3px #cefa42;
-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=2, offy=2)"; /* IE ab V.8 */
filter:progid:DXImageTransform.Microsoft.DropShadow(color=#333333, offx=2, offy=2); /* IE unter V.8 */
/* Sonstiges // else */
width: 100%;
}


@Sören:
Also, ich finde das ganz schick.
Das mit der "Kontaktleiste" werde ich mir mal ansehen. Das mit dem Link ist wirklich Scheiß.

[Basiii]

@Basiii:
1. Da das nicht falsch ist, werde ich es wahrscheinlich lassen.

Semantisch ist es falsch.

2. Soooo, das mit dem Zusammenfassen habe ich umgesetzt. Ich war eigentlich nur zu faul um zu gucken, wie die Reihenfolge ist.

Die Reihenfolge ist eigentlich völlig Banane, du solltest nur darauf achten immer die Selbe zu benutzen.

[Yamram]

@Sören:
Hier habe ich die Kontaktleiste mal etwas kleiner gemacht und noch ein "Sinnabschnittteiler" eingefügt
Das mit dem Link habe ich nur gelassen, weil ich nicht weiß, was ich da sonst hinschreiben soll.

@Basiii:
Achso, ein semantischer Fehler. OK, ich geb mich geschlagen und werds ändern.

Cool, da hat mir jemand aber mal was anderes erzählt. Na ja, egal

@All:
Ich habe ein großes Problem mit dem IE. In diesem Kackbrowser sieht die Seite so aus:

Das sieht so scheiße aus Warum nur?

[Yamram]

Kleine Aktualisierung

Meine Seite sieht im Firefox mit komplett neuer "Kontaktleiste" so aus:

uuuund im doofen IE:

Sieht zwar nicht gut aus, aber besser als vorher ;D

Was sagt ihr zu beiden Neuerungen?
Ach übrigens: Sinntrennungslinie habe ich wieder entfernt. War nicht so gut

[lauras]

Benutzt du ein Reset-Stylesheet?

[Yamram]

Nein, sollte ich das?

[lauras]

Wäre vielleicht ganz praktisch.

[Yamram]

Das ist aber sehr viel Arbeit dann für alles neue Eigenschaften zu schreiben...

[Sarkkan]

Das ist aber sehr viel Arbeit dann für alles neue Eigenschaften zu schreiben...

Es ist weitaus mehr arbeit jedem Element immer margin: 0; und padding: 0; (o.Ä.) zu geben

[Yamram]

Ja, stimmt
Was haltet ihr denn jetzt von der Socialnetsleiste ?????

[Sören]

Ist auf jeden Fall besser als vorher und auch nicht zu aufdringlich.
Den Bookmark-Button würd ich allerdings rausnehmen, hat ja jeder selber.

[Yamram]

Ja, aber dann sind da irgendwie zu wenig Bilder, weil ich RSS auch noch rausnehmen wollte.
Oder?

[Sören]

Dann pack die beiden verbleibenden Buttons vielleicht in den Header?
Platz genug ist da ja.

[Yamram]

aber ich würde gerne so eine leiste links haben, das sieht irgendwie geil aus

Ach dazu habe ich direkt noch ne Frage:
Auch, wenn ich Lesezeichen wahrscheinlich rausnehme: Wie mache ich das in FF? Also im IE geht's so:

Code: Alles auswählen

window.external.addFavorite(location.href);