Beiträge von Yamram

Yamram

Also bei mir versteht ers nicht.

Yamram

Nein meine Füße hab ich immer davor
Bei dir fällt mir nur auf, dass du einen alten Tisch und die Tastatur des Notebooks zu weit hinten ist.
Oder hast du ne externe?

Yamram

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

Yamram

Es kommt ja nicht nur auf mich an
Sondern auf die Besucher und da es leider immer noch sehr viele IE-User gibt, muss man sich danach richten.
Und, wenn man den IE benutzt, dann wird man auch nicht so schlau sein, um den neuen zu downloaden, denn die, die ihn benutzen haben sowieso keine Ahnung.

Yamram

Gute Ausrede xD

Yamram

Hallo Leute,
wie es schon ein Thema gibt, das sich um eure Desktops dreht, würde ich gern wissen wie eure Arbeitsplätze aussehen. Also
-Computer
-Tastatur
-Tisch...

Wenn das euch zu persönlich ist (Datenschutz..., Privatsphäre...), dann lasst es einfach. Mich würde es halt einfach interessieren.
Hier ist schonmal der Anfang:

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

Unten steht ein Drucker und sonst eigenltich sehr aufgeräumt. (extra für das Foto :D)

MfG
Philipp E.

Yamram

Sarkkan (again):
Ist mir vorher gar nicht aufgefallen: MINECRAFT. Ich dachte, das ist scheiße?

@Feninnic:
Naja, ziemlich langweilig.

@Basiii:
Cooler Japanstyle
Aber der Arbeitsrechner, wie soll ich das verstehen?
Sind das drei Bildschirme nebeneinander??

Yamram

Hallo Leute,
wie kann ich im doofen IE eigentlich ein zum Beispiel DIV zentrieren.
In Firefox macht man es ja mit margin: 0px auto;. Nur im IE funktioniert das nicht

MfG
Philipp E.

Yamram

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

Yamram

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

Yamram

Nein, sollte ich das?

Yamram

Kleine Aktualisierung

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

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

uuuund im doofen IE:

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

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

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.

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

@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:

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

Das sieht so scheiße aus Warum nur?

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

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%;
}

Alles anzeigen

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

Yamram

PHP

<div id="navi">
  <ul>
				<?php
				$date = $_SERVER['PHP_SELF'];
				if($date == "/y/index.php")
				{
				echo '<li class="active"><a id="home" href="index.php">Willkommen</a></li>';
				}
				else
				{
				echo '<li><a id="home" href="index.php">Willkommen</a></li>';
				}
				if($date == "/y/blog.php")
				{
				echo '<li class="active"><a id="blog" href="blog.php">Blog</a></li>';
				}
				else
				{
				echo '<li><a id="blog" href="blog.php">Blog</a></li>';
				}
				if($date == "/y/projekte.php")
				{
				echo '<li class="active"><a id="projects" href="projekte.php">Projekte</a></li>';
				}
				else
				{
				echo '<li><a id="projects" href="projekte.php">Projekte</a></li>';
				}
				if($date == "/y/handbuch.php")
				{
				echo '<li class="active"><a id="handbook" href="handbuch.php">Handbuch</a></li>';
				}
				else
				{
				echo '<li><a id="handbook" href="handbuch.php">Handbuch</a></li>';
				}
				if($date == "/y/impressum.php")
				{
				echo '<li class="active"><a id="rights" href="impressum.php">Impressum</a></li>';
				}
				else
				{
				echo '<li><a id="rights" href="impressum.php">Impressum</a></li>';
				}
				?>
  </ul>
</div>

Alles anzeigen

Code

div#navi {
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;
border-radius: 15px;
font-family: Georgia;
font-size: 110%;
color: black;
text-align: center;
margin-top: 0px;
box-shadow: 2px 2px 3px #393939;
width: 100%;
}
div#navi ul li a:visited, div#navi ul li a {
color: #ffffff;
padding: 15px;
text-decoration: none;
}
div#navi ul { 
padding: 15px;
}
div#navi ul li {
display: inline;
list-style: none;
background: transparent;
padding: 15px;
}
div#navi ul li.active {
background-image: url(../png/navi_sel_bg.png);
}
div#navi ul li:hover {
background-image: url(../png/header_bg.png);
}
div#navi ul li a {
padding-left: 50px;
}
div#navi a#home {
background-image: url(../png/navi/home_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#home:hover {
background-image: url(../png/navi/home.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#blog {
background-image: url(../png/navi/blog_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#blog:hover {
background-image: url(../png/navi/blog.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#projects {
background-image: url(../png/navi/projects_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#projects:hover {
background-image: url(../png/navi/projects.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#handbook {
background-image: url(../png/navi/handbook_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#handbook:hover {
background-image: url(../png/navi/handbook.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#rights {
background-image: url(../png/navi/rights_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#rights:hover {
background-image: url(../png/navi/rights.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#archiv {
background-image: url(../png/navi/archiv_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#archiv:hover {
background-image: url(../png/navi/archiv.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#profil {
background-image: url(../png/navi/user_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#profil:hover {
background-image: url(../png/navi/user.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}
div#navi a#welcome {
background-image: url(../png/navi/welcome_w.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
div#navi a#welcome:hover {
background-image: url(../png/navi/welcome.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;
color: #393939;
}

Alles anzeigen

Ich bin Philipp E.

Yamram

@Basiii:
Ja, das ist wirklich nicht schön. Willst du den ganzen Code oder nur die Navi?

Sören:
Hört sich gut an, aber meiner Meinung nach schadet der Platz nicht. Klar kannst du mir etwas zum Rest der Seite sagen.

@All:
Sooooo, hier wäre jetzt das Navi nochmal detailiiert dargestellt:

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

und dies ist die dazu gehörige Situation:
Der Besucher befindet sich auf Willkommen (li.selected) und hält den Mauszeiger über Projekte (li:hover).
Ich mag die neue Idee mit dem blauen, passt perfekt zum Rest der Seite.

Was sagt ihr nun?

Yamram

Ja, das finde ich auch, nur Sören hatte seine Kritik
Wie du am Anfang sehen kannst, war es auch so breit wie der Rest.

Yamram

hat ich gar nicht dran gedacht
Danke, habs eingebaut:

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

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

Soooo, wie sieht's jetzt aus?
meiner Meinung nach, ist es jetzt auf jeden Fall besser

Yamram

Soooo, das mit der Breite der Navi ist nun kleiner:

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

Das mit dem Farbverlauf in der Selektion funktioniert nicht, da ich schon das jeweilige Menübild als Hintergrundbild gesetzt habe. Deswegen ist nur eine Hintergrundfarbe möglich. (Ich wünsche immer noch, dass man mehr als ein Hintergrundbild setzen kann.) Wenn ich einen Verlauf einbauen möchte, müsste ich das mit JS umsetzen.

Klar kannst du was zum Rest sagen.

Yamram

So sieht die Navigation im Gesamtkonzept aus:
[attachment=0]Unbenannt.PNG[/attachment]

Bei der Selektion werde ich keinen Verlauf einbauen.

Beiträge von Yamram

Blöde Frage

Eure Arbeitsplätze

Neue Navi - Meinungen

Blöde Frage

Eure Desktops

Eure Arbeitsplätze

Eure Desktops

Blöde Frage

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen

Neue Navi - Meinungen