برنامه‌نویسی

CSS دستگرمی

پیش‌نویس: من طراح وب نیستم اگر هم تو کار این دوستان دخالت می‌کنم از روی کنجکاوی و علاقه است و راه انداختن کار خودم 🙂

اکانت توییتر رو بد از مدت ها دوباره فعال کردم. برای استفاده از توییتر بدون دردسر مسائل حاشیه ای، سراغ سرویس دبر رفتم. خوبی این سرویس اینه که یک بار اجازه دسترسی به اکانت توییتر رو بهش میدی و بعد در قسمت تنظیماتش با انتخاب یک پسورد می تونی با نام کاربری توییتر و پسورد دبر وارد اکانت بشی و دیگه نیازی به تایید مجدد نیست.

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

dabr1

به فکر ایجاد تغییراتی درظاهر سایت با استفاده از دستورات CSS افتادم که هم فال بود و هم تماشا. یکی از توانایی های براوزرهای نسل جدید پشتیبانی از افزونه هاست. یکی از این افزونه های پرکاربرد Stylish است که برای گوگل کروم از اینجا و برای فایرفاکس از اینجا می تونید نصبش کنید.

با کمک Stylish می تونید ظاهر وبسایت ها رو به خواست خودتون تغییر بدید. می تونید از تنظیماتی که دیگران آماده و آپلود کردن استفاده کنید و یا خودتون با آشنایی با CSS یک استایل رو آماده کنید.

من ابتدا از استایلی که دوستی نوشته بود استفاده کردم ولی اون هم یه سری مشکل داشت. از جمله ترکیب رنگش که خسته کننده بود برای من و اینکه آواتارها رو نمی خواستم ببینم ضمن اینکه می  خواستم شخصیترش هم بکنم . این شد که با انجام یه سری تغییرات نهایتا به این شکل شد:

Dabr 2

 

راست به چپ شدن نوشته‌ها، ترکیب رنگ بنفش و مشکی، تغییر رنگ  لینک‌ها، حذف آواتارها، برجسته شدن ریتوییت کننده و یه سری تغییرات کوچیک دیگه داشته.

یه نکته مثبت این کار داشت و اونهم اینکه یاد گرفتم چطور از تاخیر زمانی و یا تغییرات با مدت زمان طولانی تر استفاده کنم که نتیجه کار تغییر رنگ ناگهانی نباشه برای مثال. نمونه اش رو میتونید با مکث روی گزینه های منوی اصلی ببینید که با گذشت زمان رنگ نوشته ها از مشکی به قرمز تغییر می کنند.

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

 

Standard