رفتن به مطلب

تعیین فاصله یک اسکریپت با قسمت زیرین


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

سلام دوستان

من از گوگل یه کد برای قرار دادن جستجو در وبسایتم گرفتم

که به صورت زیر هست:

<script>

(function() {

.

.

.

.

.

})();

</script>

<gcse:search></gcse:search>

وقتی این کد رو به انتهای فایل header.php اضافه میکنم ، جعبه جستجو زیر منو ظاهر میشه که یه فاصله ای با منو ( که در یالای جعبه جستجو قرار گرفته )داره اما با قسمت زیری یعنی باکس مطالب و .. هیچ فاصله ای نداره و به اونا چسبیده. باید چکار کنم تا مثلا 20 پیکسل هم با مطالب زیری فاصله داشته باشه؟

با تشکر از پاسخگویی فوق العاده شما دوست عزیز

لینک به ارسال

از کدهای سی سی اس استفاده کن خیلی راحت میشه این فاصله رو ایجاد کرد .آدرس سایتت رو بذار تا کدش رو قرار بدم

لینک به ارسال

از کدهای سی سی اس استفاده کن خیلی راحت میشه این فاصله رو ایجاد کرد .آدرس سایتت رو بذار تا کدش رو قرار بدم

روی لوکال دوست عزیز

اجازه بده یه تست بسازم الان میدم آدرسشو

لینک به ارسال

از کدهای سی سی اس استفاده کن خیلی راحت میشه این فاصله رو ایجاد کرد .آدرس سایتت رو بذار تا کدش رو قرار بدم

بین باکس جستجو و عبارت "نوشته های تازه هیچ فاصبه ای نیست

کدی که گوگل داده بود رو به انتهای فایل header.php اضافه کردم

http://poroje.skyf.ir/wordpress/

ویرایش شده توسط darkalone87
لینک به ارسال

بین باکس جستجو و عبارت "نوشته های تازه هیچ فاصبه ای نیست

کدی که گوگل داده بود رو به انتهای فایل header.php اضافه کردم

http://poroje.skyf.ir/wordpress/

این کد رو در فایل استایل یا rtl.css قرار بده


.gsc-control-cse.gsc-control-cse-en {
margin-bottom: 25px;
}

لینک به ارسال

این کد رو در فایل استایل یا rtl.css قرار بده


.gsc-control-cse.gsc-control-cse-en {
margin-bottom: 25px;
}

خیلی ممنون من با کد margin آشنایی داشتم ولی خط اولو نمیدونستم باید چی بنویسم

از کجا باید فهمید خط اولو چی بنویسیم؟ توی کد هم که چنین عبارتی نداریم

لینک به ارسال

این کد مخصوص کادر جستجو هست.

کد رو میشه با استفاده از یه مرورگر و ابزار Inspect element پیدا کرد.

و اگه کد ویژه فقط برای یک بخش خاص بخواید میشه مثل تصویر زیر عمل کرد :

44vf_rule.png

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

این کد مخصوص کادر جستجو هست.

کد رو میشه با استفاده از یه مرورگر و ابزار Inspect element پیدا کرد.

و اگه کد ویژه فقط برای یک بخش خاص بخواید میشه مثل تصویر زیر عمل کرد :

منظورم اینه : gsc-control-cse.gsc-control-cse-en

تو عکسی که شما دادید چنین عبارتی نیست من تو گوگل هم سرچ کردم به نتیجه ای نرسیدم .

لینک به ارسال

منظورم اینه : gsc-control-cse.gsc-control-cse-en

تو عکسی که شما دادید چنین عبارتی نیست من تو گوگل هم سرچ کردم به نتیجه ای نرسیدم .

عبارت .gsc-control-cse.gsc-control-cse-en که دوستمون ارسال کردن ، از css داخل قالبشون تعریف کرده بودند .

شما از کد زیر درون .html میتونید استفاده کنید :


<div style="margin-bottom: 25px;"></div>

اگر جواب نداد از کد زیر استفاده کنید :


<div style="margin-top: -25px;"></div>

موفق باشید .

لینک به ارسال

عبارت .gsc-control-cse.gsc-control-cse-en که دوستمون ارسال کردن ، از css داخل قالبشون تعریف کرده بودند .

شما از کد زیر درون .html میتونید استفاده کنید :


<div style="margin-bottom: 25px;"></div>

اگر جواب نداد از کد زیر استفاده کنید :


<div style="margin-top: -25px;"></div>

موفق باشید .

من این کد رو از قالبی که خود darkalon87 آدرس دادن، در آوردم و کد مربوط به فیلد جستجویی هست که قصد استفاده از اون رو دارن و قاعدتا مشکلشون با کد سی اس اسی که گفتم حل شده ویرایش شده توسط شهاب
لینک به ارسال

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

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

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

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

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

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

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

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

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