In my previous post I provided a jQuery and CSS-based solution for styling the first word of all headings in a page differently. Let’s look at a different scenario now where the first character of all headings (say, <h2> this time) in a page are different from the rest of the letters. The jQuery logic [...]
Recently I faced a problem while doing a wordpress theme modification for a website. The requirement was to give custom footer color for every post or page using the wordpress custom field. I have to create an additional custom field in the admin post page to give the user option to input their favorite footer [...]
It’s seems tough but believe me it’s quiet an easy process if you do understand positioning in CSS.
Here I want to place a simple html list in front of flash animation.
At first, I am writing my html code.
<div id=”main-content”>
<div>
<object classid=”” width=”” height=”” title=”banner”>
<param value=”transparent” />
<param value=”” />
<embed src=”” wmode=”transparent” width=”” height=””></embed>
</object>
</div>
<ul>
<li><a href=”#”>link01</li>
<li><a href=”#”>link02</li>
<li><a href=”#”>link03</li>
<li><a href=”#”>link04</li>
</ul>
</div>
Then [...]
A colleague required a quick solution by which the first word of each heading in her design would be of a different color than the rest of the words in that heading. Using a <span> element for a part of the heading (say, <h1>) and styling it with CSS to apply a different color should [...]
We see and use a lot of fancy JavaScript and jQuery tooltips in our daily development work. A tooltip is a small hover box conveying some information that appears when a user hovers the cursor over an item. To understand the concept, though, it is best to follow how a pure [...]
CSS has a number of property grouping options by which related properties can be condensed in one declaration instead of specifying a values separately. Writing shorthand CSS assists in easier editing as they reduce the code in the stylesheet and can help web pages load faster. Let’s take a look at how some of the more commonly used CSS rules can be compressed.
Problem: Highlighting the current page menu button (Or link) with different CSS style.
Static Solution: Assigning each page its own menu with an extra “.current” class for the current page menu button to display the highlighting effect on it.
Static Solution Problem: If your site has more than 10 pages then it becomes very difficult to [...]
Let’s do a back-to-the-basics refresher of absolute and relative font size units for the web. Print designers are almost spoiled for choice when it comes to selecting a unit for measurement of type. Though there are a number of font unit options to play around with in print, they become irrelevant once the content is [...]
