رفتن به مطلب

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


پست های پیشنهاد شده

سلام

کادر جستجوی بالای سایتم (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>

 

لینک به ارسال
در 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;
}

 

لینک به ارسال
  • 3 هفته بعد...
ارسال شده در (ویرایش شده)
در در 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
لینک به ارسال
در 4 ساعت قبل، sir1 گفته است :

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

سلام .

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

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

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

سلام .

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

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

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

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

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...