darkalone87

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

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

سلام دوستان

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

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

<script>

(function() {

.

.

.

.

.

})();

</script>

<gcse:search></gcse:search>

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

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

0

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


لینک به پست

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

1

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


لینک به پست

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

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

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

0

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


لینک به پست

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

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

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

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

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

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


لینک به پست

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

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

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

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


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

1

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


لینک به پست

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


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

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

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

0

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


لینک به پست

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

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

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

44vf_rule.png

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

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


لینک به پست

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

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

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

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

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

0

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


لینک به پست

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

موفق باشید .

1

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


لینک به پست

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

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


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

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


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

موفق باشید .

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

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


لینک به پست

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

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

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

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


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

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

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


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