Beiträge von wernerdeluxe

  • Photoswipe

    Stell doch deine Frage.

    Ich kenn mich jetzt nicht im speziellen mit Photoswipe aus, aber da es ja auch noch HTML, CSS und JS ist kann ich dir vll. trotzdem helfen.

    Viele Grüße
    Lukas

  • Webseite is moving to the side

    Wir kommen der Sache näher. Der Style wird dirch ein inline Script dem html zugewiesen.

    Code
    <script type="text/javascript"> <!-- jQuery('#swmenu').parents().css('overflow','visible'); jQuery('html').css('overflow','auto'); jQuery('#swmenu').parents().css('z-index','1'); jQuery('#swmenu').css('z-index','501'); //--> </script>

    Das Script scheint von deinem verwendeten Menü-Modul verwendet zu werden.

    Die Zeile muss raus.

    Code
    jQuery('html').css('overflow','auto');


    Gruß
    Lukas

  • Wallpaper Ads sitzen nicht richtig und verschieben den Blog

    Welche Version vom IE?

    Ist im IE ein Ad-Blocker installiert? Wenn ja, musst du den auf deiner Seite natürlich deaktivieren.


    EDIT: Die Fragen meine ich natürlich auch bezüglich dem FF. Hatte eben gelesen, dass es in FF und Chrome geht. Also ich hab das ganze hier auf FF getestet. Hatte nur zu Beginn auch meinen Ad-Blocker auf der Seite aktiviert, dann sieht man die Werbung natürlich (zum Glück) nicht.

    Gruß
    Lukas

  • Animation starten per Mouse Roll-over

    Dafür braucsht du auch wieder das audio-tag. Hier der Link, der dir direkt das spezielle Tag zeigt. http://www.w3schools.com/tags/tag_audio.asp

    Dein Code denn du dann braucsht sieht dann in etwa wie folgt aus, nur dass du die ogg und mp3 Dateien mit deinem Song austauschen musst.

    HTML
    <audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
	  	Your browser does not support the audio element.
	</audio>

    Es gibt auch noch veraltete Techniken, aber ich denke, wenn du eine Seite mit CSS3 animationen machst, sollte man auch die HTML5 Elemente verwenden.

    Gruß
    Lukas

  • Webseite is moving to the side

    Ja, du hast recht. Ich wollte jetzt eigentlich schreiben, dass man sowas meiner Meinung nach nicht macht, hab aber gesehen, dass sogar Google den Trick benutzt. :D

    Bei dir funktioniert es nicht, weil im html-code direkt im html-tag ein style-attribut steht, was den wert "overflow: auto" hat. Das überschreibt natürlich dein CSS was du über Selektor auf html anwendest. Also scheiß das style Zeugs aus dem html-tag am Besten raus, dann greift auch dein Trick.

    Gruß
    Lukas

  • Wallpaper Ads sitzen nicht richtig und verschieben den Blog

    Okay, du hast nicht ganz verstanden, was ich geschrieben habe. Es muss nicht nur das main angepasst werden sondern auch die Elemente banner1 und banner2. Diese müssen absolut gesetzt werden.

    Hier das CSS dazu

  • Animation starten per Mouse Roll-over

    Das ganze wird mit jQuery gestartet, indem beim Klicken auf einem Button, die animation abgespielt wird.

    Code
    startAnimation: function () {
s = this.settings;
s.startButton.click(function() {
$("div.target").toggleClass("animate");
if (s.startButton.attr("value") === "ANIMATE THE SCENE") {
s.startButton.attr("value", "RESET THE ANIMATION");
} else {
s.startButton.attr("value", "ANIMATE THE SCENE");
}
});

    jetzt könnte man s.startButton.click durch #meineSzene.mouseover ersetzten. (#meineSzene ist nur Beispielhaft) und dann würde das beim mouseover starten.

    Wie das ganze beim verlassen wieder rückwärtlaufen soll ... kp. Vll. ein Ansatz:
    in der klasse .animate liegen die Animationen drin, die gemacht werden sollen. Man macht jetzt eine Klasse .reanimate der man die entgegengesetzten Animationen zuweist. Da man hier nur Endposition und nicht Startpunkt angibt müsste die "Rückwärtsanimation" von dem Status aus laufen in der Sich die Szene befindet, wenn die Klasse animate durch reanimate ausgetauscht wird.

    Nur eine Idee, ich kenn mich selbst noch nicht so gut mit den CSS3 animationen aus.

    Gruß
    Lukas

  • Bild verschwindet

    Wie du schon selbst im ersten Post geschrieben hast, muss man folgendes machen:

    Code
    <li><a href="index.html" class="current"><span class="home">Home</span></a></li>

    Auf deiner Website passiert aber folgendes

    Code
    <li><a href="service.html"><span class="current">Service</span></a></li>


    Also einfach mal die Klasse "current" an das <a> und nicht an das <span> übergeben =)


    Gruß
    Lukas

  • Banner unabhängig von Auflösung platzieren

    Das CSS musst du jetzt natürlich auch noch anpassen ;)

    Damit sind die "Grundelemente" schon mal auf einer Linie.

    Die optisch sichtbaren Elemente werden jetzt noch nicht auf einer Linie liegen. Entweder musst du jetzt das Logo als img in das Div #templatemo_banner legen und dem ein padding geben, um es genau an den anderen Elementen auszurichten, oder den anderen Elemente das Padding wegnehmen ^^

    Klar?

    Gruß
    Lukas

  • Banner unabhängig von Auflösung platzieren

    Ist das gewollt, dass das Div id="templatemo_menu_wrapper" in dem Div id="templatemo_banner_wrapper" liegt? Deine restliche Struktur lässt vermuten, dass du den Banner-Wrapper vergessen hast vor dem Menu-Wrapper zu schließen.
    Wenn du das angepasst hast, kannst du dein Banner/Logo genau so Positionieren wie dein Menü und Content. Die liegen ja auch schon auf einer Linie ;)

    Gruß
    Lukas

  • blous.me - Ein einfaches Massenunterhaltungsportal

    Ich geh mal nur auf die Optik ein.
    Generell gefällt mir die Seite sehr gut. Ist schlicht gehalten und konzentriert sich auf Funktionen.

    Was mich allerdings extrem stört ist der blaue Punkt im Logo, der auf dem dunklen Hintergrund in der Top-Bar liegt.
    Ich frage mich, warum der Hover-Effekt bei den "Box-Titeln" ein anderes Blau ist als das Blau aus dem Logo.
    Die Bewerungshände sehen aus, als ob denen jemand den Daumen gebrochen hat, würde da was schlichteres suchen.
    Das grün zwischen den Daumen (prozentuale Bewertung) scheint mir zu grell. Ist schlecht zu lesen.

    Das wars auch an kritischen Punkten. Ansonsten eine solide Arbeit.

    Tipp: Informiere dich mal über Sprite-Grafiken. Wenn ich über Grafiken hover "zucken" diese, weil die Hover-Grafik erst noch geladen werden muss.


    Wünsch dir viel Erfolg mit deiner Seite.

    Gruß
    Lukas