سلام .
من یه مشکل تو قالب سایتم دارم .
اونم اینه که زیر بعضی از لینک ها خط میندازه نمیدونم از کجا باید کار بکنم که خط ها رو نندازه . اگه کسی میدونه لطفا راهنمایی بکنه .
www.amuzesh-sara.com
بر داشتن خط از زیر لینک ها
آموزش سرا
, 1391/01/11 ساعت 06:52
#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 را بذاری ...
#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;
}
موفق باشید
0 members, 1 guests, 0 anonymous users