راکت

ویرایش چند المان در css

@milad

سلام
داخل سایت زیر
http://cook-tools.ir

منوی بالای سایت رو میخوام floatش رو از چپ به راست تغییر بدم که با عبارت زیر شروع میشه

<nav class="main-nav gradient-effect">

و دوم اینکه رو لینک ها برین یه خطی زیرشون میفته اونم میخوام بردارم

.gradient-effect a:not(.epcl-button):hover

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


ثبت پرسش جدید
میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

برای قرار دادن کدهای css در صفحه html راه های مختلفی وجود داره.
1) درون خطی به کمک ویژگی style،
2) درون صفحه یعنی بخش head و داخل تگ های style،
3) یا پیوند خارجی از طریق تگ link.

در این مثال هم روش دوم هستش (تگ های style در بالای صفحه رو یکی یکی بررسی کنید)، اون شماره هم، داره به شماره خط اشاره می کنه.
اگر با ابزار inspect مرورگر آشنایی داشته باشید، ازش کمک بگیرید، بهمین نتایج خواهید رسید.


بامداد
بامداد
@bamdad5 سال پیشمطرح شد
2

هر المنتی رو کی میخای ( هرتگی) روش کلیک راست کن Inspect رو بزن ،
بعد برو توی تب Elements بعد قسمت Style , اونجا نوشته هر المان از چه فایلی و چه خطی استیلشو گرفته
😂


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1
body.rtl #header nav {
        float: left;    // --> float: right
}

.gradient-effect a:not(.epcl-button):hover {
    color: #222;
    background-size: 100% 4px;      // --> background-size: 0;
}

الیاس سخاوتی نیا
الیاس سخاوتی نیا
تخصص :علاقه‌مند به برنامه‌‎نویسی
@elyassir5 سال پیشمطرح شد
0

@milad
@bamdad

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


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

برای قرار دادن کدهای css در صفحه html راه های مختلفی وجود داره.
1) درون خطی به کمک ویژگی style،
2) درون صفحه یعنی بخش head و داخل تگ های style،
3) یا پیوند خارجی از طریق تگ link.

در این مثال هم روش دوم هستش (تگ های style در بالای صفحه رو یکی یکی بررسی کنید)، اون شماره هم، داره به شماره خط اشاره می کنه.
اگر با ابزار inspect مرورگر آشنایی داشته باشید، ازش کمک بگیرید، بهمین نتایج خواهید رسید.


الیاس سخاوتی نیا
الیاس سخاوتی نیا
تخصص :علاقه‌مند به برنامه‌‎نویسی
@elyassir5 سال پیشمطرح شد
0

@milad

ببخشید الان شما میشه بگید من کد زیر روی توی کدوم فایل میتونم پیدا کنم؟
من الان خط 53 رو دیدم اینجوری شروع شده، <style id="epcl-theme-critical-css">
داخل این خط style هست ولی خب انگار از یه جایی فراخوانی شده و اینجا قرار گرفته
متوجه نشدم از کجاس

body.rtl #header nav {
        float: left;    // --> float: right
}

میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

داخل همین نشونی ای اصلی سایتی که قرار دادید، یعنی http://cook-tools.ir/

کدهای html همین صفحه رو از بالا بررسی کنید، داخل تگ های head، چندتا تگ style مختلف هستش. یکی شون شامل همین مورد بالا میشه.


الیاس سخاوتی نیا
الیاس سخاوتی نیا
تخصص :علاقه‌مند به برنامه‌‎نویسی
@elyassir5 سال پیشمطرح شد
1

@milad

قالب وردپرس هست و هرچی زیر و رو کردم پیدا نکردم
توی تنظمیات قالب یه جایی برای کد های css دلخواه بود اونجا خودم استایل دیگه دیدم
ممنون از کمکتون


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

این صفحه رو نگاه کنید تا روش های مختلف وارد کردن کدهای css رو در html ببینید.
در این مثال روش Internal CSS مدنظر هستش.
https://www.w3schools.com/css/css_howto.asp


میلاد-م
میلاد-م
تخصص :توسعه‌دهنده رابط کاربری - Front-End
@milad5 سال پیشمطرح شد
1

خواهش می کنم، سر زنده باشید.


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

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