فرم منوی پایین باز شو گرافیکی dropdown css menu آریا تمپ – طراحی سایت,قالب وبلاگ,پوسته وردپرس,قالب وردپرس

فرم منوی پایین باز شو گرافیکی dropdown css menu

کد فرم

<form>
	<select>
		<option>CSS</option>
		<option>HTML </option>
		<option>HTML 5</option>
	</select>
	<select>
		<option>CSS</option>
		<option>HTML </option>
		<option>HTML 5</option>
	</select>
	<select>
		<option>CSS</option>
		<option>HTML </option>
		<option>HTML 5</option>
	</select>
</form>

کد  css

<style>
	.demo select {
		border: 0 !important;  /*Removes border*/
		-webkit-appearance: none;  /*Removes default chrome and safari style*/
		-moz-appearance: none; /* Removes Default Firefox style*/
		background: #0088cc url(img/select-arrow.png) no-repeat 90% center;
		width: 100px; /*Width of select dropdown to give space for arrow image*/
		text-indent: 0.01px; /* Removes default arrow from firefox*/
		text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/
		color: #FFF;
		border-radius: 15px;
		padding: 5px;
		box-shadow: inset 0 0 5px rgba(000,000,000, 0.5);
	}
	.demo select.balck {
		background-color: #000;
	}
	.demo select.option3 {
		border-radius: 10px 0;
	}
</style>

دانلود فایل 

htmllion


برچسبها: , ,

نظرات ديگران...

  1. دانلود گفته:

    مرسی از سایت خوبتون

درج ديدگاه...


شش + سه =

website stats