Tag: html

Published on by Dave

Dynamic Styles in HTML

I was working with Stylish and came across and article that <DIV> tags should be avoided. Stylish uses IDs and CLASSes to change the look & feel Why avoid these elements? A second thought is how can one use buttons to change the look and feel of a page by applying different styles? Do you still need javascript? Here are my notes … Continue reading “Dynamic Styles in HTML” →

Published on by Dave

NEC blogs, an aggregator

I made an aggregation of the NEC blogs I could find, it’s not finished as I need to install some margins, make it responsive and possibly reposition the meta panels. I looked at my snip, Planet (Venus) themes (CSS) and revised it slightly, otherwise here are my notes. … Continue reading “NEC blogs, an aggregator” →

Published on by Dave

Static page web sites

I came across a video that suggested using google drive as a web hosting solution. This seemed quite a neat idea. I need to examine if I lose anything by not having a web server in-front of it, probably not; there is one which is run and configured by Google. It would however require a static page site. Another reason for having a look at these. Here are my notes. Continue reading “Static page web sites” →

Published on by Dave

Unicode in Python

It’s a very long time since I have had to deal with binary code translations, but when dealing with HTML and JSON with Python, I need to get to grips with it. The € symbol for instance requires the extended character set support and rss should be written in utf-8. This page collects the notes I made in learning about Python’s support for unicode/ascii translations. Continue reading “Unicode in Python” →

Published on by Dave

Rendering New Age Video

While winding myself up to play NWN2, I started experimenting with image morphing software, to see if I could make a video of a Druid Shifter polymorphing into their werebear shape. Sadly I think I lost the pictures from the 1st attempt and so as I started the game I had another go. Anyway once created, there is the question of how to serve it on the web. This article documents the tools I used to create the video and the tools I used to host it on this page. Continue reading “Rendering New Age Video” →

Published on by Dave

Pop Up Meerkats

For various reasons I wanted to make a pop-up on hover using a picture. I have implemented a pop up meerkat in the blog. This broke at some point and I returned to the problem in 2019 and found a new guide, and again in 2020 where I fixed some theme/wordpress bugs. This is now working, here are my notes in which I document the CSS and HTML … Continue reading “Pop Up Meerkats” →

Published on by Dave

Decorating Blockquotes

Now I have one of those pretty quote decorations in my quotes on this wiki.

  1. The decoration is an image.
  2. I used mspaint to capture a large quote mark. I used Engravers MT.
  3. I then used paint.net to rotate and flip it, crop it, and then make the white background transparent. As advised in the paint.net forums, I used the magic want tool, capture the background and then “cut” it out.  The file needs to be a transparency supporting format for this to work.

    quote

  4. I uploaded the file to my web server.
  5. I then used the WordPress CSS editor to add the following code,
.entry blockquote { background: #EEE url("https://davelevy.info/TOKENS/OQuote_GreyTransparent.png") no-repeat; }

As you can see, the background rule takes two arguments, a base colour and the image, the rune required is the no-repeat key word. It also benefits from the definition of some padding rules. In my case,

     padding-left: 16px; padding-top: 16px;

and now onto fixing the code tag.