آموزش جدول در بوت استرپ – جدول ریسپانسیو در bootstrap در این مقاله آموزش جدول در بوت استرپ را با کلاس table-condensed ، کلاس های متنی برای رنگی کردن سطر یا سلول جدول و ریسپانسیو کردن جدول ادامه خواهیم داد پس خواندن این مقاله که توسط تیم طراحی قالب وردپرس وب یار تهیه شده را از دست ندهید. در قسمت اول آموزش جدول در بوت استرپ قبلی کلاس table-bordered ، کلاس table-hover و کلاس table-striped برای ایجاد جدول توضیح داده شد. کلاس table-condensed برای جدول در بوت استرپ برای فشرده کردن جدول باید کلاس table-condensed را به تگ table اضافه کنیم. کلاس table-condensed با نصف کردن padding خانه ها جدول را متراکم می کند تا فضای کمتری اشغال کند. در کد زیر نحوه ی استفاده از این کلاس نشان داده شده است. <table class=”table table-condensed”> <thead> <tr> <td>Class</td> <td>Description</td> </tr> </thead> <tbody> <tr> <td>.active</td> <td>Applies the hover color to the table row or table cell</td> </tr> <tr> <td>.success</td> <td>Indicates a successful or positive action</td> </tr> <tr> <td>.info</td> <td>Indicates a neutral informative change or action</td> </tr> </tbody> </table> خروجی این کد را می توانید در تصویر زیر مشاهده کنید. کلاس table-condensed کلاس های متنی برای تغییر رنگ جدول با استفاده از کلاس های متنی در بوت استرپ می توان یک سطر ( همان tr ) یا یک سلول ( همان […]
آموزش ایجاد جدول در Bootstrap با سلام به همراهان همیشگی تیم طراحی سایت اصفهان وب یار، این جلسه در راستای یادگیری بوت استرپ با آموزش جدول در بوت استرپ همراه شما عزیزان هستیم. در مقالات گذشته نحوه ی شبکه بندی در بوت استرپ و استایل دهی به متن در بوت استرپ آموزش داده شد. در این آموزش به ایجاد جدول، کلاس table-bordered ، کلاس table-hover و کلاس table-striped پرداخته می شود. همراه ما باشید تا خیلی واضح و ساده با جدول در بوت استرپ آشنا شوید. ایجاد جدول در بوت استرپ برای ایجاد جدول در بوت استرپ از کلاس table در تگ table استفاده می کنیم. جدول پایه بوت استرپ به طور پیش فرض شامل خطوط افقی است و padding دارد. کلاس table، استایل مقدماتی را به جدول اضافه می کند و کلاس table-striped جدول را به صورت راه راه در می آورد. در کد زیر با نحوه ی استفاده از این کلاس ها آشنا می شوید. <table class=”table”> <thead> <tr> <td>Class</td> <td>Description</td> </tr> </thead> <tbody> <tr> <td>.active</td> <td>Applies the hover color to the table row or table cell</td> </tr> <tr> <td>.success</td> <td>Indicates a successful or positive action</td> </tr> <tr> <td>.info</td> <td>Indicates a neutral informative change or action</td> </tr> </tbody> </table> <br><br> <table class=”table table-striped” style=”background:#b3b3ff;”> <thead> <tr> <td>Class</td> <td>Description</td> </tr> </thead> <tbody> <tr> <td>.active</td> <td>Applies the hover color to […]
مفهوم طراحی سایت Responsive یا طراحی سایت ریسپانسیو با توجه به اینکه امروزه فناوری اطلاعات و اینترنت بخش بزرگی از زندگی روزمره را در برگرفته است و می بایست طیف گسترده ی دستگاه هایی که با استفاده از آنها می توان به اینترنت دسترسی داشت را در نظر گرفت، مطرح گردید. بنابراین انعطاف پذیری سایت، یا طراحی سایت Responsive یکی از مهمترین شاخص های یک طراحی سایت با کیفیت است. و البته عامل پیشرفت کسب و کار اینترنتی می گردد. در این مقاله قصد داریم بهتر و دقیق تر به این موضوع بپردازیم. طراحی سایت ریسپانسیو چیست؟ طراحی ریسپانسیو (responsive) یا واکنش گرا، طراحی سایت به روشی است که سایت با ابعاد و رزولوشن دستگاه های مختلف سازگاری داشته باشد. در طراحی سایت ریسپانسیو، کاربران در تمامی دستگاه ها مانند تلفن های همراه، لپ تاپ، تبلت و یا نمایشگرهای بزرگ مانند کامپیوتر های رومیزی می توانند به راحتی سایت را بررسی کنند و دیگر نیازی نیست که سایز صفحه را تغییر دهند و از عملیات ZOOM استفاده کنند. حدود 50 درصد از کاربران اینترنتی از گوشی موبایل برای مشاهده سایت ها استفاده می کنند. حال در نظر بگیرید که یک سایت ریسپانسیو نباشد و به درستی در تلفن های همراه نمایش داده نشود، در این صورت این سایت تعداد زیادی از کاربران را از دست خواهد داد. در این جا ممکن است این سوال پیش بیاید […]
با سلام به همه دوستاران طراحی وب سایت با سی ام اس قدرتمند دروپال برای آموزش نصب دروپال بروی هاست مخصوصا لوکالهاست در کامپیوتر شخصی خود از زمپ xampp استفاده نمایید که بهینه تر از wamp یا ampp است. منبع آموزش دروپال کار drupalkar.com است که مطالب ارزنده ای را منتشر میکند. آموزش نصب دروپال روی لوکال هاست xampp نصب, دروپال, دروپال ۷, لوکال,نصب جوملا, هاست, لوکال هاست, لوکال xampp, نصب جوملا فارسی, نصب تصویری جوملا, نصب جوملا روی هاست,دروپال فارسی,پشتیبانی دروپال,فارسی سازی دروپال,ترجمه دروپال,سیستم مدیریت محتوای دروپال,طراحی قالب برای دروپال,فارسی سازی افزونه دروپال,ترجمه افزونه دروپال,فارسی سازی قالب های دروپال,آموزش دروپال,طراحی قالب دروپال,آموزش دروپال برای تازه کارها,سیستم مدیریت سایت دروپال نصب برنامهی زمپXAMPP برای نصب کردن دروپال بروی لوکال هاست ،به یک سرور (Server)، پایگاه داده (Database)، و یک زبان برنامهنویسی (Programming Language) احتیاج خواهیم داشت، که XAMPP به راحتی برای ما بعد از طی چند مرحله آن را نصب میکند. سرور، پایگاه داده، و زبانهای برنامهنویسی که زمپ (XAMPP) برای ما نصب میکند، عبارتند از: – سرور: آپاچی (Apache) – پایگاه داده: مایاسکیوئل / مایسکوئل (MySQL) – زبانهای برنامهنویسی: پیاچپی (PHP) و پرل (Perl) – که دروپال از پیاچپی استفاده میکند. البته یک سری برنامهی مفید دیگر هم (مثل phpMyAdmin) در کنار برنامههای بالا نصب میشوند. نکته: اگر دقت کنید، نام برنامهی XAMPP هم از ابتدای نام همانها که […]
امروزه فروشگاه های اینترنتی زیادی مانند سایت فروشگاهی ووکامرس در دنیا وجود دارند. این فروشگاه های اینترنتی در فروش بسیاری از محصولات مورد استفاده قرار می گیرند. برای داشتن یک فروشگاه اینترنتی لازم است یک وب سایت داشته باشیم که بتوانیم محصولات خود را در آن قرار داده و بفروش برسانیم. در این نوشته می خواهیم شما را با فروشگاه اینترنتی ووکامرس و مزیت های این فروشگاه آشنا کنیم. همچنین می توانید از طراحی سایت فروشگاهی ما بازدید کنید. ووکامرس چیست؟ ووکامرس افزونه ای به زبان php و مبتنی بر وردپرس می باشد. با استفاده از ووکامرس می توانید یک فروشگاه اینترنتی کامل و جامع داشته باشید. این افزونه توسط تیم woothemes، مایک جولی، جیمز کاستر، کلاودیا سانچز و بری کوییج ساخته شده است و بیش از ۶۸۰۰۰۰۰ بار دانلود شده است که با توجه به این آمار، به محبوبیت روز افزون این افزونه پی می بریم. با استفاده از فروشگاه اینترنتی ووکامرس به راحتی می توانید تصاویری از محصول و توضیحاتی از آن را در سایت خود قرار دهید و مشتریان بعد از انتخاب کردن محصول پول محصول موردنظر را پرداخت کرده و آن را دریافت کنند. با استفاده از سایت فروشگاهی ووکامرس می توانید محصولات خود را به دو صورت به فروش برسانید: 1) محصولات را به صورت پستی ارسال کنید در این حالت زمانی که […]
فرم ثبت نام وردپرس بدون افزونه و با افزونه در این آموزش می خواهیم چگونگی ساخت فرم ورود در وردپرس را به شما آموزش دهیم. در این آموزش هم راهنمای ساخت فرم با افزونه و هم ساخت صفحه لاگین وردپرس بدونه افزونه را ارائه کرده ایم. تا انتهای مقاله همراه ما باشید. ایجاد فرم login با استفاده از افزونه و بدون افزونه چگونه می باشد؟ قصد تیم با تجربه طراحی سایت اصفهان وب یار از نوشتن این مقاله، ایجاد صفحه ی ورودی است که نام و رمز کاربران را دریافت می کند و پس از اطمینان حاصل کردن از درستی اطلاعات، آن ها را به پیشخوان وردپرس می فرستد. این هدایت می تواند بدون افزونه انجام گیرد اما در این آموزش خواهید دید که چگونه با استفاده از افزونه این کار را انجام می دهیم. ساختن نمونه صفحه لاگین بدون نیاز به افزونه برای ساخت صفحه ورود و ثبت نام برای وردپرس بدون افزونه، در ابتدا به یک فرم که در حقیقت همان فرم login می باشد نیاز داریم. که فرم login مورد نظر را می توانیم خودمان طراحی کرده. و یا از فرم هایی به صورت آماده استفاده کنیم. بعد از آن باید به فایل function برویم و کد زیر را در آن بگذاریم. در کد نوشته شده در بالا تابع dlf_auth […]