Tag: CSS
Setting up WordPress as a dictionary site
Updated on 12/05/2011
I just launched the WordPress Dictionary Plugin you asked for!
Check it out here:
Original Post:
Recently, I helped launch a website that served as a silly custom dictionary.
The concept was simple enough: create an online dictionary using only custom definitions. At first, I did some Google searches to see if there were any open-source dictionary apps. No such luck!
Then it occurred to me I should try WordPress. Searching the plugins, I realized that there was no dictionary plugin there either. That’s when I realized that I could set up WordPress itself to run the dictionary entirely.
Organization
I laid out a plan to make sure this would all run smoothly. I would use:
Posts: for definition entries
Custom Fields: to separate definitions, emphasis, etc. (made useful in combination with the “Get Custom Field Values” plugin)
Read More »
CSS Tutorial: How to create CSS image rollovers with a single background image
Everybody is looking for lightweight code with a maximum effect. JavaScript rollovers just don’t cut it anymore- they take too long to load, they’re kinky the first time you rollover, etc. etc. and CSS using multiple images can be kinky if you aren’t using an image pre-load. The solution? CSS image rollovers using only a single background image.
If you don’t have a solid understanding of using lists for navigation, then you may want to review that concept before tackling the single-background-image rollover.
Download the example to follow along.
The concept
You have, for instance, a navigation bar (vertical or horizontal, it doesn’t matter). Very simple. There are only four buttons but you can obviously change and edit this concept to fit your own site.
How is it done?
Well this is what the HTML in the example … Read More »
CSS 101: The basics of CSS
CSS is pretty much my favorite thing about the web. What is CSS? It styles the HTML that contains the structure and content. With CSS you can move, position, color, and change almost every aspect of almost every HTML tag that there is.
What are the benefits of CSS?
The benefits of CSS are phenomenal and I could never possibly list them all here. The main reason that CSS is so great is because of the power it gives you to control the entire site with one document (to be elaborated on).
Three ways to implement CSS
There are three ways to make the CSS communicate with the HTML: inline, embedded, and external. The best, most powerful way is external, for several reasons- you only have one fileto edit CSS. If you have all your CSS inline and embedded, you are almost defeating the … Read More »
Recent Comments