جهت ورود به تالار گفتمان سایت کلیک کنید


یکی از کارهایی که تا بحال قادر به انجام آن نبودیم , تغییر رنگ PlaceHolder در input ها می باشد . PlaceHolder یک خاصیت Html می باشد که می تواند متنی را به صورت پیشفرض در input ها قرار دهید تا به محض کلیک کردن بر روی input ها این متن پیشفرض پاک شده و […]

درج ربان سه بعدی با استفاده از Css3 … ترفندی بسیار جالب و ساده با استفاده از Css3 که میتوانید برای تیتر های وب سایت خود استفاده نمایید و طراحی خود را زیباتر نمایید …

یکی از فاکتور های بسیار مهم در بهینه سازی وب سایت و سئو , فشرده سازی فایل های html , css و js میباشد . این کار باعث میشود فضاهای خالی بین کد نویسی گرفته شود که در نتیجه باعث کم حجم تر شدن فایل و در ضمن تفسیر سریعتر کد ها توسط مرورگر میشود […]

در زمان های قدیم تر اکثر Loading ها به صورت فایل عکسی با پسوند gif بود . مشکل اصلی این Loading ها عدم پذیرش افزایش سایز و از آن بدتر , رنگ و کیفیت نامطلوب آن بود . با روی کار آمدن css3 و Jquery راه های آسانتری برای ساخت آنها به وجود آمد که […]

ترفند درج Underline Gradient در حالت Hover به وسیله css3 شما با استفاده از این ترفند میتوانید , یک خط زیبا به صورت Gradient در زمانیکه کاربران بر روی لینک ها Hover میکنند را داشته باشید . همان طور که میدانید به صورت پیش فرض یک خط آبی رنگ معمولی و ساده زیر لینک ها […]

یکی از مسائل مهم و گیج کننده برای بعضی از طراحان وب سایت , موضوع وسط چین کردن تگ های html به بهترین نحو ممکن می باشد . راه های بسیار زیادی در این ضمینه گفته میشود که بعضی از آنها قدیمی و منسوخ شده و بعضی از آنها غیر استاندارد می باشد . سعی […]

یکی از خاصیت های بسیار حرفه ای و زیبای CSS , خاصیت filter میباشد . این خاصیت با مقادیری که دارد , میتوانید عکس مورد نظر خود را به سیاه سفید , تار , سایه و … تبدیل کنید . برای این ساعت از سایت اسکریپت دات کام قصد دارم به آموزش این توابع از […]

همانطور که میدانید به صورت پیشفرض , رنگ جملاتی که در وب سایت select میکنید به صورت زمینه آبی رنگ می باشد . شما میتوانید به راحتی این خاصیت پیشفرض رو تغییر دهید و دیزاین خود را جایگزین کنید . برای این کار به شیوه نامه (style.css) وبلاگ , وبسایت , قالب وردپرس و … […]

تغییر رنگ PlaceHolder در input ها به وسیله Css3

یکی از کارهایی که تا بحال قادر به انجام آن نبودیم , تغییر رنگ PlaceHolder در input ها می باشد .

PlaceHolder یک خاصیت Html می باشد که می تواند متنی را به صورت پیشفرض در input ها قرار دهید تا به محض کلیک کردن بر روی input ها این متن پیشفرض پاک شده و آماده ی تایپ کردن توسط کاربر شود .

ادامه مطلب

فشرده سازی ( MiniFy ) کدها و تاثیر آن بر سئو

یکی از فاکتور های بسیار مهم در بهینه سازی وب سایت و سئو , فشرده سازی فایل های html , css و js میباشد .

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

به این کار در اصطلاح Minify میگویند …

واضح است فشرده سازی یک مشکل جدید را پیش می آورد که همان از بین رفتن چیدمان ( قانون Child & Parent ) کد ها میباشد . پس باید به خاطر داشته باشید زمانی که کدنویسی شما به طور کامل انجام شد , قبل از آپلود کد بر روی سایت این فشرده سازی را انجام دهید .

ادامه مطلب

آموزش ساخت Loader با استفاده از Css3

در زمان های قدیم تر اکثر Loading ها به صورت فایل عکسی با پسوند gif بود .

مشکل اصلی این Loading ها عدم پذیرش افزایش سایز و از آن بدتر , رنگ و کیفیت نامطلوب آن بود .

با روی کار آمدن css3 و Jquery راه های آسانتری برای ساخت آنها به وجود آمد که قصد دارم یک راه بسیار ساده و آسان با استفاده از Css3 را برای شما کاربران گرامی آموزش دهم …

ادامه مطلب

ترفند درج Underline Gradient در حالت Hover

ترفند درج Underline Gradient در حالت Hover به وسیله css3

شما با استفاده از این ترفند میتوانید , یک خط زیبا به صورت Gradient در زمانیکه کاربران بر روی لینک ها Hover میکنند را داشته باشید .

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

ادامه مطلب

ترفند های وسط چین کردن انواع تگ های Html

یکی از مسائل مهم و گیج کننده برای بعضی از طراحان وب سایت , موضوع وسط چین کردن تگ های html به بهترین نحو ممکن می باشد .

راه های بسیار زیادی در این ضمینه گفته میشود که بعضی از آنها قدیمی و منسوخ شده و بعضی از آنها غیر استاندارد می باشد . سعی دارم در این پست بهترین روش های وسط چین کردن تگ ها رو برای شما عزیزان آموزش دهم .

توجه فرمایید که بنده در این پست فقط راه های استاندارد رو بیان میکنم …

ادامه مطلب

آموزش کامل استفاده از خاصیت فیلتر در Css

یکی از خاصیت های بسیار حرفه ای و زیبای CSS , خاصیت filter میباشد . این خاصیت با مقادیری که دارد , میتوانید عکس مورد نظر خود را به سیاه سفید , تار , سایه و … تبدیل کنید .

برای این ساعت از سایت اسکریپت دات کام قصد دارم به آموزش این توابع از css بپردازم که امیدوارم مورد پسند کاربران گرامی قرار گیرد .

یکی از معایب filter ها , عدم پشتیبانی تمامی مرورگرها از این خاصیت می باشد . این خاصیت را در حال حاضر مرورگر های Google Chrome و Opera پشتیبانی میکنند و مرورگر های FireFox , Safari و IE از این خاصیت پشتیبانی نمیکنند .

طبیعتا وب سایتی مورد تایید است که در تمامی مرورگرها یکسان باشد . یعنی از خاصیت هایی استفاده شود تا تمامی مرورگرها قابلیت پشتیبانی از آنها را داشته باشند . ولی این مورد , به معنی عدم استفاده از Filter ها نمی باشد . چون در حال حاضر , 60% مردم دنیا از گوگل کروم استفاده میکنند .

ادامه مطلب

آموزش تغییر استایل selection متن ( متن انتخاب شده در سایت )

همانطور که میدانید به صورت پیشفرض , رنگ جملاتی که در وب سایت select میکنید به صورت زمینه آبی رنگ می باشد .

شما میتوانید به راحتی این خاصیت پیشفرض رو تغییر دهید و دیزاین خود را جایگزین کنید .

برای این کار به شیوه نامه (style.css) وبلاگ , وبسایت , قالب وردپرس و … خود رفته و در این فایل ( معمولا در همان خطهای اول ) این دو شیوه نامه را اضافه کنید .

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

ادامه مطلب