نکات ریز طراحی وب

بسمه تعالی
با سلام و خوش آمد گویی !
توی طراحی وب یه سری نکات ریز هست که وقتی ما یه زبان برنامه نویسی تحت وبو از یه کتاب یاد می‌گیریم نوشته نشدن یا مثلا استاد توی کلاس‌ها وقت نشده بگه، توی این وب نکاتی رو که یه طراح سایت ممکنه بهش بربخوره و ندونه رو می‌نویسم. امیدوارم دوستانی هم که تو طراحی با این مشکلات مواجه می‌شن با خوندن این وب اشکلاتاتشون رفع بشه.

طبقه بندی موضوعی

۴ مطلب در فروردين ۱۳۹۳ ثبت شده است

جمعه, ۲۹ فروردين ۱۳۹۳، ۰۳:۱۱ ب.ظ

تنظیم margin-top برای label در Css

اگه بخواین برای لیبلتون استایل بدین میبینین که margin-top توی لیبل کار نمیکنه برای اینکه این margin-top رو تنظیم کنیم باید مقدار display رو block تنظیم کنیم به طور مثال :
<"asp:Label runat="server" Style="display:block; margin-top:250px>

 

۰ نظر موافقین ۰ مخالفین ۰ ۲۹ فروردين ۹۳ ، ۱۵:۱۱
مهر آ.
جمعه, ۱۵ فروردين ۱۳۹۳، ۰۶:۲۱ ب.ظ

متن پیش فرض داخل تکست باکس در Asp

توی اکثر سایت ها معمولا یه تکست باکس برا جستجو یا برای عضویت در خبرنامه یا موارد دیگه قرار میدن که یه متنی توش نوشه میشه که شرح میده اون تکست باکس برای چیه مثلا مینویسن "جستجو" که  شما روش کلیک میکنین و متن مورد نظر خودتونو مینویسین برای انجام این کار کافیه خاصیت placeholder تکست باکس رو اون متنی که میخوایم نمایش داده بشه تنظیم کنیم به طور مثال :
<"جستجو"=asp:TextBox runat="server" placeholder>

۱ نظر موافقین ۰ مخالفین ۰ ۱۵ فروردين ۹۳ ، ۱۸:۲۱
مهر آ.
جمعه, ۱۵ فروردين ۱۳۹۳، ۱۲:۲۲ ب.ظ

وسط چین کردن کنترل ها در Asp

تو asp.net برای وسط چین کردن کافیه margin : 0 auto تنظیم کنیم اما وقتی میخوایم بعضی کنترل ها رو مثل لیبل یا تکست باکسو وسط چین کنیم به مشکل برمیخوریم برای حل این مشکل میتونیم از تگ center استفاده کنیم ولی چون این تگ منسوخ شده بهتره از این روش استفاده نکنیم برای وسط چین کردن کافیه اول display رو block کنیم بعد خاصیت text-align رو center تنظیم کنیم.

مثلا وقتی میخوایم یه label و وسط چین کنیم:

<"asp:Label runat="server" Style="display:block; text-align:center>


۰ نظر موافقین ۰ مخالفین ۰ ۱۵ فروردين ۹۳ ، ۱۲:۲۲
مهر آ.
Normal 0 false false false EN-US X-NONE AR-SA MicrosoftInternetExplorer4

وقتی که میخوایم متن یه label رو یا textbox رو یا حالا یه متنی رو زیر خط دار کنیم وقتی که ماوس روش قرار میگیره در واقع باید برای رویداد onmouseenter کد بنویسیم برای مثال :

یا برای تغییر رنگ متن :

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

حالا اگه بخوایم وقتی ماوس از روی متن خارج شد رنگ متن به حالت اولیه برگرده یا زیرخط حذف بشه باید همین دستورات رو تو رویداد onmouseout بنویسیم مثال حذف زیر خط متن وقتی ماوس از روی متن خارج میشه :

در واقع ما از دستورات جاوااسکریپت استفاده کردیم که دارای رویدادهای زیادی هست و خیلیم کاربردین اما شرح دستورات با چن تا مثال :

 

}onmouseenter

;'this.style.backgroundcolor='red

;'this.style.display='none

;'this.style.display='block

;'this.style.cursor='pointer

{

توضیح مثال بالا : اول باید دقت کنیم که چهار خط دستور بالا داخل رویداد onmouseenter نوشته شدن یعنی هر وقت اشاره گر ماوس وارد اون کنترلی که ما این رویدادو براش نوشتیم بشه این دستورات اجرا میشه this به کنتری که داریم براش کد مینویسیم اشاره میکنه یعنی برای اینکه لازم نباشه اسم کنترل رو ذکر کنیم از this استفاده میشه بعد مشخص میکنیم که میخوایم استایل های این کنترل رو تغییر بدیم و بعد اسم اون صفتی که میخوایم تغییر بدیمو مینویسیم برای مثال اولین خط رنگ پس زمینه رو قرمز میکنه دومین خط اون کنترل رو مخفی میکنه ینی نشون داده نمیشه چون این دستور داخل onmouseenter نوشته شده به محض این که اشاره گر ماوس روی این کنترل قرار بگیره اول رنگ پس زمینه قرمز میشه بعد نشون داده نمیشه تو سومین خط گفتیم دوباره کنترل رو نشون بده اگه display رو block قرار بدیم نشون داده میشه و در اخرین خط گفتیم هر وقت اشاره گر وارد این کنترل شد اشاره گر ماوس به صورت pointer نشون داده بشه

۰ نظر موافقین ۰ مخالفین ۰ ۱۵ فروردين ۹۳ ، ۱۲:۲۱
مهر آ.