This week we focus on formatting links in WordPress to match what you designed in Photoshop. In the last two posts, we reviewed how to format text and headings in WordPress so that they match what you designed in Photoshop. Before we review formatting links in WordPress, let’s review how to find the color and […]
Formatting Links in WordPress to Match Your Design in Photoshop Read More »
CSS stands for Cascading Style Sheets. Styles within CSS define how to display html elements, as well as other elements of a webpage. In this basics overview, we will focus on defining styles for html elements. CSS provides consistency across an entire website. Use CSS to define how you want all your heading to bee
The WordPress Minimalist Guide to CSS Read More »
Here’s a great site for taking what you know how to do inside Photoshop and converting it to CSS. It has to do with Layer Styles. And, the interface is just like Photoshop. Layerstyles.org will write the CSS code to give you the same effects of adding Layer Styles inside Photoshop. The available styles are
Take Those Photoshop Layer Styles into CSS Read More »
WordPress is a great tool for setting up websites. One of its strong points is not having to know code. But, I have found it is incredibly useful to know something about CSS. For every WordPress site I’ve done, I’ve had to tweak the CSS code at least. In this post, we’ll look at the
CSS Types: Tags, Classes, IDs Read More »
Recently, I did a post on CSS Layout Generators. I showed you the CSS Portal website. It has a very good layout generator. In this post let’s look at CSS Menu Generators. CSS Menu Generators do just that. It generates the code (CSS and html) and provides the images for a menu of your choice.
CSS Menu Generators Read More »
For those just learning CSS, here is a fantastic tool to help you generate page layouts: CSS Portal. The result is rather generic but it provides a great basis to build on. They offer more than just CSS for page layouts. On the same site, they offer tools to generate your buttons and your menus.
CSS Layout Generator Read More »
If you are into the latest CSS options, check out CSS3 Maker. This very useful site lets you experiment with various CSS settings, then gives you the option to download the CSS. Beautiful! And, that’s just the beginning.
We’ve discussed adding background images to our web pages – as a background for the entire page and as a background for boxes within our web pages. In this post, let’s look at adding background colors (which we’ve covered a bit already) and using gradients as our backgrounds.
Background Colors and Gradients Read More »
Background images add a lot of interest to a website. Not only can we have a background image for the entire site, but each box (container) can have it’s own background image. Let’s start by looking at CSS properties relevant to background images, then we’ll look at some examples.
Adding background images Read More »
