فایل psd کادر جست و جو مطالب

ج . محمد / ۱۳ بهمن ۹۳

فایل psd کادر جست و جو مطالب

امروز براتون یه کادر جست و جو در فتوشاپ را آماده کردم. کدنویسی شو هم گذاشتم.

                           دانلود فایل PSD           نمایش دمو

 

کد اچ تی ام ال:

<div>
   <input type="text" placeholder="enter a word...">
   <input type="submit" value="Search" >
</div>   

کد سی اس اس (css): 

 div{
        border:1px solid #e5e5e5;
        width:200px;
        margin:0 auto;
        display:block;
        overflow:hidden;
        line-height:1;
    }      
input[type="text"],input[type="submit"]{
            border:0;
          font-size:16px;
          margin:0;
          height: :100%;
      }
input[type="submit"]{
       width:30%;
       height:100%;
       padding: 5px 15px;
    }
input[type="text"]{
        width:65%;
        padding-right:5px;
    }

نظرات ۱

  1. ایرانیان سرور

    سلام
    عالی بود
    تشکر
  2. author

    ج . محمد

    مرسی از نظرتون! موفق باشید

ارسال نظر

ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
شما میتوانید از این تگهای html استفاده کنید:
<b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
تجدید کد امنیتی