Rubrika: JS CSS

Přidejte k prvkům které chcete přiblížit/oddálit třídu post-single-content-inner. Já jsem to udělal tak, že jsem vytvořil 600px obalující div a do něho dal div se třídou post-single-content-inner. Nastavte třídě post-single-content-inner šířku vždy 100%: CSS.post-single-content-inner { width: 100% !important; } Vytvořte na stránce tlačítka pro ovládání velikosti: XHTML<div class="text-size"> <a href="#" id="decfont">A-</a> <a href="#" id="defaultfont">A</a> <a …

Včera a asi hodinu dneska jsem se zaobíral použitím responzivního, zoomovatelného, mobile-friendly, řešení pro zobrazení fotografií bez neustálého načítání z DB všech fotek při zobrazení každé fotky. Ono to už bylo hotové včera v 8 večer, ale mělo to jednu chybu – když jste sdíleli stránku třeba s pid (Photo ID) 1, a někdo na …

ℹ️ Obrazek v tomto prispevku byl dostupny jen jako mala miniatura (original nikde nedohledatelny), proto byl kvalitne zvetsen (u screenshotu s textem bikubicky, u fotek AI algoritmem Real-ESRGAN). Nemusi presne odpovidat puvodnimu originalu v ostrosti detailu. Postup budu popisovat pro Windows 8 pro build souboru tohoto jQuery pluginu: https://github.com/dimsemenov/photoswipe. Stáhněte si instalátor Node.js pro vaši …

Včera v noci jsem se zase docela trápil. Jsem si usmyslel že už nebudu používat žádný prvek z Ajax Control Toolkit, protože to je všechno dost zmatené a pořád jsem musel bojovat se konflikty názvů CSS tříd s jinými CSS Frameworky hlavně. Začal jsem tedy hledat nový HTML editor – bylo mi jedno zda bude …

ℹ️ Obrazek v tomto prispevku byl dostupny jen jako mala miniatura (original nikde nedohledatelny), proto byl kvalitne zvetsen (u screenshotu s textem bikubicky, u fotek AI algoritmem Real-ESRGAN). Nemusi presne odpovidat puvodnimu originalu v ostrosti detailu. Onmouseover ani onmouseout nefunguje ve Chrome, zato v IE 11/FF35 bez problémů. Zkoušel jsem tyto postupy: jQuery: Metodu hover() …

CSS kód: CSS.showonhover .hovertext { display: none;} .showonhover:hover .hovertext {display: inline;} .hovertext {position:absolute;z-index:1000;border:1px solid #ffd971;background-color:#fffdce;padding:11px;width:500px;left: 250px; font-size: 0.75em;} HTML kód: XML<span class="showonhover"> <a href="#">…</a> <span class="hovertext">Text zobrazený po najetí na 3 tečky</span> </span> Celé to můžete vyzkoušet… zdeText zobrazený po najetí na 3 tečky

Používám rád Metro UI CSS FW. Převedl jsem si pod něj všechny svoje weby na sunamo.cz . Ale jedna věc mě na něm docela často štve. Nedokonalá dokumentace. Kouknete se třeba na 👻 Tahle URL už dávno nikam nevede – GPS ztratila signál natrvalo.. Z této stránky jde vidět že se musí v prvé řadě …

Dnes jsem si dal trochu pauzu od toho předělávání starších Windows Forms programů na WPF, protože mě ukrutně nebavilo prodírat se kódy, o kterých jsem nevěděl proč jsem je kdysi tak naprogramoval a přemýšlel jsem jak trochu oživit ten svůj web. Napadlo mě že bych mohl udělat barevnou lištu a tu vložit na každou stránku …

Protože jsem dnes zažíval problémy s nakódováním stránek, z nichž jedna měla na výšku delší #content a druhá #vmenu a nepomáhali ani JS/jQuery skripty, hledal jsem další JS řešení. Doteď jsem si myslel (a upřímně jsem se tomu podivoval, že to je možné), že čistě přes CSS to nejde řešit, ale toto byl omyl. Přes …