Neues Bloglayout für Auf’n’Kaffee!

Hallo zusammen,

so, geschafft! Nach einiger Vorbereitungszeit ist jetzt das neue Layout von Auf’n’Kaffee online. Gefällt es euch? Grundlage ist das Theme „Shoutbox“ von Krisie.

Aber ich habe noch eine ganze Menge geändert, wie ihr unschwer feststellen könnt:

  • Der Slider hat einen neuen Bewegungsablauf bekommen
  • Man konnte den Slider nicht stoppen, d.h. er lief einfach weiter, wenn man gerade dabei war, den Vortext zu lesen. Jetzt hält der Slider an, wenn man mit der Maus über dem Bereich ist, angedeutet durch ein kleines „Pause“-Zeichen rechts oben. Geht man mit der Maus woanders hin, dann läuft er weiter.
  • Im Slider waren direkt die Videos eingebettet, was aus meiner Sicht weder schön aussieht noch die Kommunikation fördert – denn man brauchte ja gar nicht erst auf die Artikel-Seite zu gehen, auf der dann mögliche Kommentare stehen. Jetzt wird automatisch ein Vorschaubild für das Video generiert.
  • Eure Kommentare sind mir genauso wichtig wie mein Geschreibsel, deshalb habe ich die Schriftgröße der Kommentare der des Artikels angepasst. Ihr sollt nicht kleiner wirken als Ihr es seid 🙂
  • Naja, und unzählige kleine und große Designanpassungen.

Ich hoffe, Ihr fühlt euch wohl und bleibt mir weiterhin so treu 🙂

LG,
Rolf

Sollten das deine Freunde auch lesen? Teile es!

'); } jQuery(".mashsb-count.comments-count").click(function(e) { jQuery.scrollTo("#kaffee_comments",2000, {easing: 'easeInOutQuart'} ); }); jQuery(".mashsharer-box .onoffswitch").insertBefore(".mashsharer-buttons"); jQuery(".mashsharer-count:not(.comments-count) .mashsharer-sharetext").html("mal geteilt"); jQuery(".mashsharer-buttons .facebook").html("Teile es bei Facebook!"); jQuery(".mashsharer-buttons .twitter").html("Tweete darüber!"); var shares = jQuery(".mashsb-count:not(.comments-count) .counts").html()*1; var sharedisp = 0; var commentdisp = 0; var time = 1000; var commenttime=1000; window.setTimeout(function(){ if(shares>999){ jQuery(".mashsbcount").html(shares.toLocaleString()); } },2000); if((comments>9 && shares>0) || (shares>9 && comments>0)){ jQuery(".mashsharer-buttons > .twitter, .mashsharer-buttons > .facebook").addClass("mashsharer-small"); } if(shares==0) jQuery(".mashsb-count:not(.comments-count)").hide(); jQuery(".mashsharer-count:not(.comments-count) font").html("0"); (function myLoop (i) { setTimeout(function () { jQuery(".mashsharer-count:not(.comments-count)").css("opacity",(sharedisp/shares)).find("font").html(sharedisp++); // your code here // if(i>200){ i = i-9; commentdisp = commentdisp + 8 }else i--; i--; if (i>0) myLoop(i); // decrement i and call myLoop again if i > 0 if (i<5) time = 100; else if (i<10) time = 50; else if (i<100) time = 10; else time = 2; }, time) })(shares+1); jQuery(".mashsharer-count.comments-count font").html("0"); (function myLoop (i) { setTimeout(function () { jQuery(".mashsharer-count.comments-count").css("opacity",(commentdisp/comments)).find("font").html(commentdisp++); // your code here // if(i>200){ i = i-9; commentdisp = commentdisp + 8 }else i--; i--; if (i>0) myLoop(i); // decrement i and call myLoop again if i > 0 if (i<5) commenttime = 100; else if (i<10) commenttime = 50; else if (i<100) commenttime = 10; else commenttime = 2; }, commenttime) })(comments+1); jQuery("#shareitplease").appendTo(".elementor-widget-theme-post-content"); /* deaktiviert, weil geht plötzlich nicht mehr ******* jQuery("#shareitplease a").click(function(){ jQuery.scrollTo("#kaffee_titel",2000, {offset: {top:-70, left:0},easing: 'easeInOutQuart' }); return false; }); */ });
'); } }); commentids.sort(Numsort); commentids.reverse(); max = commentids[0]; createCookie("newestComment",max,9999); // komprimieren var c = jQuery(".comment_text").length; jQuery(".comment_text").each(function() { var h = jQuery(this).height()+40; if((c >10 && h>140) || (h>400)){ jQuery(this).attr("origHeight",h).css("height","99px").addClass("short_comment").after("
+ Kommentar ganz anzeigen
"); jQuery(this).next().prepend(jQuery(this).find(".comment-reply-link")); } }); jQuery(".comment-more h6").click(function(){ if(jQuery(this).parent().prev().hasClass("short_comment")){ jQuery(this).html("- Kommentar verkleinern"); h = jQuery(this).parent().prev().attr("origHeight"); jQuery(this).parent().prev().css("height","auto"); h = jQuery(this).parent().prev().height() + 20; jQuery(this).parent().prev().css("height","99px"); jQuery(this).parent().prev().animate({ height: h + "px"}, 500).removeClass("short_comment"); var target = "#" + jQuery(this).parent().parent().parent().attr("id"); jQuery('html, body').animate({ scrollTop: jQuery(target).offset().top }, 500); window.setTimeout("calculate_says_heights();",501); }else{ jQuery(this).html("+ Kommentar ganz anzeigen").show(); jQuery(this).parent().prev().animate({ height: "99px"}, 500).addClass("short_comment"); var target = "#" + jQuery(this).parent().parent().parent().attr("id"); jQuery('html, body').animate({ scrollTop: jQuery(target).offset().top }, 500); window.setTimeout("calculate_says_heights();",501); } }); jQuery(".wrap_comment_form").insertAfter("div.comment-entry h1"); jQuery(".wrap_comment_form").before("
").after("
"); // Breite des Kommentarfelds anpassen calculate_says_heights(); // window.setTimeout("calculate_says_heights();",5000); window.setInterval("calculate_says_heights();",10000); /* Schmaler machen bei mehr als 10 Tiefe */ if(jQuery(".comment.depth-11").length){ jQuery("#kaffee_comments > div").css("max-width","1340px"); calculate_says_heights(); // jQuery(".commentlist").addClass("deep-thread"); }else if(jQuery(".comment.depth-8").length){ jQuery("#kaffee_comments > div").css("max-width","1140px"); calculate_says_heights(); // jQuery(".commentlist").addClass("deep-thread"); }else if(jQuery(".comment.depth-5").length){ jQuery("#kaffee_comments > div").css("max-width","800px"); calculate_says_heights(); // jQuery(".commentlist").addClass("deep-thread"); } jQuery("cite.author_name").each(function(){ if(jQuery(this).parent().parent().parent().find("ul").length) jQuery(this).append('- Ast ausblenden'); }); jQuery(".close_tree").click(function(){ entries = (jQuery(this).parent().parent().parent().parent().find(".gravatar").length); newentries = (jQuery(this).parent().parent().parent().parent().find(".newcomment").length); if(newentries){ newentriestext = " / " + newentries + ""; newentriesclass="newcommentintree"; }else{ newentriestext = ""; newentriesclass=""; } jQuery(this).parent().parent().parent().before('
' + entries + newentriestext + '>
'); jQuery(this).parent().parent().parent().parent().addClass("tree_closed"); jQuery(this).parent().parent().parent().prev().click(function(){ jQuery(this).parent().removeClass("tree_closed"); // Cookie löschen name = jQuery(this).parent().attr("id"); createCookie(name,""); jQuery(this).remove(); calculate_says_heights(); }); // Cookie name = jQuery(this).parent().parent().parent().parent().attr("id"); createCookie(name,"closed",365); }); // Gespeicherte Äste einklappen jQuery("li.comment").each(function(){ name = jQuery(this).attr("id"); if(readCookie(name)){ jQuery(this).children("div").children(".comment_content").find(".close_tree").click(); } }); // Kleine Layoutanpassung if(jQuery("li.comment:first-child > div:first-child").hasClass("newcomment")){ jQuery("body .commentlist").css("margin-top","25px"); } }); function calculate_says_heights(){ jQuery(".comment-entry").width(jQuery("#kaffee_comments .elementor-container").width() - 36).css("z-index","100"); jQuery(".says").each(function(){ if(jQuery(this).parent().parent().parent().children("ul").length){ h = jQuery(this).parent().parent().parent().height(); h -= jQuery(this).parent().parent().parent().children("ul").children("li").last().height(); }else{ h=1; } if(jQuery(this).height()!=h) jQuery(this).height(h); }); }

Kommentare

Hinterlasse eine Antwort auf den Artikel

Die Datenschutzerklärung findest du hier.

Kommentar verfassen