designersdairy: February 2012

Thursday, February 9, 2012

How to design the text box field using css

Here I have post how to design the text box fields using css

<div class="signin_field">

      <input type="text" name="textfield" id="textfield" class="signin_field_txtbox" />

   </div>

Css:
.signin_field
{

    width:283px;
    height:32px;
    border:solid 1px #d9d9d9;
    background-color:#FFF;
    margin:0px;
    padding:0px
}
.signin_field_txtbox
{
    width:273px;
    height:20px;
    margin:3px 5px 4px 5px;
    *margin:7px 5px 4px 5px;
    margin:8px 5px 4px 5px\0/;
    padding:0px;
    border:none;
    outline:none;
    background:none;

}

Saturday, February 4, 2012

drop down css menus

Welcome to designers dairy blog here i have post article how to design the drop down menus using

background color. here is the Html coding

Html Code:

download chrome.js file in below link:

http://www.dynamicdrive.com/dynamicindex1/chrome/chromejs/chrome.js

<head>
<script type="text/javascript" src="js/chrome.js"></script>
</head>

<div id="menu_bg">
<div class="chromestyle" id="chromemenu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#" rel="dropmenu1">Pets </a>
<li><a href="#" rel="dropmenu2">Emergency </a></li>
<li><a href="#" rel="dropmenu3">NGO</a></li>
<li><a href="#" rel="dropmenu4"> Services and Products </a></li>
<li><a href="#"> Ads </a></li>
<li><a href="#"> News </a></li>
<li><a href="#"> Contact Us </a></li>
</ul>
</div>

<div id="dropmenu1" class="dropmenudiv">
<a href="#">Dogs</a>
<a href="#">Cats Drive</a>
<a href="#">Fishes</a>
<a href="#">Horses</a>
<a href="#">Others</a>
</div>


<div id="dropmenu2" class="dropmenudiv" >
<a href="#">Hospitals</a>
<a href="#">Clinics</a>
<a href="#">Veterinary/Vet/Doctors </a>
<a href="#">Ambulance </a>
</div>

<div id="dropmenu3" class="dropmenudiv" >
<a href="#">Work</a>
<a href="#">Adopt</a>
<a href="#">Rescue</a>
</div>

<div id="dropmenu4" class="dropmenudiv" style="width: 210px;">
<a href="#">Shops</a>
<a href="#">Spa</a>
<a href="#">Trainers</a>
<a href="#">Books</a>
</div>

</div>

<script type="text/javascript">

cssdropdown.startchrome("chromemenu")

</script>

Thursday, February 2, 2012

how to disable right click on webpage

if u dont want to have right click on your webpage just add oncontextmenu="return false" on your body
Tag

Example:

<body oncontextmenu="return false">

and u can also add for individual tags too

<a href="http://www.designersdairy.com" oncontextmenu="return false">Designers Dairy</a>

designersdairy

Search This Blog