Diskuse

Téma: Tipy a triky pro SunLight

9ab177d5 (26.5.2013 0:48)
Zdravím,
napadlo mě založit nějaké téma, kam bysme házeli čistě mininávody pro SunLight CMS, nic víc, nic míň. Možná by to ocenili i jiní. Asi začnu, při nejhorší to smažeme 🙂 .


1. Plynulé odbarvení hlavičky příspěvku (musí být vyplněna kotva - #post-ID)
JS:
$(window).bind('load hashchange', function() {
var hasih = window.location.hash.substring(1);
$('.post#' + hasih +' .post-head').effect("highlight", {color:"#fff600"}, 2000);
$('.post-answer#' + hasih +' .post-head').effect("highlight", {color:"#fff600"}, 2000);
});
#fff600 = barva, která se postupně změní na background nastavený v system.css, 2000 je čas vyblednutí v milisekundách.
K vidění např. ZDE.
postZaslat odpověď
6efafd68 (27.5.2013 19:51)
Jednoduché doplnění aktuální url.
$(document).ready(function (){

//1. prida action s aktualni URL + hashtag, formulari s id="cform".
$('form#cform').attr('action', window.location.href+'#dotaz');
//2. prida hidden inputu id="formular" value s aktuální url
$('input#formular').attr('value', window.location.href);

});1. Hodí se například, když chcete automaticky otevřít záložku pomocí hashtagu po odeslání formuláře, aby uživatel viděl, že byl úspěšně zpracován.

2. Hodí se do e-mailu, kde si můžete přidávat informaci typu "Dotaz ze stránky: xxx".
9ab177d5 (28.5.2013 3:52)
Text shadow a IE.

Internet Explorer někdy velmi špatně zobrazuje text shadow (verze 10 už korektně).

Stačí použít JS: http://www.hintzmann.dk/testcenter/js/jquery/textshadow/

a poté např.

$(document).ready(function(){
$(".box-title").textShadow();
})