سلام .
من یه مشکل تو قالب سایتم دارم .
اونم اینه که زیر بعضی از لینک ها خط میندازه نمیدونم از کجا باید کار بکنم که خط ها رو نندازه . اگه کسی میدونه لطفا راهنمایی بکنه .
www.amuzesh-sara.com
بر داشتن خط از زیر لینک ها
آغاز شده توسط
آموزش سرا
, 1391/01/11 ساعت 06:52
12 پاسخ برای این موضوع
#2
ارسالی 1391/01/11 ساعت 08:44
آموزش سرا,
دوست عزیز
شما باید از css این مشکلت را حل کنی ... بگرد توی css و این کدهای زیر یا نمونه اینها را پیدا کن
من هم همین مشکل را داشتم و کدهای قبلی را با این کدها عوض کردم درست شد ...
البته توجه کن که فقط شما به جای خط زیر کلمه none را بذاری ...
دوست عزیز
شما باید از css این مشکلت را حل کنی ... بگرد توی css و این کدهای زیر یا نمونه اینها را پیدا کن
من هم همین مشکل را داشتم و کدهای قبلی را با این کدها عوض کردم درست شد ...
a { color: #c14813; text-decoration: none; outline: none; }
a:hover { color: #000000; text-decoration: none; }
a:hover { color: #000000; text-decoration: none; }
البته توجه کن که فقط شما به جای خط زیر کلمه none را بذاری ...
#3
ارسالی 1391/01/11 ساعت 08:49
آموزش سرا,
جواب yaran713 درست هست، اما به صورت کلی هست. بعد از اینکه روش ایشون رو انجام دادی، اگر باز مشکل داشتی، گزینه زیر رو در فایل style.css جستجو کن:
اون رو با گزینه زیر تعویض کن:
هر چند بار که اون کلمه استفاده شده بود، باید همین کار رو انجام بدی.
جواب yaran713 درست هست، اما به صورت کلی هست. بعد از اینکه روش ایشون رو انجام دادی، اگر باز مشکل داشتی، گزینه زیر رو در فایل style.css جستجو کن:
underline
اون رو با گزینه زیر تعویض کن:
none
هر چند بار که اون کلمه استفاده شده بود، باید همین کار رو انجام بدی.
#8
ارسالی 1391/01/11 ساعت 16:44
yayaya,
اگر میخاهی لینک هایی که در مطالب هست بهتر دیده بشه، ابتدا باید فایل shortstory و fullstory رو چک کنی و ببینی برای تگ های زیر چه کلاسی در نظر گرفته شده:
فرض کن تگ {short-story} که داخل فایل shortstory هست به صورت زیر میباشد:
پس کلاسی که برای مطالب استفاده شده short_content میباشد، حالا این کلاس رو از توی فایل style.css پیدا میکنیم، سپس برای قسمت لینکهای این کلاس، یک رنگ دیگه انتخاب میکنیم و یا اون رو bold میکنیم، مثال زیر رو توجه داشته باش:
این کلاسی بود که پیدا کردیم، حالا برای اینکه لینک های مربوط به این کلاس رو درست کنیم، باید یک خط دیگه هم اضافه کنیم، به صورت زیر:
حالا رنگ متن های ما طوسی و رنگ لینکهای ما مشکی شده!
برای اینکه برای لینک های هر کلاس بتونی یک رنگ و یا استایل درست کنی، ابتدا کلاس مربوطه رو پیدا کن، به طور مثال یک کلاس داریم به اسم:
حالا با قرار دادن a در آخر اون، میتونیم برای لینک های اون کلاس بنویسیم:
اگر میخاهی لینک هایی که در مطالب هست بهتر دیده بشه، ابتدا باید فایل shortstory و fullstory رو چک کنی و ببینی برای تگ های زیر چه کلاسی در نظر گرفته شده:
{short-story}
{full-story}
فرض کن تگ {short-story} که داخل فایل shortstory هست به صورت زیر میباشد:
<div class="short_content">{short-story}</div>
پس کلاسی که برای مطالب استفاده شده short_content میباشد، حالا این کلاس رو از توی فایل style.css پیدا میکنیم، سپس برای قسمت لینکهای این کلاس، یک رنگ دیگه انتخاب میکنیم و یا اون رو bold میکنیم، مثال زیر رو توجه داشته باش:
.short_content {color#666666;}
این کلاسی بود که پیدا کردیم، حالا برای اینکه لینک های مربوط به این کلاس رو درست کنیم، باید یک خط دیگه هم اضافه کنیم، به صورت زیر:
.short_content a {color#000000;}
حالا رنگ متن های ما طوسی و رنگ لینکهای ما مشکی شده!
برای اینکه برای لینک های هر کلاس بتونی یک رنگ و یا استایل درست کنی، ابتدا کلاس مربوطه رو پیدا کن، به طور مثال یک کلاس داریم به اسم:
.imp
حالا با قرار دادن a در آخر اون، میتونیم برای لینک های اون کلاس بنویسیم:
.imp a
#10
ارسالی 1391/01/12 ساعت 10:06
سلام دوسته عزیز بقیه دوستان کاملا درست اشاره کردن شما باید فقط قسمت مربوط به اون نوشته رو پیدا کنی
مثلا در مورده مشکل شما ، شما باید فایل amir.css رو باز کنی به خط 1134 بری که مربوط میشه به :
.amir-blockcontent-body, .amir-blockcontent-body li, .amir-blockcontent-body a, .amir-blockcontent-body a:link, .amir-blockcontent-body a:visited, .amir-blockcontent-body a:hover {
و کد زیر رو بهش اضافه کنی :
یعنی اینجوری میشه :
.amir-blockcontent-body, .amir-blockcontent-body li, .amir-blockcontent-body a, .amir-blockcontent-body a:link, .amir-blockcontent-body a:visited, .amir-blockcontent-body a:hover {
color: #2C3B49;
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
font-size: 11px;
text-decoration: none;
}
موفق باشید
مثلا در مورده مشکل شما ، شما باید فایل amir.css رو باز کنی به خط 1134 بری که مربوط میشه به :
.amir-blockcontent-body, .amir-blockcontent-body li, .amir-blockcontent-body a, .amir-blockcontent-body a:link, .amir-blockcontent-body a:visited, .amir-blockcontent-body a:hover {
و کد زیر رو بهش اضافه کنی :
text-decoration: none;
یعنی اینجوری میشه :
.amir-blockcontent-body, .amir-blockcontent-body li, .amir-blockcontent-body a, .amir-blockcontent-body a:link, .amir-blockcontent-body a:visited, .amir-blockcontent-body a:hover {
color: #2C3B49;
font-family: Tahoma,Arial,Helvetica,Sans-Serif;
font-size: 11px;
text-decoration: none;
}
موفق باشید
1 کاربر در حال خواندن این موضوع است
0 کاربر، 1 مهمان و 0 عضو مخفی