Beiträge von Basi

Ja das sind 3 Monitore nebeneinander.

BLA BLA BLA -.-

Nur zur Info: BLA BLA BLA!

Zitat von "Yamram"

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

Semantisch ist es falsch.

Zitat von "Yamram"

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.

Zitat von "lauras"

OpenOffice kann ich leider nicht ab, bei mir läuft das ewig lahm.

Ohje da läuft in deinem System aber was schief, das liegt nich am OpenOffice Paket, versuch mal eine andere VErsion, ich meine die bieten ein Archiv an.

Das scheint nicht so ganz zu gehen, ich habe auch mal gesucht.

Aber mal Offtopic:

Was spricht gegen CDs? Etwas in der Hand zu halten ist doch immer besser oder nicht?

Sieht ja ganz nett aus, habe gerade nic hso die Zeit aber 2 Punkte schon mal:

1. <ul> ist schon ein block-Element, von daher kannst du dir den <div id="menu"> sparen und direkt <ul id="menu"> schreiben

2. Du kannst deine background Attribute auch zusammenfassen um Code zu sparen und die Übersicht zu wahren.

Statt...

background-image: url(../png/navi/welcome.png);
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: transparent;

...schreibst du einfach:

background: transparent url(../png/navi/welcome.png) no-repeat 0 0;

Vielleicht solltest du dir auch eine gewisse Ordnung in deinem CSS Code angewöhnen, zum Beispiel Formatierungne für die Positionierung und welche für Farben, etc. trennen, ein Beispiel:

ul#navi {
  /* positionierung */
  /* margin-top: 0px; // kommt irgendwie 2 mal vor */
  margin: 0px auto;




  /* aussehen */
  width: 100%;
  background: rgb(69,72,77); /* Old browsers */
  background-color: #393939;
  box-shadow: 2px 2px 3px #393939;
  border-radius: 15px;




  /* textgestaltung */
  font-family: Georgia;
  font-size: 110%;
  color: black;
  text-align: center;




  /* solch riesen codes würde ich auch immer abtrennen */
  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 */
}

Nur border-radius ist übrigens ein bisschen mau, versuche es mal so:

-webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;

Bei box-shadow das Selbe:

-webkit-box-shadow: 10px 10px 5px #cefa42;
  -moz-box-shadow: 10px 10px 5px #cefa42;
  box-shadow: 10px 10px 5px #cefa42;

Solltest du ein Fan des IE sein dann noch Folgendes:

-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 */

Wenn du deinen Code so aufbesserst ist er für dich und uns leichter zu lesen, die Anfälligkeit für Fehler sinkt und du schreibst "sauberen / guten" Code

Nur den Navi Code, den gesamten Code sehen wir ja dann wenn du fertig bist, würde nur wieder ablenken

Jede Gratis Schmuddelzeuchseite im Netz hat mehr Seriösität xD

Ja aber zwischendrin war es dann kürzer das verwirrt doch

Zeigst du uns neben den Bildern auch mal Code? :wink:

Also das Menü an sich gefällt mir ganz gut, ist modernes Webdesign (Stand Anfang 2011)

Du musst das Teil aber bitte so breit machen wie den Rest des Inhaltes, sonst sieht es absolut nicht aus.

Zitat von &quot;philipp e.&quot;

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.

Da du ja sicher die Navigation mit einer Liste angefertigt hast kannst du getrost den <li>-Elementen den Verlauf und dem <a>-Tag die Bilder zuweisen.

<ul class="menu">
  <li><a href="#">Link 1</a></li>
  <li><a href="#">Link 2</a></li>
  <li><a href="#">Link 3</a></li>
</ul>




----




ul.menu li {
  background: transition;
}




ul.menu li a {
  display: block;
  background: image;
}  




ul.menu li:hover {
  background: 2. transition;
}

Zitat von &quot;revils&quot;

Was ist Prisodis denn für ein Typ?

Er ist der Meister des HTML
Denn so viel überflüssigen Code wie er hat sonst niemand.

Bei rasputin sind vor allem die Bilder der Personen so webtauglich :lol:

Und auch den Schrott nehme ich mal raus.

Naja ich habe ja ganz oben beschrieben das man diese Funktion nutzen kann falls man den Besucher nicht nur einfa ch hinweisen will sondern ihm Arbeit abnehmen will, denn darum geht es denke ich, dem Besucher den Besuch der Seite so angenehm wie möglich zu gestalten.

Er sollte froh sein, welche Seite hat schon Kritiker

Weil ichs kann..

Ein Aufsässiger, er versucht das Web 2.0 zu stürzen! Ich finde wir verbrennen ihn und die Seite :wink:

Oha Lästertantenalarm

Hallo,

ich möchte hier ein mal eine Alternative zum <noscript> Tag aufzeigen. Ich nehme hier als Beispiel eine Navigation die mit Ajax arbeitet. Zum Verstehen ist es nicht relevant Ajax zu können!

Das Ziel ist es den Besucher nicht nur darauf hin zu weisen das in seinem Browser JavaScript deaktiviert ist, sondern gleich eine Alternative anzubieten.

Unschön zu lösen wäre es dem Besucher einen Link zu einer Alternativen Datei anzubieten:

<ul class="menu">
  <noscript>
    <li>
      Ihr Browser unterst&uuml;tzt kein JavaScript,
      bitte klicken Sie
      <a href="noscript/index.htm">hier</a>
    </li>
  </noscript>
  <li><a href="javascript: ajax('link1.htm');">Link 1</a></li>
  <li><a href="javascript: ajax('link1.htm');">Link 2</a></li>
  <li><a href="javascript: ajax('link1.htm');">Link 3</a></li>
</ul>

Wir benötigen für diese Lösung nämlich jede HTML Datei 2 mal, das ist bei 2-3 Seiten zu verkraften, nicht aber bei 200.

Was also tun?

Im ersten Schritt erstellen wir 2 Menüs, eines mit der Ajax Anweisung in den Links und eines mit normalen Verweisen:

<ul class="menu">
  <li><a href="javascript: ajax('link1.htm');">Link 1</a></li>
  <li><a href="javascript: ajax('link2.htm');">Link 2</a></li>
  <li><a href="javascript: ajax('link3.htm');">Link 3</a></li>
</ul>
<ul class="menu">
  <li><a href="link1.htm">Link 1</a></li>
  <li><a href="link2.htm">Link 2</a></li>
  <li><a href="link3.htm">Link 3</a></li>
</ul>

Nun ersetzen wir class="menu" mit IDs, das Ajax Menü erhält die ID menu_js, das normale Menü die ID menu:

<ul id="menu_js">
  <li><a href="javascript: ajax('link1.htm');">Link 1</a></li>
  <li><a href="javascript: ajax('link2.htm');">Link 2</a></li>
  <li><a href="javascript: ajax('link3.htm');">Link 3</a></li>
</ul>
<ul id="menu">
  <li><a href="link1.htm">Link 1</a></li>
  <li><a href="link2.htm">Link 2</a></li>
  <li><a href="link3.htm">Link 3</a></li>
</ul>

Nun kommen wir zum CSS Part.

Wir geben dem Ajax Menü folgende Eigenschaften:

ul#menu_js {
  display: none;
}

Auf unserer Seite erscheint nun zunächst das normale Menü.

Nun kommt JavaScritp ins Spiel.

Der Trick:
Das Ajax Menü darf nur angezeigt werden wenn JavaScript aktiviert ist, also lassen wir es doch mit JavaScript anzeigen, wir schreiben eine Funktion die das normale Menü verbirgt und das Ajax Menü anzeigt, da dies nur geschehen kann wenn JavaScript aktiviert ist haben wir was wir wollen :wink:

Hier die JavaScript Funktion:

function scriptAvailability(v)
  {
    if(document.getElementById)
    {
      ele      = document.getElementById(v);
      ele_js = document.getElementById(v+'_js');
    }
    if(document.all)
    {
      ele      = document.all.v;
      ele_js = document.all.v+'_js';
    }




    alert(ele);




    ele.style.display      ="none";  // verberge das normale Menü
    ele_js.style.display ="block"; // zeige das Ajax Menü




    return true;
  }

Nun müssen wir nur noch die Funktion aufrufen, entweder über den <body>-Tag:

<body onload="scriptAvailability('menu');">

Oder per Script Tag vor dem schließenden </body>:

<script>
    scriptAvailability('menu');
  </script>
</body>

Wollen wir das Ganze jetzt ein wenig dynamischer gestalten? Was wenn wir noch 3 weitere Elemente haben die wir überprüfen müssen?

Als erstes erstellen wir eine neue Funktion, diese entfernt Leerzeichen am Anfang und am Ende von Strings, diese wird später noch wichtig:

// funktion entfernt leerzeichen am anfang und ende von string
  function trim(v)
  {
    while (' ' == v.substring(0,1))
    {
      v = v.substring(1, v.length);
    }
    while (' ' == v.substring(v.length-1, v.length))
    {
      v = v.substring(0, v.length-1);
    }




    return v;
  }

Siehe auch: PHP - Trim

Als nächstes bauen wir unsere checkAvailability Funktion um, und zwar so das wir mehrere Elemente über die Variable v übertragen können, das Ganze sieht dann so aus:

function scriptAvailability(v)
  {




    var elements = v.split(","); // array aus v erstellen




    for(var i = 0; i <= elements.length; i++) // array durchlaufen
    {
      v = trim(elements[i]); // leerzeichen entfernen




      if(document.getElementById)
      {
        ele      = document.getElementById(v);
        ele_js = document.getElementById(v+'_js');
      }
      if(document.all)
      {
        ele      = document.all.v;
        ele_js = document.all.v+'_js';
      }




      ele.style.display      ="none";
      ele_js.style.display ="block";
    }




    return true;
  }

Nun können wir die Funktion wie folgt aufrufen:

scriptAvailability('menu  , ueberschrift  ,         container');

Dank der trim Funktion können wir auch Leerzeichen mit einbringen, das ist in so fern wichtig weil manche Programmierer etwas anders schreiben als Andere, ein Beispiel:

testFunktion(parameter1,parameter2);
  testFunktion(parameter1, parameter2);

Wir brauchen jetzt also nur jeweils 2 Elemente erstellen, IDs verteilen, _js an die ID mit dem Javascript anhängen, die ID_js ID per CSS ausblenden und die Funktion aufrufen.

Den kompletten Quellcode zum downloaden habe ich als Anhang hinzugefügt.

Viel Spaß beim rumprobieren, danke fürs Lesen und bis dann :wink:

Zitat von &quot;Meister prisodi&quot;

Wenn Sie die Seite Mit Musik lesen wollen klicken Sie Hier

Jaaaaaaaa xD

Das Gästebuch (oder besser: eines der Gästebücher) ist toll, man braucht nur eine E-Mail oder eine SMS zu schreiben und: nichts passiert da das E-Mailkonto sichern icht mehr existiert und das Handy auch schon schrott ist :twisted:

Mein bester Freund prisodi

Mensch seine Seite geht ja noch aber schaut mal ins Sucht Forum, dort diskutieren sie: 'Basen' von Kokain das Selbe wie 'Crack'

Leute die freundlich Fragen stellen bekommen auch freundliche Antworten:

Zitat

Zurück-Button egal woher Besucher kam
Ich hab eine Seite zu der mehrere andere Seiten meiner Homepage verlinken.
Ich baue jeweils in alle meiner Seiten eine 'Zurück-Schaltfläche' ein wobei der Besucher jeweils beim Klick zu der Übergeordneten Seite gelangt.
Was kann ich da machen, außer viele Klickflächen einzubauen und damit dann alle möglichen Referrer-Seiten zur Weiterleitung anzubieten?

Die Antwort:

Zitat

Hey, Dummi, noch nie was von Javascript gehört? Folgender Code, hinter ...href="... eingetragen veranlasst dass der Besucher, beim Klick darauf, zu der von ihm zuletzt besuchten Webseite geleitet wird. Dieses Javascript löst sozusagen die 'Back-Funktion' des Brwosers aus:

a href="javascript:history.back()"

Alles klar, Django?
Melde dich wenn Du nicht klarkommst!

Im Forum sind schon mal weniger Rechtschreibfehler, aber das auch nur bedingt :roll:

Zu der ersten Seite:

Also ich hab die ganze Zeit das Gefühl die Seite is nur als Verarsche gedacht xD Ich fühle mich nicht ernst genommen O.o

Zitat von &quot;Monika Heimsmeier&quot;

Dann sag ich immer: Auch ich habe ein schoenes Wochenende gehabt. Ich war zusammen mit meinem Freund, und das ist Jesus. Der ist total lieb, und ich weiss echt nicht, warum der als so uncool gilt.

Dazu fällt mir auch eine witzige Geschichte ein:

Ich saß vorgestern (Mittwoch, 31.08.2011) beim Arzt und trug ein T-Shirt mit der Aufschrift Long Live J-Rock.

[Blockierte Grafik: http://i1092.photobucket.com/albums/i418/Junikei/Long%20Live%20J-Rock/lljr-1.jpg]

Die nette ältere Dame mir gegenüber handelte sofort 100% korrekt, sie sprach mich an:

Zitat von &quot;Alte Dame&quot;

Junger Mann, Long Live - Langes Leben, das finden Sie nur bei Jesus, dort ist es nämlich endlos. Auch ich Lebe mit Jesus und finde es toll, rufen Sie ihn mal an.

Leider hatte ich keine Zeit mehr nach der Telefonnummer zu fragen :roll: