راهنمایی در مورد استایل لینک ها در css

این تاپیک 4 پاسخ و 3 مشارکت کننده دارد . آخرین آپدیت توسط :  میلاد منفرد ،‏ 4 سال و 2 ماه پیش .

این تاپیک تاکنون 1364 بازدید داشته است .

نویسنده پست
چهار شنبه ، 10 اکتبر 2012     9:41 ب.ظ #


میلاد منفرد

Subscriber
15 پست12 تاپیک

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

در مورد لینک ها در css من وقتی خاصیت a:link,a:hover و.... را تعریف میکنم برای کل صفحه تعیین میشه و قالبم به هم میریزه و برخی لینک ها رنگشون تغییر میکنه که زمینش بهم میریزه من میخوام کاری کنم که مثلا لینک های پستام رنگش و... با بقیه فرق کنه مثلا عنوان پست یه استایلی و بقیه یه استایل دیگه باید چکار کنم؟

0  تشکر
چهار شنبه ، 10 اکتبر 2012     10:17 ب.ظ #


میلاد حیدری

Contributor
34 پست3 تاپیک

اگر شما میخواهید فقط لینک هایی را مشخص کنید که این دستور برایش اجرا شود باید کلاس هایی را تعریف نمائید به عنان مثال :

سپس در موقع فراخوانی در تگ a ، از کلاس milad استفاده کنید

0  تشکر
چهار شنبه ، 10 اکتبر 2012     10:29 ب.ظ #


میلاد منفرد

Subscriber
15 پست12 تاپیک

نه ببینین من الان خاصیت a:link رنگشو گذاشتم سفید این برای کل لینکایی که تو صفحه هستش اعمال میشه درسته؟ خوب حالا من میخوام مثلا اون a:link روی عنوان پستام اعمال نشه و رنگشو یه چیز دیگه بزارم نمیدونم فهمیدین چی گفتم یا نه امیدوارم فهمیده باشین.

0  تشکر
پنجشنبه ، 11 اکتبر 2012     8:53 ق.ظ #


طاها دریس

Authorplus
VIP
451 پست5 تاپیک

سلام.

دوست عزیز همونطور که آقای حیدری گفتن درسته،

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

مثلا فرض کنیم شما همچین کدی htmlی دارین

<a rel="nofollow" href="#"> Link1 </a>

<a rel="nofollow" href="#"> Link2 </a>

حال اگه بخواییم فقط رنگ لینک2 رو تغییر بدیم، باید واسش کلاس تعریف کنیم که اینجوری میشه:

<a rel="nofollow" href="#" class="Mylink"> Link2</a>

در آخر هم توی css استایل مورد نظرمونو بهش میدیم. مثلا:

a.mylink {

color: #000

}

a.mylink:hover {

color: #ff0

}

که با این کد فقط رنگ لینک2 تغییر میکنه.

0  تشکر
پنجشنبه ، 11 اکتبر 2012     9:16 ق.ظ #


میلاد منفرد

Subscriber
15 پست12 تاپیک

بسیار ممنون.

0  تشکر
پست 1 تا 5 (از مجموع 5 پست)

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