Posts tagged text

CSS Lesson 7: Border Radius and Opacity

Border Radius and Opacity

I’ve noticed some hundred tweets on CSS3, every day. Check out the CSS3 Watcher for random updates. They actually mention really awesome and useful tutorials. So now, let’s look at some basic features that actually work cross-browser (with some tweaks). You can check some of the usage on two version of one of my projects: the alpha, which utilizes rounded corners, and the beta, which utilizes a lot of opacity features.

I’ll show you some fun features as well as ways to get around them.
Read the rest of this entry »

CSS Trick: Disappearing Textbox

Remember that trick to show a sub-menu using CSS in my older tutorial? Well, I had an idea for a project of mine, and with a little help from my dear friend Raphael. Last night, I launched my little website project called “A Night Story” and made some tweaks. Ignore the story, it’s just a concept. If you hover over the word “city” in the text, you’ll see another textbox appear with more information about the word.
Read the rest of this entry »

CSS Lesson 6: Intro to Divs

Alright, alright. So I skipped all that fuss with horizontal navbars but that stuff is easy so I’ll create a short article on it later.

Let’s start with the <div> tag. It’s what I’ll be covering. Making use of div’s with CSS. You’ll need to know the following before we start the lesson:

If you don’t how to add CSS to your website, check out my CSS Intro tutorial and CSS Lesson 1.
Read the rest of this entry »

CSS Vertical Navigation

Finally! Let’s check out vertical navigation. This tutorial will cover different tips and tricks on creating the vertical navigation bar. You can read my article on Color Theory and about Color Scheme Designer for more info on picking colors for your navbar. Most navbars, as I’ve heard, depend on javascript for the more hardcore effects but I’ll show you how to create some dazzling, amazing navbars WITHOUT the knowledge of javascript. Which is great, because I don’t know javascript at all. Read the rest of this entry »

CSS: Lesson 2 Fonts, Padding, and Border

CSS Lesson 2

In lesson 1, I talked about backgrounds and text. Let’s move on, I’ll start out by expanding on the text manipulation with fonts and continue by the introduction of  what I call “general formatting.” General formatting includes the definition of padding, borders, margins, and outlines. At the end of the lesson, you should know how to create the above banner and more Read the rest of this entry »

CSS: Lesson 1

CSS Lesson1


CSS is a lot of fun once you start it, the same way PHP is a lot of fun. So here’s what I’ve learned so far.

  1. Ways to implement CSS
  2. CSS in DreamWeaver
  3. Backgrounds in CSS
  4. Text in CSS

Read the rest of this entry »

Switch to our mobile site