کنترل لینک های صفحه

hidensoft

Member
سلام
دوستان من می خوام با css رنگ لینک ها رو کنترل کنم.
رنگ لینک زمانی که هنوز استفاده نشده ، رنگ لینک زمانی که موس روی اون قرار می گیره و رنگ لینک پس از استفاده شدن رو تغییر بدم و از حالت پیش فرض خارج کنم.
همین طور برای برداشتن under line زیر لینک ها باید چیکار کرد ؟

موفق باشید
 
از این کد CSS استفاده کنید

کد:
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:hover {text-decoration: none}
a:active {text-decoration: none}

خوب برای مشخص کردن رنگ فونت باید برای خط اول رنگ مشخص کنید. برای وقتی که لینک بازدید شده باید در خط دوم یک رنگ مشخص کنید. برای زمانی هم که ماوس روی لینک رفته باید یک رنگ در خط سوم مشخص کنید. و برای زمانی که ماوس روی یک لینک هست و روش کلیک شده هم باید در خط چهارم یک رنگ مشخص کنید. خصوصیت text-decoration با مقدار none هم خط زیر لینک ها رو حذف می کنه
 

hidensoft

Member
سلام
سوالم همون سوال قبلی هست ولی با این تفاوت که این بار می خوام لینک های توی یه table رو دست کاری کنم نه کل صفحه
می خوام بدونم واسه اینکه رنگ ها و آندرلاین زیر لینک های یه قسمت خاص مثل یه جدول رو کنترل کنم باید چیکار کنم ؟
من توی سایتم یه منو به صورت افقی دارم ... این کد ها رو برای اونا استفاده می کنم چون رنگ پشت زمینه اون قسمت با بقیه سایت متفاوت هست جای دیگه وقتی یه لینکی می زارم بطور کامل قابل مشاهده نیست. حالا می خوام رنگ لینک های منو بالا رو بصورت دستی ست کنم تا css در بقیه صفحه تاثیر بزاره نه منو بالا
 
شما برای اون table یه کلاس تعریف کن به این شکل مثلا :

کد:
<table class="amir">

جای اون amir هر اسمی دوست داری بنویس. بعد دستور CSS که تو پست اول دادم رو به این شکل تغییر بده

کد:
.amir a:link {text-decoration: none}
 .amir a:visited {text-decoration: none}
.amir a:hover {text-decoration: none}
.amir a:active {text-decoration: none}
 

hidensoft

Member
یه سوال دیگه هم برام پیش اومد.
یه سلول از یه جدول رو در نظر بگیرید که border مساوی با 1 باشه. وقتی من می خوام توی خونه های این سلول چیزی بنویسم کارکتر اول به خط border می چسپه . برای اینکه چنین چیزی اتفاق نیفته باید چیکار کرد ؟
 

shirini_forush

Well-Known Member
از padding استفاده کنید.
مثلا:
کد:
td
{
padding:5px;
}
و اگر میخواید ارتفاع cell ها ثابت بمونه:
کد:
td
{
padding:5px;
padding-top:0px;
padding-bottom:0px;
}

شاد باشید
 
این کدی که safir نوشته درسته ولی بهتره شما به شکل خلاصه کد رو بنویسی

کد:
td
{
padding:0 5px 0 5px;
}

مقدار اول که صفر هستش، فضای بالا رو کنترل میکنه. مقدار دوم که 5px هستش فضای سمت راست رو کنترل میکنه. مقدار سوم که باز صفر هستش فضای پایین رو کنترل می کنه و مقدار چهارم که باز 5px هستش فضای سمت چپ رو کنترل می کنه. حتی از این هم میشه خلاصه تر نوشت

کد:
td
{
padding: 0 5px;
}

مقدار اول که صفر هستش مقدار فاصله بالا و پایین رو با هم کنترل میکنه و مقداری که 5px هستش فاصله از سمت چپ و راست رو با هم کنترل می کنه
 

echessdesign

مدیر انجمن طراحی وب
دوست عزیز hidensoft بیایید به جای ازسال پست های تشکر آمیز ، از دکمه تشکر استفاده کنیم
 

جدیدترین ارسال ها

بالا