np.1400

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

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

سلام

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

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

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

ممنون

0

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


لینک به پست

ارسال شده در (ویرایش شده)

کار راحتیه! این یک تگ هاور هستش و باید در کد های 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
2

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


لینک به پست

مردم

نمیشه

http://lajevardisc.com/

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

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

0

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


لینک به پست

ببینید

این 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 رو میخونه

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

0

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


لینک به پست

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

http://jsfiddle.net/8d3YA/

1

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


لینک به پست

ارسال شده در (ویرایش شده)

بله

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

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

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

---

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

ممنون

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

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


لینک به پست

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

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

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

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


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

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

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


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