لینک و دکمه و سایت اطلاع‌رسانی داخلی

توی پست قبلی گفتم که یک سایت اطلاع رسانی داخلی برای شرکت درست کردم و داخل اون را با مطالبی در مورد امور اجرایی و اطلاعیه‌های اداری و در نهایت آموزش سیستم اتوماسیون اداری شرکت پر کردم، یکی از مواردی که توی شیوه نمایش سایت برام مهم بود جلب توجه کردن لینکهای داخل متن بود، تصمیم گرفتم که لینکها را به صورت این‌لاین در کنار مطالب اصلی به صورت دکمه نشان بدم تا توجه پرسنل بهشون بیشتر جلب بشه، مخصوصاً در آموزش سیستم اتوماسیون اداری که دیدم بچه‌ها متوجه اون لینکهایی که در داخل متنها استفاده کرده‌ام نشدند.

خب طبق معمول به جای اینکه خودم حدود ده دقیقه وقت بزارم و اون چیزی که میخوام رو طراحی کنم یک جستجویی داخل سایت stackoverflow کردم و این نتیجه رو دیدم.

.button {
font: bold 11px Arial;
text-decoration: none;
background-color: #EEEEEE;
color: #333333;
padding: 2px 6px 2px 6px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}

 


البته با این توضیح که من سلکتور رو برای لینکهایی که داخل پاراگراف بودند گذاشتم یعنی p a نه دکمه. فونت هم طبعاً دوست نداشتم مخالف متن کناریش باشه و اون قسمت از کد رو هم حذف کردم. خلاصه با گوگل و سایت استک‌اورفلو میشه در روند کارها تسریع کرد و به قول مهندسین کنترل پروژه ایرانی Fast Track

پست شده در خاطرات

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

*

one + seven =