css | naveenOS

CSS: Opacity in all browsers

naveenos — Thu, 07 Jul 2011 05:15:35 +0000

Today’s market is based on 3D and most things are doing by jQuery or Javascript to make fast loading application. Opacity is a part of CSS to make transparent image without PNG format. To set the opacity property to an image you can use: .img_transparent_class{ opacity: 0.5; } But this line will suitable for some […]

The post CSS: Opacity in all browsers first appeared on naveenOS.

Drag and Drop div area with pure javascript – Step 3

naveenos — Wed, 18 Aug 2010 11:20:17 +0000

My last two posts told to create javascript and html file. This post will tell you last step to drag and drop div are with pure javascript ( without jQuery ). Add below css code to head tags in the index.html file: and create a folder with name images and put your images in this […]

The post Drag and Drop div area with pure javascript – Step 3 first appeared on naveenOS.

Drag and Drop div area with pure javascript – Step 2

naveenos — Wed, 18 Aug 2010 11:15:09 +0000

After reading my previous post Drag and Drop div area with pure javascript – Step 1, you have created javascript file draganddrop.js. Means you can add this javascript file to html page. so create a file index.html file and put below content in the head tag : And put below code inside the body tag: […]

The post Drag and Drop div area with pure javascript – Step 2 first appeared on naveenOS.

Drag and Drop div area with pure javascript – Step 1

naveenos — Wed, 18 Aug 2010 11:06:43 +0000

Today I have to work on drag and drop functionality and I found that on mostly sites it provides using Jquery but I have to develop with pure javascript. so I found best code for it. and this was the solution : First create a file draganddrop.js and put below code in this file: var […]

The post Drag and Drop div area with pure javascript – Step 1 first appeared on naveenOS.

show the div area in middle on screen using jquery

naveenos — Tue, 10 Aug 2010 13:24:23 +0000

If you want to show any div area in the middle on click any link or button then follow these steps: 1. First download and add JQuery js in your file. 2. now create a function If you want to show any div area in the middle on click any link or button then follow […]

The post show the div area in middle on screen using jquery first appeared on naveenOS.

How to control the case of characters using CSS?

naveenos — Fri, 14 Aug 2009 18:11:56 +0000

How are you controlling the case of the characters in your project. Talking about me, I was using ucwords() function of PHP to control the case of the characters when required. Today, I come to know two new property of CSS which controls the output of the case of the characters of the words. You […]

The post How to control the case of characters using CSS? first appeared on naveenOS.

How to make rounded corner textbox using css

naveenos — Sat, 25 Jul 2009 18:15:23 +0000

In this post, I’ll explain to you how to make the rounded corner textbox using a image and css. Text box is placed over a container element whose background image is the key of the rounded corner textbox. This is the image which I’ve used in my example, don’t click and start typing it just […]

The post How to make rounded corner textbox using css first appeared on naveenOS.

Animated content navigation effect using jquery

naveenos — Wed, 22 Jul 2009 18:13:48 +0000

I always get bored with the same stuffs. And, I see same kind of content navigation to the different websites. Click a link, let’s the whole web page gets loaded and new page gets displayed. It would be better to show another content in the same page with few animation without loading the whole page. […]

The post Animated content navigation effect using jquery first appeared on naveenOS.

Top Floating message box using jQuery

naveenos — Mon, 20 Jul 2009 18:09:53 +0000

Last time, I’ve shown you how to create a alert box using jQuery. This time, I’ve come up with another tutorial to show you how to display floating message box in the top of the browser using jQuery. The message box always get displayed at the top of the browser although you move across the […]

The post Top Floating message box using jQuery first appeared on naveenOS.

Making dashed or dotted link using CSS

naveenos — Mon, 20 Jul 2009 18:07:44 +0000

Today, one of the friend of my office asked me how to make dotted or dashsed link as he was looking for “text-decoration” for making it.Today, I’ve come up with a very simple technique to make a dotted or dashed hyperlink using CSS.This technique might be known to most of you guys but it might […]

The post Making dashed or dotted link using CSS first appeared on naveenOS.