0

هیچ محصولی در سبد خرید نیست.

طراحی سایت در اصفهان, سئو سایت اصفهان, ساخت سایت اصفهان, طراحی سایت حرفه ای اصفهان, بهینه سازی سایت , بازاریابی و دیجیتال مارکتینگ 09133886881 احمدپور

آرشیو مطالب
آموزش دکمه ها در بوت استرپ

سایز دکمه ها در بوت استرپ – آموزش بوت استرپ در این مقاله، آموزش دکمه ها در بوت استرپ را خواهید خواند که توسط تیم طراحی سایت اصفهان وب یار برای شما عزیزان آماده شده است. در این آموزش شما با دکمه ها در بوت استرپ، روش های مختلف ایجاد دکمه، سایز دکمه ها در بوت استرپ، ایجاد دکمه با عرض کامل و دکمه های فعال و غیر فعال در بوت استرپ آشنا می شوید. دکمه ها برای اهداف مختلفی مانند submit یا reset کردن یک فرم، نمایش دادن یا مخفی کردن یک مطلب در سایت و موارد دیگر استفاده می شوند. بنابراین دکمه ها یک بخش لازم در طراحی سایت هستند. در ادامه همراه ما باشید تا با دکمه ها در بوت استرپ آشنا شوید. معرفی دکمه ها در bootstrap همانطور که می دانید تگ button برای ایجاد دکمه استفاده می شود. حال برای این که استایلی را که بوت استرپ برای دکمه ها در نظر گرفته است، به تگ button اضافه کنیم، کافی است از کلاس های بوت استرپ برای دکمه ها استفاده کنیم. این کلاس ها به شرح زیر می باشد. btn-default  : برای ایجاد یک دکمه ی پیش فرض به رنگ خاکستری است. btn-primary  : برای مشخص کردن دکمه ی اصلی از این کلاس استفاده می شود. btn-success  : این کلاس مشخص کننده ی یک عملیات […]

آموزش هشدارها در بوت استرپ

هشدارها در بوت استرپ در مبحث آموزش بوت استرپ، در این بخش میخوایم با آموزش مبحث هشدارها در بوت استرپ ادامه دهیم. در این آموزش شما با انواع هشدارها در بوت استرپ، بستن آن ها و کلاس alert-link آشنا خواهید شد. هشدارها برای نمایش اعلان به کاربر استفاده می شوند. در واقع هر کدام از هشدارها یک باکس رنگی متفاوت را ایجاد می کنند که با مضمون پیام همخوانی دارد. در ادامه با تیم طراحی سایت اصفهان وب یار همراه باشید تا نحوه تنظیم هشدارها را باهم بیاموزیم.   انواع هشدارها در بوت استرپ برای ایجاد هشدار از کلاس alert در تگ div استفاده می شود. این هشدارها می توانند مشخص کننده یک عملیات موفقیت آمیز، یک عمل خنثی، اطلاعات هشداردهنده و یا عملیات خطرناک باشند که با نوشتن کلاس های زیر در ادامه ی کلاس alert می توانید نوع هشدار را برای کاربر مشخص کنید. alert-success: این هشدار نشان دهنده ی یک عمل مثبت یا موفقیت آمیز است. alert-info: این هشدار یک سری اطلاعات مفید را در اختیار کاربران قرار می دهد. alert-warning: این جعبه ی هشدار، یک هشدار به کاربر می دهد. alert-danger: این هشدار مشخص کننده ی یک اطلاعات منفی یا خطرناک است. در کد زیر می توانید نحوه استفاده از این کلاس ها را مشاهده کنید.

خروجی این کد در تصویر زیر نمایش داده شده […]

رویداد hover در جی کوئری

آموزش رویداد hover در جی کوئری: در این جلسه از آموزش های جی کوئری به معرفی و آشنایی بیشتر با یکی از پرکاربرد ترین عناصر زبان جی کوئری در طراحی افکت های زیبا بنام رویداد hover خواهیم پرداخت همین طور سعی می کنیم با آوردن مثال کاربردی، استفاده از رویداد hover را برای شما ملموس تر سازیم. با تیم طراحی سایت اصفهان وب یار همراه باشید. در رویداد hover  شما می توانید از وجود دو تابع به صورت همزمان در هنگام عبور موس از روی عنصر مورد نظر بهره مند شوید. تابع اول در هنگام ورود موس بر روی عنصر و تابع دوم در هنگام خروج موس از روی عنصر اجرا می شود. به عبارت دیگر شما می توانید تعیین کنید زمانی که موس بر روی عنصر رفت چه اتفاقی رخ دهد و زمانی که موس از روی عنصر برداشته شد چه اتفاقی بیافتد. یعنی دو حالت را تعریف کنید.   شکل کلی استفاده از این متد به شرح زیر است:

selector : selector ، تعیین کننده  عنصری است که می خواهیم رویداد hover  هنگام عبور از روی آن اتفاق بیفتد . inFunction : این تابع زمانی اتفاق می افتد که موس بر روی عنصر مورد نظر وارد می شود . یعنی زمانی  که رویداد mouseenter رخ می دهد . outFunction : این تابع زمانی اتفاق می افتد که […]

متد text در جی کوئری

درس هشتم :  متد text در jQuery  در قسمت های قبلی آموزش جی کوئری درباره قواعد دستوری ، رویداد ها ، انتخابگرها در جی کوئری صحبت کردیم؛ همین طور سعی شد تا به صورت مختصرشما را با Ajax و متدهای get وpost در Ajax آشنا سازیم. در ادامه سعی داریم تا کمی کاربردی تر به توضیح متدها و توابع jquery بپردازیم. جی کوئری برای مدیریت عناصر صفحه متدهایی در اختیار شما قرار می دهد. به کمک برخی از این متدها ( text ،html ،attr و val) می توانید به مقادیر عناصر دسترسی داشته باشید . مقادیری را به یک عنصر نسبت دهید و یا از آن عنصر بخوانید. دراین قسمت از آموزش جی کوئری قصد داریم تا متد text در جی کوئری را به شما همراهان طراحی سایت اصفهان وب یار معرفی کنیم.   توانمندی های متد text  در جی کوئری : متد text می تواند متن موجود در یک عنصر HTML مثل یک تگ را خوانده و در خروجی نمایش دهد. متد text می تواند متن یک عنصر HTML مثل تگ پاراگراف را به متن دلخواه و تعیین شده تغییر دهد.   توجه داشته باشید که : هنگامی که متد text در جی کوئری برای بازگرداندن متن استفاده می شود. متن تمام عناصری که با مشخصات داده شده توسط شما مطابقت دارند را بازمی گرداند. ( این متد علامت های […]

آموزش متد get و متد post در Ajax جی کوئری

آموزش متد get و Post در Ajax جی کوئری : از آنجایی که طراحان سایت باید با ارسال و دریافت اطلاعات به صورت پنهانی و در پشت زمینه (بدون رفرش صفحه) . همین طور استفاده از دو شیوه استاندارد برای رد و بدل کردن محتوا بین صفحات وب و فایل های سرور آشنا باشند. در این قسمت قصد داریم ، با هم در رابطه با کتابخانه بسیار کارآمد Ajax در جی کوئری ، دو متد get و متد post آن صحبت کنیم . پس با طراحی سایت اصفهان وب یار همراه باشید.   تکنولوژی Ajax چیست ؟ تکنولوژی Ajax برای اولین بار جهت استفاده از داده های xml در جاوا اسکریپت ایجاد شد. Ajax  یک زبان برنامه نویسی نیست. از تکنولوژی Ajax برای ارتباط با سرور از طریق جاوااسکریپت و ایجاد صفحات داینامیک استفاده می شود. واژه Ajax مختصر شده ی عبارت (Asynchronous JavaScript and XML) است. تکنولوژی Ajax به معنی نقل و انتقال داینامیک و غیرهمزمان اطلاعات در صفحات وب، بدون بارگذاری مجدد (reload) آنها است. منظور از غیرهمزمانی این است که با ارسال یک درخواست مبتنی بر Ajax نیازی به بارگذاری مجدد صفحه وب نیست. به طور مثال فرض کنید. بخواهید بخش کوچکی از قسمت مدیریت سایت خود را (مانند بخش تعداد آخرین نظرات) را  به روزرسانی کنید. در حالت معمول برای انجام این کار راهی جز refresh […]

آموزش رویداد ready در جی کوئری

درس ششم :  رویداد ready در جی کوئری در این قسمت از آموزش می خواهیم با  رویداد ready، یکی از پرکاربردترین رویدادهای جی کوئری که تقریبا در هر کد اسکریپتی با آن مواجه هستید آشنا شویم. با تیم طراحی سایت اصفهان وب یار همراه باشید.   هدف از تابع Ready () چیست؟ متد ready() یک متد داخلی در جی کوئری است که به بارگیری کل صفحه و سپس اجرای بقیه کد کمک می کند. این روش تابعی را مشخص می کند که در زمانی که DOM به طور کامل بارگذاری می شود اجرا شود.   رویداد ready در جی کوئری: در یک صفحه وب زمانی که شی DOM به طور کامل لود شده و همچنین صفحه نیز به طور کامل لود شده باشد ( حتی تصاویر آن )،در واقع رویداد ready اتفاق می افتد. به دلیل اینکه این رویداد پس از لود شدن کامل صفحه اتفاق می افتد، می تواند مکان مناسبی برای قرار دادن کدها و توابع جی کوئری باشد. پس می توانید از این خاصیت رویداد ready استفاده کنید و رویدادها و توابعی که می خواهید به محض تمام شدن عملیات load صفحه اجرا شوند را در این تابع قرار دهید. نحوه استفاده از  رویداد ready :

یا می توانید بدون به کار بردن نام سند بر روی صفحه جاری نیز، تابع را اجرا نمود.

Document […]