sir1

کمک در مورد یک کد css

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

سلام

کادر جستجوی بالای سایتم (acgih.ir) در مبایل نمیاد و در واقع ریسپانسیو نیست ممنون میشم در این مورد کمک کنید. کد مربوطه پیوست شد.

<style>
      .my-search {
        background: #070607 url("https://acgih.ir/wp-content/themes/enfold/images/header.jpg") no-repeat;
        background-size: 100% 100%;
        height:250px;
        clear:both;
      }

      .my-search input {
        background: #fff;
        border-radius: 15px!important;
        padding: 20px!important;
        color: #333!important;
        box-shadow: 0 3px 3px rgba(0,0,0,0.1);
        width: 500px!important;
        margin:40px 500px !important;
        text-align: center;
      }
      @media only screen and (max-width:767px) {
        .my-search input {
        width: 100%!important;
        font-size: 12px!important;
        }
            </style>
      
      <div class="my-search">
 
<h1 style="color: white;font-size: 30px;margin: 0px 485px auto;width: 100%;">سایت تخصصی دانشجویان بهداشت حرفه ای</h1>
      <form action="https://google.com/search" method="get" target="_blank">
      <input value="acgih.ir" name="domains" type="hidden">
      <input value="acgih.ir" name="sitesearch" type="hidden">
      <input value="UTF-8" name="oe" type="hidden">
      <input value="UTF-8" name="ie" type="hidden">
      <input value="fa" name="hl" type="hidden">
<input id="query" class="search-field" name="q" maxlength="155" placeholder="جستجو در 3500 مقاله و 148 پروژه تخصصی + اینتر" style="font-family: iransansweb;font-size: 12px;" type="text">
      </form>
      <h2 style="color: white;font-size: 20px;margin: -20px 525px auto;width: 100%;">اولین مرجع تخصصی دانشجویان بهداشت حرفه ای در ایران</h2>
      <canvas style="width:100%;margin-top: -206px;" height=""></canvas>
      <div data-ls="slidedelay: 8000; transition2d: 5; timeshift: -8000;"  id="asb" style="width: 100%;height: 100%;" ></div>
      </div>

 

0

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


لینک به پست
در 56 دقیقه قبل، sir1 گفته است :

سلام

کادر جستجوی بالای سایتم (acgih.ir) در مبایل نمیاد و در واقع ریسپانسیو نیست ممنون میشم در این مورد کمک کنید. کد مربوطه پیوست شد.


<style>
      .my-search {
        background: #070607 url("https://acgih.ir/wp-content/themes/enfold/images/header.jpg") no-repeat;
        background-size: 100% 100%;
        height:250px;
        clear:both;
      }

      .my-search input {
        background: #fff;
        border-radius: 15px!important;
        padding: 20px!important;
        color: #333!important;
        box-shadow: 0 3px 3px rgba(0,0,0,0.1);
        width: 500px!important;
        margin:40px 500px !important;
        text-align: center;
      }
      @media only screen and (max-width:767px) {
        .my-search input {
        width: 100%!important;
        font-size: 12px!important;
        }
            </style>
      
      <div class="my-search">
 
<h1 style="color: white;font-size: 30px;margin: 0px 485px auto;width: 100%;">سایت تخصصی دانشجویان بهداشت حرفه ای</h1>
      <form action="https://google.com/search" method="get" target="_blank">
      <input value="acgih.ir" name="domains" type="hidden">
      <input value="acgih.ir" name="sitesearch" type="hidden">
      <input value="UTF-8" name="oe" type="hidden">
      <input value="UTF-8" name="ie" type="hidden">
      <input value="fa" name="hl" type="hidden">
<input id="query" class="search-field" name="q" maxlength="155" placeholder="جستجو در 3500 مقاله و 148 پروژه تخصصی + اینتر" style="font-family: iransansweb;font-size: 12px;" type="text">
      </form>
      <h2 style="color: white;font-size: 20px;margin: -20px 525px auto;width: 100%;">اولین مرجع تخصصی دانشجویان بهداشت حرفه ای در ایران</h2>
      <canvas style="width:100%;margin-top: -206px;" height=""></canvas>
      <div data-ls="slidedelay: 8000; transition2d: 5; timeshift: -8000;"  id="asb" style="width: 100%;height: 100%;" ></div>
      </div>

 

سلام کد زیر رو به فایل استایل اضافه کنید.

.my-search input,.my-search h1,.my-search h2{
    margin:auto auto!important;       
}
.my-search{
   text-align:center!important;
}

 

2

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


لینک به پست

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

در در 12/20/2017 at 19:25، Mirrajabi گفته است :

سلام کد زیر رو به فایل استایل اضافه کنید.


.my-search input,.my-search h1,.my-search h2{
    margin:auto auto!important;       
}
.my-search{
   text-align:center!important;
}

 

با این کد در گوشی اومد وسط ولی در گوشی باز خیلی جالب نیست و عبارت «مرجع تخصصی ... و کادر جستجو » از بالا فاصله نمیگیرن

ویرایش شده در توسط sir1
0

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


لینک به پست

یعنی کسی نیست یک مین وقت بزاره؟؟

0

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


لینک به پست
در 4 ساعت قبل، sir1 گفته است :

یعنی کسی نیست یک مین وقت بزاره؟؟

سلام .

من الان چک کردم متن اولین مرجع تخصصی از بالا فاصله دارن .

دقبقا منظورتون کدوم المان هست که با بالا فاصله نداره ؟؟

1

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


لینک به پست
در 20 ساعت قبل، Mirrajabi گفته است :

سلام .

من الان چک کردم متن اولین مرجع تخصصی از بالا فاصله دارن .

دقبقا منظورتون کدوم المان هست که با بالا فاصله نداره ؟؟

ممنون از پاسخگوییتون.

مشکل را حل کردم.

0

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


لینک به پست

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

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

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

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


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

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

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


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