امروز : یکشنبه ۳۰ اردیبهشت ۱۳۹۷ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

قالب های اختصاصی فروشگاه

نمایش همه

افزونه های اختصاصی فروشگاه

نمایش همه
139 بار
آموزش ابزار Balloon.css

در این مقاله میخواهیم به اموزش Ballon.css بپردازیم . تا این امکان برامون فراهم بشه که بتونیم برای المنت های مورد نظرمون Tooltip قرار بدهیم. اضافه کردن ویژگی های مختلف به Tooltip موردنظرتان با این ابزار به راحتی انجام میگیرد.در این ابزار فقط از کد Css استفاده شده است و هیچ گونه کد JavaScript  وجود ندارد. شروع کار با Balloon.css در ابتدا یک فایل بنام Balloon.html به وجود میاریم کدهای زیر رو درونش قرار میدیم: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <meta http-equiv=”X-UA-Compatible” content=”IE=edge”> <title>Balloon.css</title> </head> <body> <!–your code–> </body> </html>   در این قسمت کد های html  رو قرار میدهیم.و برای افزودن Balloon.css میتوانیم فایل دانلود شده را در تگ link  قرار دهیم: <link rel=”stylesheet” href=”./balloon.css”> روش دیگه ای برای استفاده از این ابزار وجود دارد به این صورت که می توان طبق کد زیر CDN  ابزار را در پروژه قرار داد. <link rel=”stylesheet” href=”https://cdnjs.cloudflare.com/ajax/libs/balloon-css/0.5.0/balloon.min.css”> همان طور که مشاهده […]

دسته بندی : آموزش css ۰ دیدگاه تاریخ : ۱۱ دی ۱۳۹۶ ادامه مطلب ...
160 بار
نمایش  GIF با استفاده از x-gif

در این مقاله میخواهیم بهتون آموزش بدیم که چطور میشه gif دلخواهتان را سفارشی سازی کنید و هر طور که میخواهید نمایش دهید. این ابزار X-Gif نام دارد که این امکان را به شما میدهد که gif هایتان را به صورت های مختلفی نمایش دهید.این ابزار یک المنت سفارشی ساخته شده در حوزه ی Web Componnet است که هدف از ساخت آن توانایی تغییر در نحوه ی نمایش تصاویر gif است.   امکانات X-Gif : 1-تغییر در سرعت نمایش تصاویر gif 2-هماهنگ شدن تصویر gif  با فایل صوتی 3-ایجاد حالت ping pong برای به وجود آوردن تصاویر رفت و برگشتی 4-نمایش برعکس gif از آخر  به اول مرورگر ها معمولا از Web Component پشتیبانی نمیکنند به همین دلیل روشی را توضیح می دهیم که در مرورگر هایی که پشتیبانی نمیکنند هم بتوان از آن استفاده کرد. نحوه استفاده از نحوه استفاده از X-Gif : کد ها رو درتگ Head  قرار […]

دسته بندی : آموزش css ۰ دیدگاه تاریخ : ۹ دی ۱۳۹۶ ادامه مطلب ...
465 بار
رنگ دهی به نوار آدرس سایت در موبایل

رنگ دهی به نوار آدرس سایت: امروز می خواهیم یک روش بسیار جذاب برای زیبا سازی وب سایتتان به شما معرفی کنیم. در برخی از سایت ها مانند سایت خارجی instagram.com ، زمانی که در گوشی موبایل باز می شوند، دارای نوار آدرس رنگی در نمایش دستگاه موبایل هستند که فضای زیبا و دلپذیر تری را برای کاربر به نمایش می گذارد و البته این نکته را در نظر داشته باشید که رنگ بندی نوار آدرس تنها در حالت موبایل تغییر کرده و فقط در گوشی های اندرویدی و ویندوز فون جوابگو می باشد.  باید خاطر نشان شوم که بر روی سئو سایت شما تاثیری نخواهد گذاشت.     اگر شما نیز علاقه داریدکه نوار آدرسی با رنگ دلخواه خود در نمایش وب سایتتان در موبایل داشته باشید با ما همراه باشید تا در این قسمت از آموزش وردپرس وبیت نحوه ی ایجاد آن در اختیار شما عزیزان قرار دهم. رنگ […]

447 بار
آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس

  اضافه نمودن Css سفارشی به سایت وردپرس: گاهی اوقات نیاز داریم تا تغییراتی در تم سایت وردپرس خود با استفاده از Css های سفارشی، استایل های جدید منحصر به فردی ایجاد نماییم. اگر استفاد از ftp  برایتان گیج کننده است، راه های ساده تری نیز برای اضافه نمودن Css های سفارشی وجود دارد. ما در این مقاله به شما آموزش خواهیم داد که چگونه Css های سفارشی را بدون ویرایش قالب سایت خود اعمال نمایید. آموزش روش های مختلف اضافه نمودن Css سفارشی در سایت وردپرس ما در این قسمت از آموزش وردپرس وبیت برای شما دو روش را معرفی و به مقایسه ی آنها می پردازیم. می توانید قبل از هر چیز مقالات آموزش برنامه نویسی Css ما را مطالعه فرمایید. 1) اضافه نمودن Css سفارشی با استفاده از شخصی سازی سایت از آنجایی که ژس از نسخه 4.7  و به بعد وردپرس کربران می توانند به طور مستقیم […]

دسته بندی : آموزش ، آموزش وردپرس ، افزونه ، افزونه وردپرس ۰ دیدگاه تاریخ : ۲۱ خرداد ۱۳۹۶ ادامه مطلب ...
852 بار
آموزش مقدماتی ویژگی های Css (قسمت دوم)

آموزش مقدماتی ویژگی های Css: پس از جلسه اول آموزش مقدماتی ویژگی های Css  ، در این قسمت به ادامه اموزش در جلسه دوم می پردازیم. با ما همراه باشید.   در جلسه گذشته درباره تنظیم طول و عرض عناصر، تنظیم پس زمینه و تنظیم قلم و فونت در زبان برنامه نویسی Css  با ذکر مثال هایی صحبت کردیم. در این قسمت از آموزش Css  به توضیح ادامه ویژگی های Css می پردازیم.   تنظیم متن و نوشته CSS Styling Text Text Color ویژگی color برای تعیین رنگ عناصر می باشد. این ویژگی به سه روش مقداردهی می شود. شیوه استفاده توضیح مثال استفاده از نام رنگ  147 نام رنگ تعریف شده در زبان CSS و Html به کار گرفته می شود. Green سبز استفاده از کد ترکیبی یا همان عدد دهدهی در این روش از کد رنگ به صورت (rgb(r,g,b است که r و g و b به ترتیب شدت رنگ های قرمز ، […]

دسته بندی : آموزش ، آموزش css ۰ دیدگاه تاریخ : ۱۸ خرداد ۱۳۹۶ ادامه مطلب ...
435 بار
آموزش مقدماتی ویژگی های Css (قسمت اول)

ویژگی های Css: در این قسمت به آموزش مقدماتی ویژگی های Css می پردازیم. با ما همراه باشید. تنظیم طول و عرض ( Height , Width ) عناصر در CSS تنظیم ابعاد در CSS برای تنظیم ابعاد المان های ایجاد شده توسط زبان برنامه نویسی Css می توانیم از ویژگی های مختلفی استفاد نماییم که مهمترین آن ویژگی Width و Height می باشد. در این قسمت از آموزش Css برخی ویژگی های تعریف شده در CSS را برای شما معرفی می نماییم و مثال هایی را ارائه می دهیم. height و width این دو ویژگی در تمامی  مرورگر ها پشتیبانی می شود و برای تعییین طول و عرض استفاده می شوند. .right-side { height:100px; } عرض استاندارد برای طراحی سایت : برای تعیین عرض استاندارد در طراحی وب سایت بهتر است که با توجه به رزولیشن استاندارد صفحات وب که به طور معمول استفاده می شود (768*1024) بهتر است تا عرض را روی 980px تنظیم […]

دسته بندی : آموزش ، آموزش css ۱ دیدگاه تاریخ : ۱۷ خرداد ۱۳۹۶ ادامه مطلب ...

 ساختمان ساختمان ساختمان