راکت

قراردادن آیکن جستجو درسایت

14 پاسخ

سلام.من میخوام آیکن جستجو و منو رو تو سایتم قرار بدم.ممنون میشم کدش رو بفرستین

فائزه ف
فائزه ف
@f.ferasat77
ثبت پرسش جدید

پاسخ‌ها

14
محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@f.ferasat77 سلام خیلی راحت اول cdn مربوط به font awesome رو بالای فایلتون لینک کنید :

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

بعد هر جا که خواستید ازین کد برای آیکون سرچ استفاده کنید:
<i class="fa fa-search" aria-hidden="true"></i>

اینم برای منو :
<i class="fa fa-bars" aria-hidden="true"></i>

لیست کاملش رو هم اینجا ببینید:
https://fontawesome.com/v4.7/icons/

فائزه ف
فائزه ف
@f.ferasat77

امتحان کردم نشد...استایل خاصی نمیخواد؟@farhadi

شاید پاسخ شما همین‌جا باشد

مبینا ستاری
مبینا ستاری
@mobinasattari7

تخصص: توسعه دهنده بک اند

درود بر شما.
من بوت استرپ استفاده میکنم

<i class="bi bi-search"></i>

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
  <path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/>
</svg>

اینو امتحان کنید

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@f.ferasat77 استایل مربوط به فونت رو فراخونی کردید بالای فایلتون؟ مطمئنید؟
اصلا چیز پیچیده ای نیست. یه بار دیگه تست کنید.

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@mobinasattari7 سلام بر خانم ستاری پرتلاش و گرامی . برای یه آیکون ساده چرا اس وی جی ؟

مبینا ستاری
مبینا ستاری
@mobinasattari7

تخصص: توسعه دهنده بک اند

@farhadi دورد بر شما.
من برای آیکون همیشه از بوت استرپ استفاده میکنم، الان هم همینو توی بوت استرپ زدم و همین رو پیشنهاد دادم. البته بستگی داره چطوری بخوان آیکون رو قرار بدن ولی به نظر خود من اس وی جی بهتره از لحاظ تغییر اندازه و ...
موفق باشید

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@mobinasattari7 الان خودتون به کدها نگاه بندازید ببینید کدوم برای ایشون راحت تره استفاده ش؟

محمدصادق عبداللهی
محمدصادق عبداللهی
@mimsadAlef

تخصص: junior full stack developer

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <form action="/action_page.php">
  <input type="text" placeholder="Search.." name="search">
  <button type="submit"><i class="fa fa-search"></i></button>
</form>
محمدصادق عبداللهی
محمدصادق عبداللهی
@mimsadAlef

تخصص: junior full stack developer

و همچنین اگه بازم اجرا نشد این کد css رو قرار بدید

.fa {font:FontAwesome!important}
محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@gomnam @mimsadAlef
آیا چیزی که من به عنوان اولین پاسخ نوشتم جز این بود که جناب عبداللهی نوشتن؟ یا فقط براتون مهمه که یه خط بنویسید؟ چون دیدم جاهای دیگم یه متن رو توی ۵ تا پاسخ مینویسید.
ما اگر اینجا فعالیت میکنیم جناب گمنام برای اینه که مشکلی از دوستانمون حل کنیم وگرنه راکت و آقای حسام موسوی جایزه ای تعیین نکردن برای کسی.
بذارید بار کیفی سایت فدای رتبه بندی نشه چون صرفا متن نوشتن واقعا اشتباه و خیانته.
امیدوارم از من ناراحت نشده باشید. موفق باشید

علیرضا کفایتی
علیرضا کفایتی
@alirezakefayati

تخصص: برنامه نویس laravel, vue.js

@farhadi
ممنون از توصیه تون گرچه رتبه بندی سایت برام مهم نیست و علت این که در رتبه بالا هستم اینه که در حال دیدن آموزش هستم وگرنه تسلط قطعا رتبه ام بسیار پایین تر هست
نکته دوم هم اینکه من اومدم همون چیزی که آقای عبداللهی نوشتند رو بنویسم که ایشون لطف کردند و منظورم از پاسخ کامل این خط کد بود که خودم هم نمیدونستم و همیشه مشکل داشتم و برای همین از تگ svg استفاده میکردم . در هر حال ممنون از توصیه تون

Banana Life
Banana Life
@shift.delete

دوست عزیز داخل این سایت میتونید پیدا کنید
https://codepen.io/trending

محمدصادق عبداللهی
محمدصادق عبداللهی
@mimsadAlef

تخصص: junior full stack developer

@farhadi قصد توجیه اشتباهم رو ندارم
ولی من فقط دو جا دوبار فرستادم اون هم دوباره یادم اومد اینجا هم اشتباهی فرستادم اون اولی رو فرستادم و متوجه متن شما نشدم

محمدحسن فرهادی
محمدحسن فرهادی
@farhadi

تخصص: علاقه مند به کد نویسی

@mimsadAlef زنده باشید جناب عبداللهی عزیز روی صحبت من با شما نبود. موفق باشید اگه دلخور شدید عذرخواهم

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام