StylizedWeb

Subscribe to our updates:

A Design, WordPress and Tutorials Blog.

Dedicated to helping you learn the art and science of the web.

» 2008 » January

Archive for: January, 2008

« previous page   » next page

Outline text with JS

posted on 01/13/08 by

During my work as frontend coder I had a task to place some white text on dynamic background image and the problems would accrue if background image was white so text wouldn’t be readable. This isn’t really every day requirement but it can be very useful. The solution I’m using is outline text JS, originally written by Anthony Ryan Delorie.

You can use this JavaScript in two ways, to outline text and to add shadow to text. It works in all major browsers. Click here for demo.

» Read More Leave a comment on Stylized Web 10 responses

IE7 JS library review

posted on 01/11/08 by

In “PNG transparency issues” I’ve written about some of many IE problems later on in “Yellow fields in web form” I’ve mentioned focus fix but now I would like to introduce you to IE7 JavaScript library which can make our lives so much easier

IE7 is a JavaScript library made by Dean Edwards to make Microsoft Internet Explorer behave like a standards-compliant browser. It fixes many HTML and CSS issues and makes transparent PNG work correctly under IE5 and IE6

» Read More Leave a comment on Stylized Web 10 responses

Style your AdSense links

posted on 01/10/08 by

“Everybody’s doing it” is just the right sentence for Google AdSense. Everywhere you look, sites are crowded with AdSense and why shouldn’t they if it’s easy way to make money. In this article you’ll find out how you can style your AdSense and also you’ll find out how AdSense really works.

First if you plan to have adsense on your site, you should design and plan your space and content based on it. Here you will find all ad formats and sample placements for them. Most popular placements are header, side bar with links and in the content itself

» Read More Leave a comment on Stylized Web 37 responses

Make all content a link

posted on 01/03/08 by

Ever seen on some site whole content area with images etc as just one link? Usually there’s some hover for the background and they are mostly on the sidebars left or right or let’s say on the footer. You can see live example on previous version of my portfolio here – those links on the right. This tutorial will show you how to do that with CSS, and tell you something more about display:block; option.

In this simple example I will go with <li> tag for it, because I think it’s used more, but also you can apply this for <div> tag.

» Read More Leave a comment on Stylized Web 16 responses

Next Page »