Archive

Posts Tagged ‘CSS’

Alternative style sheets

December 30th, 2009

A document doesn’t need to have a single style sheet. You can give it a default style and any number of alternatives for the reader to choose from. This page, for example, has as alternatives all the W3C Core Styles, plus two style sheets found elsewhere on the Web (author: David Baron).
How the reader can [...]

Read More >>

Author: admin Categories: CSS Tags:


Indented paragraphs

December 30th, 2009

Scale model of the Eiffel tower in Parc Mini-France
Here is something simple: indenting the first line of each paragraph. Many people find that easier to read than empty lines between the paragraphs, especially for long texts, and it also allows to reserve empty lines for more important breaks.
The trick here is to only indent paragraphs [...]

Read More >>

Author: admin Categories: CSS Tags:


A pinned-down menu

December 30th, 2009

The menu you see in the top right corner of this page is simply a DIV with some A elements inside. All the work to make it stay fixed in its place is done by rules in the style sheet. Here is the mark-up, it is taken straight from the source of this page:
<div>
<p>
<a href=”http://www.w3.org/”><img [...]

Read More >>

Author: admin Categories: CSS Tags:


Figures & captions

December 30th, 2009

Scale model of the Eiffel tower in Parc Mini-France
HTML doesn’t have an element that allows to insert a figure with a caption. It was once proposed (see HTML3), but never made it into HTML4. Here is one way to simulate such a figure element:
<div>
<p><img src=”eiffel.jpg” width=”136″
height=”200″ alt=”Eiffel tower”>
[...]

Read More >>

Author: admin Categories: CSS Tags: ,


How to Play Music on a Website, Blog or MySpace with HTML Music Codes

November 6th, 2009

There are several ways to place music, midi’s, mp3 and wav files on a webpage. First you need to know the name of the music file you wish to use.
Music on choice.
The first html music code gives your visitor the choice if they want to hear the music or not.

Read More >>



Using CSS Sliding Doors in WordPress Navigaton

November 4th, 2009

The problem. The built-in wp_list_pages() and wp_list_categories() functions allow lots of things, but they do not allow you to embed a element so that you can use the well-known CSS sliding-doors technique. Happily, with some help from PHP and regular expressions, we can use this awesome technique on a WordPress blog.

Read More >>



Related Posts Widget For Blogger with CSS

October 25th, 2009

Related Posts Widget for blogger is what everybody is looking for, In Most of the sites we will find only javascript code and HTML tag for related posts widget. After adding the code to your blog , you can see just a list of related posts without any arrows or style css. So i wanted [...]

Read More >>



Display CSS Codes and Scripts in Unique Style – Blogger Post Styling Hack

October 24th, 2009

Just Follow This steps to add this ” Post Styling Hack ” to your Blog .
Step 1 :
Login to your Blogger account and navigate to Layout section . Then go to Edit HTML sub tab .
No Need to Check Expand Widgets Box
Step 2 : Add This CSS code above this line “]]>< / b:skin >”

Read More >>



Add Yahoo Smileys to Blogger Posts – Firefox Hack

October 24th, 2009

This Blogger Hack is focused Firefox Users who want to add Yahoo Smileys to Blogger Posts. This hack don’t work for other browsers like Internet Explorer , Opera , etc
Firefox users follow this simple steps to add Yahoo smileys to Blogger Posts :

Read More >>



Image Re-sizer CSS Hack for Blogger and Wordpress Users

October 22nd, 2009

Are the images in your main container is wider than the width of the main container. If it’s so then you will find your blog layout clumsy or misaligned.I have seen few using image resizer tool to resize images, but it’s time consuming. You can even use JavaScript for resizing images, but using JavaScript will [...]

Read More >>