np.1400

استایل دادن به فیلد input

6 پست در این موضوع قرار دارد

سلام

چجوری به فیلد ها به صورت زیر استایل بدم؟

http://lajevardisc.com/service/login.php

که با کیلک کردن رنگش عوض شه؟

ممنون

به اشتراک گذاری این پست


لینک به پست

کار راحتیه! این یک تگ هاور هستش و باید در کد های css اون یک تگ هاور بهش اضافه بشه

و برای زیبایی بیشتر یک زمان تاخیری بهش داده شده

به این شکل :


.input a{
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;

}

.input a:hover{
box-shadow:#06F;
border-color:#06F;


}

ویرایش شده در توسط RapiD AM

به اشتراک گذاری این پست


لینک به پست

مردم

نمیشه

http://lajevardisc.com/

تو ستون سمت راست 4 تا فیلد هست که اصلا از تو استایل کنترل نمیشه

هر چی کد میدم کشکه :lol:

به اشتراک گذاری این پست


لینک به پست

ببینید

این div منه:


<head>
<link rel="stylesheet" href="http://lajevardisc.com/wp-content/themes/lajevardi-theme/style.css" type="text/css" media="screen, projection" />
</head>
<div style="width:100%; height:10px; ">
<label style="float:right;">کد مدرس:</label>
<input style="width:130px; height:18px; float:left;" class="nomrainput" type="text" name="username" dir="ltr" />
</div>

اینم استایلم:


.nomrainput {
background: #fff ;
border:1px solid #999;
border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
transition-property:text-shadow,color;
transition-duration:500ms;
-moz-transition-property:box-shadow;
-moz-transition-duration:500ms;
-webkit-transition-property:box-shadow;
-webkit-transition-duration:500ms;
-o-transition-property:box-shadow;
-o-transition-duration:500ms;
}
.nomrainput:focus {
box-shadow: 0px 0px 5px #125bff;
-moz-box-shadow: 0px 0px 5px #125bff;
-webkit-box-shadow: 0px 0px 5px #125bff;
}

اما قسمت اول استایل رو اصلا نمیخونه و فقط قسمت nomrainput:focus رو میخونه

تا قسمت اول رو نخونه که کارم راه نمیوفته

به اشتراک گذاری این پست


لینک به پست

خروجیتون درسته:

http://jsfiddle.net/8d3YA/

به اشتراک گذاری این پست


لینک به پست

بله

تو ابزارک ها به صورت متن گذاشتم

و استایل هم تو style.css گذاشتم

چرا تو کار اجرا نمیکنه پس؟

---

استایل رو بردم توی خود ابزارک ها درست شد

ممنون

ویرایش شده در توسط np.1400

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری