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

تبليغات شما در داده باران
تبلیغات در داده باران

تغییر رنگ لینک های باز شده در سایت

تغییر رنگ لینک های باز شده در سایتReviewed by محمد دریابیان on Apr 5Rating: 5.0تغییر رنگ لینک های باز شده در سایتهمانطور که میدانید طراحی رابط کاربری سایت شامل روش ها و متد هایی است که دسترسی به قسمت های مختلف یک سایت را برای کاربر آسان میکند. در کنار طراحی رابط کاربری, بحث طراحی تجربه کاربری نیز مطرح است که با استفاده از آن میتوان تجربیات کاربران از تعامل و مواجهه با سایت را بهبود بخشید. یکی از روش های بسیار معمول و ساده جهت بهبود تجربه کاربری, هایلایت کردن یا تغییر رنگ لینک های باز شده سایت است. به این صورت که با باز کردن هر لینک توسط کاربر, آن لینک تغییر رنگ میدهد یا به شکلی دیگر در می آید تا کاربر در هنگام مشاهده سایت بداند روی چه لینک هایی کلیک و از آن صفحات بازدید کرده است. این امکان به ویژه در سایت های خبری کاربرد بیشتری دارد. چرا که در این سایت ها هزاران لینک خبر های مختلف وجود دارد و جدا کردن لینک های خوانده شده از خوانده نشده میتواند به بازدید کننده کمک زیادی کند.

تغییر رنگ لینک های باز شده در سایت

(جهت دانلود و اطلاعات بیشتر به ادامه مطلب مراجعه نمائید)


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

همانطور که میدانید طراحی رابط کاربری سایت شامل روش ها و متد هایی است که دسترسی به قسمت های مختلف یک سایت را برای کاربر آسان میکند. در کنار طراحی رابط کاربری, بحث طراحی تجربه کاربری نیز مطرح است که با استفاده از آن میتوان تجربیات کاربران از تعامل و مواجهه با سایت را بهبود بخشید.
یکی از روش های بسیار معمول و ساده جهت بهبود تجربه کاربری, هایلایت کردن یا تغییر رنگ لینک های باز شده سایت است. به این صورت که با باز کردن هر لینک توسط کاربر, آن لینک تغییر رنگ میدهد یا به شکلی دیگر در می آید تا کاربر در هنگام مشاهده سایت بداند روی چه لینک هایی کلیک و از آن صفحات بازدید کرده است. این امکان به ویژه در سایت های خبری کاربرد بیشتری دارد. چرا که در این سایت ها هزاران لینک خبر های مختلف وجود دارد و جدا کردن لینک های خوانده شده از خوانده نشده میتواند به بازدید کننده کمک زیادی کند. به مثال زیر توجه نمایید:

حتما بخوانید  آموزش PHP (پی اچ پی) – قسمت چهارم

 

 

link1

 

برای اینکه ببینیم چطور میتوانیم رنگ لینک های باز شده را تغییر دهیم یا هایلایت کنیم با ادامه ی این آموزش همراه باشید.

 

 

تغییر رنگ لینک های باز شده در سایت

هر چند برای متخصصان طراحی وب و آنهایی که با HTML و CSS آشنایی دارند, انجام این کار بسیار ساده است. اما ممکن است بعضی از دوستان, با نحوه انجام اینکار آشنا نباشند. بنابراین سعی میکنم کاملا واضح و قدم به قدم توضیح دهیم.

۱- فایل استایل قالب یا سایتتان را باز کنید. (در وردپرس به بخش نمایش>>ویرایشگر بروید و صفحه “شیوه نامه” را باز کنید)

۲- در انتهای کد های موجود در فایل استایل یا شیوه نامه, قطعه کد زیر را اضافه نمایید.

 

a:visited{
 color:blue;
 }

 

۳- صفحه را ذخیره نمایید.

 

link2

 

 

راهنمایی: کد بالا لینک های بازدید شده را با رنگ آبی نمایش می دهد. در کد بالا به جای عبارت blue میتوانید رنگ دلخواهتان را قرار دهید. میتوانید رنگ مورد نظرتان را به صورت کد های رنگی Hex قرار دهید. مثلا کد رنگ سیاه ۰۰۰# است. همچنین اگر با CSS آشنایی داشته باشید میتوانید ویژگی های دیگری نیز برای لینک های کلیک شده یا بازدید شده تعیین نمایید. مثلا در کد زیر لینک های بازدید شده همراه با یک سایه سیاه نمایش داده می شوند.

 

 

 

 

a:visited{
 color:blue;
 text-shadow:#000 0 0 2px;
 }

 

 

 

راهنمایی: کدی که در بالا معرفی کردیم, قابلیت تغییر رنگ را برای تمامی لینک های موجود در سایت فعال میکند. اگر میخواهید فقط لینک های موجود در عنصری خاص به این صورت در آیند از کد زیر استفاده کنید و به جای عبارت class , نام کلاس عنصر مورد نظرتان را قرار دهید.

حتما بخوانید  فیلم آموزش جامع HTML و XHTML فصل پنجم

 

 

.class a:visited{
 color:blue;
 }}

 

 

 

اگر سوالی ، مشکلی بود از بخش دیدگاه ها برای ما ارسال کنید تا پاسختون رو بدیم.

دسته بندی :آموزش طراحی وب


لينك كوتاه اين مطلب : http://www.dadebaran.ir/?p=7680

رمز فايل : DADEBARAN.IR




تبلیغات در داده باران
ارسال دیدگاه

قبل از نوشتن دیدگاه به نکات زیر توجه کنید:
    » نظراتی که با تایپ فارسی نباشند تایید نخواهند شد
    » نظرات تبلیغاتی اسپم محسوب میشوند و IP شخص مسدود خواهد شد.

پاسخ دهید

نکته: نظر شما در انتظار بررسی است و پس از تایید مدیریت در سایت نمایش داده میشود..