رنگ لینکها

corel

Active Member
رفقا من یه مشکلی دارم.

یه سایت با دریم ویور ساختم، و رنگ وضعیتهای مختلف اونو از کادر page properties تنظیم کردم.

تو قسمت کد برای این تنظیمات یه تگ style اضافه شده که تو پالت CSS هم اومده.
اما رنگا کارایی خودشون رو ندارن و با هم جابجا نشون داده می شن.
کسی نمی دونه مشکل از چیه؟
 

Ali_ix

Well-Known Member
میشه کد صفحتون رو بزارید یا آدرسشو بدید ؟

اینجوری بهتر میشه بررسی کرد .
 

Parham

Active Member
Source صفحه خودتو در اینجا پیوست کن یا لینک صفحه خودتو بده که من یا علی‌ یا یکی‌ از دوستان کمکت کنیم ...
 

corel

Active Member
کلشو نمی شه بذارم(حالا به دلایلی)

اما یه قسمتش که ماله تعریف رنگهاست، اینه:
کد:
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<STYLE type=text/css>
BODY {
	MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BACKGROUND-COLOR: #669999
}
.style1 {
	FONT-WEIGHT: bold; FONT-FAMILY: Arial, Tahoma, sans-serif
}
BODY {
	FONT-FAMILY: Arial, Tahoma, sans-serif
}
TD {
	FONT-FAMILY: Arial, Tahoma, sans-serif
}
TH {
	FONT-FAMILY: Arial, Tahoma, sans-serif
}
A:link {
	COLOR: #339900; TEXT-DECORATION: none
}
A:visited {
	COLOR: #339900; TEXT-DECORATION: none
}
A:hover {
	COLOR: #fec43d; TEXT-DECORATION: none
}
A:active {
	COLOR: #00406a; TEXT-DECORATION: none
}
.style2 {
	FONT-SIZE: small
}
body,td,th {
	color: #00406a;
}
</STYLE>
 

Parham

Active Member
کدی که در بالا قرار دادی بدون مشکل هستش من الان در یک فایل جدید امتحان کردم گرچه میشد بدون اون هم فهمید ... اما در کل کد شماهیچ مشکلی‌ نداره ...
 

Ali_ix

Well-Known Member
par_ham گفت:
کدی که در بالا قرار دادی بدون مشکل هستش من الان در یک فایل جدید امتحان کردم گرچه میشد بدون اون هم فهمید ... اما در کل کد شماهیچ مشکلی‌ نداره ...
بله .. کد کاملا درسته
کد کامل صفحه برای این لازمه که ببینیم جای دیگه ای این کد و استایلها Overriden نشده باشه ;)

ممکنه یک اشتباه نحوی کوچیک هم باعث اختلال بشه
 

corel

Active Member
Ali_ix گفت:
بله .. کد کاملا درسته
کد کامل صفحه برای این لازمه که ببینیم جای دیگه ای این کد و استایلها Overriden نشده باشه ;)

ممکنه یک اشتباه نحوی کوچیک هم باعث اختلال بشه
ممکنه رنگ نمایش کد برای hyperlink های مختلف فرق کنه؟

مثلا تصور می کنم که برای لینکایی که url اونا با http شروع میشه، رنگ لینکا درسته،

ولی واسه اونایی که url نسبی دارن(از پوشه فایلهای اصلی آدرس دهی شدن)، رنگا جابجا میشه.

همچین چیزی غیر معقوله؟!
 

Parham

Active Member
ببینید یک نکته یادت باشه زمانی‌ که شما کد رنگ برای لینک A:visited قرار میدی وقتی‌ از اون لینک دیدن میکنی‌ اون لینک دیگه به اون رنگ به نمایش در میاد ... در مورد سوالی‌ هم که کردی خیر به این صورت نیستش هر کد رنگی‌ که شما قرار بدی همون به نمایش در میاد ...و به طور کلی‌ وقتی‌ که CSS برای لینک ها در صفحه تعریف میکنی‌ به طور کل برای هر لینکی‌ که در صفحه ایجاد می‌شه از همون ویژگی‌ استفاده می‌شه ...
 

corel

Active Member
آقا باز ما برگشتیم.

حالا یه مساله دیگه رو می خوام مطرح کنم.

می خوام تو یه صفحه چند نوع رنگ لینک داشته باشم.

همچین چیزی ممکنه؟

اگه آره چه جوری.

چون من هر روشی پیش گرفتم جواب نداد.

نیاز دارم اسیدی ها!!

فعلا.
 

Ali_ix

Well-Known Member
corel گفت:
آقا باز ما برگشتیم.

حالا یه مساله دیگه رو می خوام مطرح کنم.

می خوام تو یه صفحه چند نوع رنگ لینک داشته باشم.

همچین چیزی ممکنه؟

اگه آره چه جوری.

چون من هر روشی پیش گرفتم جواب نداد.

نیاز دارم اسیدی ها!!

فعلا.
خیلی راحت با اختصاص کلاس یا ID به اون محدوده خاص میتونید رنگ متن ، لینک یا هر چیز دیگه ایشو با CSS کنترل کنید !

مثلا :
HTML:
div.bluelink a, div.bluelink a:hover {
color: blue;
}
میاد و رنگ تمام لینکهایی که داخل DIV با کلاس bluelink هستند رو به رنگ آبی در میاره.
 

Ali_ix

Well-Known Member
این کد CSS هست . هم میتونید داخل فایل CSS بذارید و توی صفحه بهش لینک بدید (در بخش head)
هم میتونید مستقیما در بخش head بین دو تگ style بگذاریدشون.
 

Ali_ix

Well-Known Member
این روش اولی :

HTML:
<link href="http://yoursite.com/style.css" rel="stylesheet" type="text/css" />
این روش دومی :

HTML:
<style type="text/css" media="screen">
			div.topads {
				margin: 20px 0 0 0;
			}
ul.plans {
	margin: 4px 8px;
}	
div.plans {
	height: 145px;
}	
</style>
 

corel

Active Member
جهت روشن تر شدن موضوع

رفیق شرمنده ها!

شاید آی کیوم پایینه!!!

در هر صورت نتونستم اجراش کنم. یعنی درست نفهمیدم چی شد.

آخه ببین style یه بار تعریف می شه و بعد مثلا تو تگ div با پارامتر class بهش اشاره میشه دیگه.

اونوقت این رنگ لینکا کجا باس تعریف شه؟

ببین اصلا یه کار می کنیم. واسه اینکه حرف همو بفهمیم، من یه موضوع نمونه برای مثال می نویسم و شما لطف کن کد کامل HTML اون رو بنویس.

موضوع اینه:

1- یه صفحه خالی داریم با رنگ پس زمینه سفید.
2- رنگ نوشته های عادی، سیاه باشه.
3- یه لینکه داریم به نام photo serach به این آدرس:
کد:
http://www.webshots.com
4- رنگ اولیه لینک آبی کمرنگ هست. وقتی ماوس روش می ره زرد می شه. وقتی یه بار کلیک شده باشه، آبی پررنگ می شه.

5- یه لینک دیگه داریم به نام music sites به این آدرس:
کد:
http://www.taranehha.com
6- رنگ اون قرمز کمرنگ هست. وقتی ماوس روش می ره سبز می شه. وقتی یه بار کلیک شده باشه، قرمز پررنگ می شه.

با تشکر. اگه وقت کردی کدکاملش رو بنویس.

اینا رو نوشتم چون واقعا می خوام این تکنیک رو یاد بگیرم.

فعلا.
 

ARTA_ADOBE CO

Active Member
کاش میشود یکی یه نمونه بذاره چون منم گیج شدم
مثلا برای یک جدول باید چه کرد اگه بخوای یکی از ستونها و یا ردیف هاس رنگه لینکش با بقیه فرق کنه ؟
 

corel

Active Member
آقا یکی معمای پست 14 ما رو حل کنه. تمومه دیگه، خودمون بسطش می دیم.
 

Ali_ix

Well-Known Member
ساده ترین راه کنترل لینکها یک بلوک خاص اعم از جدول و ... اختصاص یک کلاس به اون بلوک هست !
غیر از این باید با استفاده از Selectorهای خاص اون لینکها رو حدف قرار بدید که کار نسبتا مشکلیه.

این نمونه :

HTML:
<div class="orangeblock">
<a href="htpp://yahoo.com" title="Yahoo!">Yahoo</a>
</div>
این کد CSSاش :

HTML:
.orangeblock a {
color: orange;
}

.orangeblock a:hover {
color: red;
}

.orangeblock a:visited {
color: blue;
}
این کد اینطور عمل میکنه که تمام لینکهایی که داخل Div با کلاس orangeblock هستند در حالت عاذی نارنجی هستند. موقعی که ماوس روشون قرار میگیره قرمز میشند و وقتی دیده شدند به رنگ آبی در میاند.

حالا خودتون گسترشش بدید !
 

mohsenshahbazi

Active Member
ای بابا ....
من نگرفتم ...

نمیشه از کلاس ها کمک گرفت یا از تگ اسپن ...؟
<span class=orange></span>

محسن
 

Ali_ix

Well-Known Member
mohsenshahbazi گفت:
ای بابا ....
من نگرفتم ...

نمیشه از کلاس ها کمک گرفت یا از تگ اسپن ...؟
<span class=orange></span>

محسن
چرا نمیشه ! میشه !
این حالت کلی و سادش بود
 

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

بالا