آموزش برنامه نویسی .CSS(تنظیم ظاهر لینک ها در صفحه)

درود،میهمان گرامی ورود ثبت نام لیست اعضا تقویم راهنما جستجو

آخرین ارسال ها

11 مدلهای هیوندای+عکس
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:10	مشاهده:12

موتور سیکلت نامرئی
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:2

زن آمریکایی که خوردن سنگ را دوست دارد!+عکس
شروع کننده:hny!	آخرین ارسالhny!	پاسخ ها:0	مشاهده:2

یخمک (نوشته های طنز)
شروع کننده:دایی جان	آخرین ارسالsaeed_z	پاسخ ها:401	مشاهده:9533

تصاویر تنها موتور سیکلت ساخته شده توسط شرکت فراری
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:2

نوزادی که هنگام زایمان سرش در دهانه رحم گیر کرد و کنده شد+عکس
شروع کننده:khamosh	آخرین ارسالhny!	پاسخ ها:1	مشاهده:32

گفتگوی آزاد (3 )
شروع کننده:admin	آخرین ارسالsaeed_z	پاسخ ها:1058	مشاهده:9054

11 مدلهای هیوندای
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:1

وظایف دختر و پسر در دوران نامزدی
شروع کننده:گــلایــه	آخرین ارسالگــلایــه	پاسخ ها:0	مشاهده:4

رده بندی کیفی خودروهای داخلی
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

اخبار روزانه ویژه سیستم اعتبار مالی
شروع کننده:admin	آخرین ارسالadmin	پاسخ ها:52	مشاهده:1075

آغاز سیاست های جدید فیات در هند
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

چشم
شروع کننده:Ashna	آخرین ارسالگــلایــه	پاسخ ها:18	مشاهده:2756

اطلاعات سامانه هوشمند سوخت تا پايان خرداد تجميع مي شود
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

ظرفيت توزيع سي ان جي از 2 ميليون مترمکعب گذشت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:3

مزدا و فيات درباره مشارکت صنعتي گفتگو مي کنند
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

يک نوبت سوختگيري دارندگان کارت سوخت تا 25 خرداد ، ضروري است
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

ايساكو باز هم ركورد فروش بي‌سابقه‌اي بر جاي گذاشت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:2

اسکار وایلد (Oscar Fingal O'Flahertie Wills Wilde)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:5

لئو نیکلایویچ تولستوی (Лев Никола́евич Толсто́й)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

پائولو کوئلیو ( Paulo de Almeida Coelho)
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

یک مربی لیگ برتری ممنوع الفعالیت شد
شروع کننده:kingpayam	آخرین ارسالadel	پاسخ ها:1	مشاهده:15

اگه با نفر قبلی توی آسانسور گیر کنی چیکار میکنی ؟
شروع کننده:kingpayam	آخرین ارسالkingpayam	پاسخ ها:10	مشاهده:103

کافی شاپ آواکسی ها
شروع کننده:adel	آخرین ارسالadel	پاسخ ها:100	مشاهده:1138

لیلة الرغائب شب آرزوها
شروع کننده:elina_mn	آخرین ارسالelina_mn	پاسخ ها:1	مشاهده:36

عکس یادگاری با فردوسی پور در ساعت یک بامداد
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:28

معرفی کتاب "شرق بهشت"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:11

معرفی کتاب "تاریخ بیهقی"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب مفهوم زمان
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب " اسماعیلیه"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

معرفی کتاب عرفان و شریعت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب پشت پرده وهابیت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "زن تسخیر شده"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:10

معرفی کتاب از پشت سایه ها
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب طوفان دیگری در راه است
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "زر باران"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب بنده ی خوب خدا
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "روی پله های کنسرواتوار"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معریف کتاب فلسفه علم
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب استاد عشق
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب فرزندان ایرانیم (داستان طنز)
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:11

معرفی کتاب "یوشی و درولین"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:8

معرفی کتاب خداحافظ کرخه
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:10

معرفی کتاب نامی برای همیشه: نگاهی به تاریخ خلیج فارس
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

مرثیه ای برای شکسپیر
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:9

معرفی کتاب "رد پای زن اسطوره ای در سینما"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:7

معرفی کتاب از به
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب به سوی تو
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:9

معرفی کتاب "آفتاب در حجاب"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب مردی که خواب نمی دید
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب "نظام حکومت در اسلام"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب من او
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب عروج تا بی نهایت
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "دین و آزادی"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "درختی‌که حرف می‌زد"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب" شب بی ستاره: خاطرات سردار علی فضلی"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب" قبله مایل به تو"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب "پسران زره‌پوش"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

چند اثر از چارلز دیکنز
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:4	مشاهده:22

معرفی کتاب "چگونه با نوجوانم صحبت کنم؟"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "پدر و دختر"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:6

معرفی کتاب "مسخ "
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "قدیس"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب" درختی‌که حرف می‌زد"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب "پاییز 59"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:6

معرفی کتاب "لیلی،نام تمام دختران زمین است"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:6

معرفی کتاب " الأصنام"
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:7

معرفی کتاب "پوتین های مریم"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:8

معرفی کتاب "زن تسخیر شده"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:7

معرفی کتاب "رستاخیز جان"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:7

معرفی کتاب " سازمان آدم كشان /جک لندن"
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:2	مشاهده:19

معرفی کتاب "سیر و سلوک"
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:8

شعر سیب حمید مصدق و جواب ها
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:3	مشاهده:21

غفلت والدين، مرگ پسر بچه 5 ساله سبزواري را رقم زد
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:11

قطار مرگ زوجي را در سالگرد ازدواجشان رقم زد
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:10

جنایت 3 پسر 19ساله تهرانی درپارک به خاطر 2 دختر+ گفتگو با یکی از متهمان
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:17

سرویس ترجمه گوگل، پرکارترین مترجم تاریخ
شروع کننده:sana	آخرین ارسالsana	پاسخ ها:0	مشاهده:11

سوء استفاده از اشتراک خط اینترنت دردسر ساز شد
شروع کننده:saeed_z	آخرین ارسالsaeed_z	پاسخ ها:0	مشاهده:13

ریزگردها و لزوم دیپلماسی قاطع
شروع کننده:saeed_z	آخرین ارسالنگار	پاسخ ها:1	مشاهده:15

جنایت 3 پسر 19ساله تهرانی درپارک به خاطر 2 دختر+ گفتگو با یکی از متهمان
شروع کننده:"ICE"	آخرین ارسال"ICE"	پاسخ ها:0	مشاهده:11

جستجو در این موضوع نحوه نمایش امکانات امکانات مدیر آموزش برنامه نویسی .CSS(تنظیم ظاهر لینک ها در صفحه)
نویسنده	پیام

MoonLover

نمایش پروفایل کاربر

نمایش همه ارسالهای کاربر

نمایش همه تاپیکهای کاربر

ارسال پیغام خصوصی

ناظم ارشد انجمن

ارسال ها: 18,519

تاریخ عضویت: 29 December 2008

امتیاز: 147

تشکرهای ارسالی : 16674
تشکرهای دریافتی : 26116

اعتبار: 202 واحد

آموزش برنامه نویسی .CSS(تنظیم ظاهر لینک ها در صفحه)

اعمال تغییر بر روی لینکها در صفحه با استفاده از استایل

با استفاده از CSS می توانیم نحوه نمایش دادن لینکها را در صفحه تنظیم کنیم. به صورتی که استفاده از جاوا اسکرپت در صفحه تا حد زیادی کم می شود. از طریق استفاده از استایل می توانیم رنگ لینکها، اندازه فونت آنها، زیر خط لینکها، رنگ زمینه هر لینک و بسیاری دیگر از خواص لینکها را تغییر دهیم.
برای اینکه بتوانیم از همه خواصی که برای لینکها در CSS وجود دارد استفاده کنیم بهتر است تا استایل را در بخش HEAD متن خود یا در فایلهای CSS خارجی که به صفحه پیوند می شوند استفاده کنیم. در هر دو صورت مراحل انجام کار شبیه هم است. ما در اینجا به استایل را در بخش HEAD متن تعریف می کنیم.
برای کار با لینکها در CSS می توانیم از مشخصات یک لینک را به چهار بخش تقسیم کنیم که در زیر می توانید آنها را مشاهده کنید:

    * a:link و a
      این مشخصه ها نحوه نمایش لینکهایی را که در صفحه وجود دارند و هنوز روی آنها کلیک نشده است تنظیم می کنند.
    * a:hover
      این مشخصه وضعیت لینک را وقتی که نشانگر ماوس روی آن قرار دارن تنظیم می کند.
    * a:active
      این قسمت مشخص کننده وضعیت لینکی است که بر روی آن کلیک می شود.
    * a:visited
      این مشخصه برای لینکهایی که در بازدیدهای قبلی مورد استفاده قرار گرفته اند استفاده می شود.

برای کار کردن با لینکها ما در قسمت HEAD متن از مشخصه های بالا استفاده می کنیم. یعنی کد زیر را در بخش HEAD متن وارد می کنیم
کد:
<style type="text/css">

</style>

برای هر ویژگی بالا می توانید مشخصات خاص خود را تعریف کنید برای مثال می تواند رنگ از مشخصه bachkground-color برای تعیین رنگ زمینه لینک وقتی که ماوس روی ان قرار می گیرد استفاده کنید یا از color برای تعیین رنگ متن لینکها. به طور کلی می توانید از بیشتر مشخصه هایی که برای متن ها کارایی دارند در مورد لینکها هم استفاده کنید برای مثال font-family و font-size و border و ...
در اینجا یک مثال مطرح می کنیم که در آن لینکهای صفحه به رنگ سبز نمایش داده می شوند با اندازه فونت 12pt و بدون زیرخط، وقتی که ماوس روی آنها قرار می گیرد رنگ آنها قرمز می شود و رنگ زمینه متفاوتی پیدا می کنند همچنین یک کادر نیز اطراف آنها به وجود می آید. در موقع کلیک کردن رنگ لینک سفید می شود و لینکهایی که در دفعات قبلی کلیک شده اند با زیر خط نمایش داده می شوند. برای ساختن لینکهایی با مشخصاتی که بیان شد می توانیم از کد زیر در قسمت HEAD متن یا استایل خارجی استفاده کنیم:
کد:
<style type="text/css">

</style>

همانطور که می بینید کدهایی که در قسمت HEAD این صفحه قرار دارند بر روی لینکهای بالا تأثیر گذاشته اند اما لینکها در سایر نقاط صفحه ویژگیهای متفاوتی دارند. دلیل این تفاوت این است که ما لینکهای بالا را در یک DIV قرار دادیم و برای آن یک ID در بخش HEAD صفحه تعریف کردیم و ویژگیهای مربوط به لینکهای بالا در قالب ID مشخص کردیم. در اینجا می توانید کدی را که ما مورد استفاده قرار داده ایم ببینید:
کد:
#pre a:link,#pre a { color:green; font-size:10pt; text-decoration:none }
#pre a:hover { color:red; background-color:#6699CC; border:#006699 2px solid; text-decoration:none }
#pre a:active { color: White }
#pre a:visited { text-decoration: underline; color:#003399 } کد مربوط به DIV را نیز به صورت زیر نوشتیم:
<div align="center" id="pre">

امضاء گاهی باید فراموش کرد..
به زودی میام..امتحان دارم فعلا!

Sunday 12 September 2010 17:15

موضوع های مرتبط با این موضوع...
موضوع:		نویسنده	پاسخ:	بازدید:	آخرین ارسال
	لینک کردن هر عکس به یک سایت مجزا	havel	0	524	Wednesday 16 November 2011 23:19 آخرین ارسال: havel
	برنامه نویسی	مؤمنه	1	498	Friday 15 April 2011 11:39 آخرین ارسال: user
	آموزش کامل و همه چیز درمورد ویروس Blaster	MenDark	0	334	Friday 08 April 2011 18:19 آخرین ارسال: MenDark
	آشنایی با رابط کاربردی برنامه نویسی API	حسام الدین	0	322	Wednesday 30 March 2011 12:40 آخرین ارسال: حسام الدین
	اصول برنامه نویسی تحت وب	onlinelife	1	410	Saturday 19 February 2011 17:41 آخرین ارسال: M3YS4M 1

پرش به انجمن:

کاربرانِ درحال بازدید از این موضوع: 3 مهمان

زمان کنونی: Thursday 24 May 2012, 16:35


آموزش پرورش اندام در 90 روز	دستبندوگوشواره ماه تولد شما	آموزش افزایش قد (کتاب و سی دی)	جدیدترین روش بستن شال و روسری	برنامه مشاهده همه شبکه های دنیا