Category: JS CSS

Add the class post-single-content-inner to the elements you want to zoom in/out. I did it by creating a 600px wrapper div and putting a div with the class post-single-content-inner inside it. Always set the width of the post-single-content-inner class to 100%: CSS.post-single-content-inner { width: 100% !important; } Create buttons for controlling the size on the …

Yesterday, and for about an hour today, I worked on using a responsive, zoomable, mobile-friendly solution for displaying photos without constantly loading all the photos from the DB every time a single photo is shown. It was actually done yesterday at 8 in the evening, but it had one bug – when you shared a …

ℹ️ The image in this post was only available as a small thumbnail (the original could not be found anywhere), so it was upscaled in high quality (bicubic for screenshots with text, the Real-ESRGAN AI algorithm for photos). Its sharpness of detail may not exactly match the original. I will describe the procedure for Windows …

Last night I was struggling quite a bit again. I had made up my mind that I would no longer use any component from the Ajax Control Toolkit, because it is all pretty confusing and I constantly had to fight naming conflicts between CSS classes, mainly with other CSS frameworks. So I started looking for …

ℹ️ The image in this post was only available as a small thumbnail (the original could not be found anywhere), so it was upscaled at high quality (bicubic for screenshots with text, the Real-ESRGAN AI algorithm for photos). The sharpness of fine details may not exactly match the original. Neither Onmouseover nor onmouseout works in …

CSS code: 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 code: XML<span class="showonhover"> <a href="#">…</a> <span class="hovertext">Text shown when hovering over the 3 dots</span> </span> You can try the whole thing… hereText shown when hovering over the 3 dots

I like using Metro UI CSS FW. I have moved all my websites on sunamo.cz . over to it. But there is one thing about it that annoys me quite often: imperfect documentation. Take a look, for example, at 👻 This URL stopped leading anywhere long ago – the GPS lost its signal for good.. …

Today I took a little break from rewriting my older Windows Forms programs in WPF, because I was terribly bored of wading through code when I had no idea why I had once written it that way, and I started thinking about how to liven up my website a bit. It occurred to me that …

Today I ran into problems coding pages where one had a taller #content and the other a taller #vmenu, and not even JS/jQuery scripts helped, so I went looking for another JS solution. Until now I thought (and honestly I was surprised it could be so) that this could not be solved with pure CSS, …