دیجی اسکریپت

دیجی اسکریپت | صفحه 40 از 341 | دانلود رایگان اسکریپت

معرفی خاصیت های پرکاربرد CSS

معرفی خاصیت های پرکاربرد CSS

جلسه هشتم: معرفی خاصیت های پرکاربرد CSS

یک سلام پر انرژی به شما همراهان دوست داشتنی میهن وردپرس. طبق قرار همیشگی مان ، فنجان قهوه و موزیک پست راکتان که آماده است؟ خب اگر یادتان باشد در جلسات قبلی تگ های پرکاربرد html را با همدیگر یاد گرفتیم. تعدادشان هم زیاد نبود. از این جلسه به بعد می خواهیم خاصیت های شیرین و دوست داشتنی CSS را با همدیگر یاد بگیریم که تعدادشان کمی بیشتر است. آماده اید؟ پس بزن بریم!

راستی! قبل ازینه بخواهیم خاصیت های css را با هم یاد بگیریم ، موردی وجود دارد تحت عنوان CSS reset که بهتر است همین ابتدا با هم بزنیم توی گوشش!

CSS reset چیست؟

هر مرورگری که ما از آن استفاده میکنیم ، استایل های پیشفرض مختص به خود را دارد. یعنی اگر یک استایل برای همه مرورگرها در نظر نگیریم سایتمان در هر مرورگر به نحوی نمایش داده میشود. پس ما می آییم یک استایل پیشفرض که سایتمان را در تمام مرورگرها به یک صورت نمایش می دهد تعریف می کنیم. به این می گویند CSS reset خلاص!

از این سایت می توانید فایل CSS reset را دانلود کنید و به ابتدای فایل CSS ی که ایجاد کرده اید اضافه کنید.

نکته : توصیه میشود css ریست ها را در ابتدای کدهای css و قبل از تمامی کد ها قرار بدهید.

خاصیت color :

با استفاده از این خاصیت می توانیم رنگ متن را تغییر بدهیم. مثلا رنگ متنمان را آبی یا قرمز یا سبز یا هر رنگی که دوست داریم انتخاب کنیم :

خاصیت background :

با استفاده ا این خاصیت می توانیم پس زمینه برای المان مورد نظرمان ایجاد کنیم. به تصویر زیر دقت کنید :

اگر بک گراند یک رنگ باشد :

کد بک گراند در css

اگر بک گراند یک تصویر باشد :

نکته : خاصیت بک گراند یک زیر مجموعه ویژگی هایی هم دارد. مثلا background-position ، background-attachment ، background-repeat و… که آن ها را به صورت کامل در دوره ۰ تا ۱۰۰ طراحی سایت آموزش داده ایم.

خاصیت margin :

با استفاده از margin میتوانیم برای المان مورد نظرمان فاصه ایجاد کنیم. فاصله ای از نوع خارجی! این طوری یاد بگیرید : margin که g دارد میشود فاصله خارجی!

خاصیت margin

نکته : برای راحت به خاطر سپردن جهت ها ، بهتر است بدانید margin در جهت ساعتگرد کار میکند. یعنی : مقدار اول بالا ، مقدار دوم راست ، مقدار سوم پایین و مقدار چهارم راست.

چند نکته کاربردی :

اگر به margin فقط یک مقدار بدهیم : فاصله به تمام جهات اعمال میشود.

اگر به margin دو عدد بدهیم : اولین مقدار بالا و پایین ، دومین مقدار چپ و راست.

اگر به margin سه مقدار بدهیم : اولین مقدار بالا ، دومین مقدار راست و چپ ، سومین مقدار پایین.

اگر به margin چهار مقدار بدهیم : مانند تصویر بالا میشود!

نکته مهم : خاصیت margin مقدار منفی و auto هم می گیرد.

خاصیت padding :

با استفاده از padding میتوانیم برای المان مورد نظرمان فاصه ایجاد کنیم. فاصله ای از نوع داخلی! به عبارتی با padding می توانیم المان مورد نظرمان را گسترش بدهیم. این طوری یاد بگیرید : padding که d دارد میشود فاصله داخلی!

تمام نکته های بالا برای padding هم صدق میکند جز این مورد : padding مقدار منفی و auto نمی گیرد چون کارش گسترش دادن است. پس منفی و auto نمی شود!

خاصیت padding

نکته : برای راحت به خاطر سپردن جهت ها ، بهتر است بدانید padding در جهت ساعتگرد کار میکند. یعنی : مقدار اول بالا ، مقدار دوم راست ، مقدار سوم پایین و مقدار چهارم راست.

چند نکته کاربردی :

اگر به padding فقط یک مقدار بدهیم : فاصله به تمام جهات اعمال میشود.

اگر به padding دو عدد بدهیم : اولین مقدار بالا و پایین ، دومین مقدار چپ و راست.

اگر به padding سه مقدار بدهیم : اولین مقدار بالا ، دومین مقدار راست و چپ ، سومین مقدار پایین.

اگر به padding چهار مقدار بدهیم : مانند تصویر بالا میشود!

 

فکر میکنم برای این جلسه تا همین جا کافی باشد! خوب تمرین کنید. تا بعد…



لینک منبع مطلب

پوسته شرکتی وردپرس AccessPress Root فارسی

AccessPress Root نام یک قالب رایگان برای سیستم وردپرس می باشد که در مخزن وردپرس به ثبت رسیده است و تا به الان بیش از هزاران نفر آن را نصب کرده اند. پوسته شرکتی accesspress root از جمله قالب های شرکتی سال ۲۰۱۸ می باشد که ترکیبی از امکانات جالب و کاربردی و سادگی است. در این قالب سعی شده کمتر از افکت های شلوغ استفاده شود که از سرعت سایت می کاهد.این قالب بصورت اختصاصی برای شرکت ها و گروه ها طراحی شده به همین دلیل امکاناتی نظیر CTA ،نمایش پروژه ها و … را بصورت پیشفرض در خود دارد.

 

پوسته شرکتی وردپرس AccessPress Root فارسی

 

برخی از امکانات پوسته شرکتی وردپرس AccessPress Root :

  • بهینه سازی شده و بسیار سبک
  • فارسی و راستچین سازی کامل
  • دارای اسلایدر تمام صفحه
  • پشتیبانی از ابزارک ها
  • طراحی واکنش گرا
  • و..

نوشته پوسته شرکتی وردپرس AccessPress Root فارسی اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

اسکریپت بازی آنلاین سوال و جواب Quiz Game 2

اسکریپت بازی آنلاین سوال و پاسخ Quiz Game 2 یک اسکریپت بازی آنلاین با سوالات اطلاعات عمومی و پاسخ های چند گزینه ای است، در اسکریپت بازی آنلاین سوال و پاسخ Quiz Game 2 تمامی این سوالات و جواب ها قابل تغییر هستند. در اسکریپت بازی آنلاین Quiz Game 2 سوال ها می توانند متن، تصویر یا ویدئو باشند. همچنین پاسخ ها می تواند دکمه (متن، تصویر) یا جاهای خالی قرار گیرند. از امکانات مهم اسکریپت بازی آنلاین Quiz Game 2 امکان اشتراک گذاری امتیاز در (فیس بوک، توییتر، گوگل) ، طراحی واکنش گرا ، پشتیبانی و قابل لمس بودن در دیوایس ها و همچنین امکان نمایش ۱۰ امتیاز برتر هفته که باعث جذب بیشتر بازدید در سایت شما می شود اشاره نمود. در ادامه به برخی از امکانات اسکریپت بازی آنلاین سوال و پاسخ Quiz Game 2 اشاره خواهیم کرد.

 

اسکریپت بازی آنلاین سوال و جواب Quiz Game 2

 

برخی از امکانات اسکریپت بازی آنلاین سوال و جواب Quiz Game 2 :

  • ابزار ویرایشگر برای پیش نمایش یا ویرایش سوال و پاسخ
  • امکان طرح سوال به صورت متن، تصویر یا ویدئو
  • امکان ایجاد پاسخ ها به صورت دکمه (متن، تصویر) یا جاهای خالی
  • مجموع ۲۰ نوع طرح بندی پاسخ یا ساخت سفارشی
  • قابلیت پخش صدا برای هر دو سوال و پاسخ
  • امکان نمایش حالت شمارش معکوس
  • امکان نمایش ۱۰ امتیاز برتر
  • امکان ایجاد سوال تصادفی و پاسخ تصادفی
  • قابلیت سفارشی سازی کامل (متن، تصاویر، رنگ)
  • امکان اشتراک گذاری امتیاز (فیس بوک، توییتر، گوگل)
  • کاملا واکنشگرا و ریسپانسیو
  • امکان اجرا توسط  ماوس و کنترل لمسی
  • اجرا در تمام سیستم عامل ها (موبایل، کامپیوتر و غیره)
  • امکان تنطیمات مختلف (حالت تمام صفحه، غیرفعال کردن صدا و …)
  • و..

نوشته اسکریپت بازی آنلاین سوال و جواب Quiz Game 2 اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

افزونه بهینه‌ساز پیشرفته تصاویر وردپرس WP Smush Pro فارسی نسخه ۲٫۷٫۹٫۱

افزونه بهینه‌ساز پیشرفته تصاویر وردپرس WP Smush Pro فارسی حجم تصاویر را بدون از دست دادن کیفیت کاهش می دهد. با افزونه WP Smush Pro سایت شما با سرعت بیشتری بارگذاری شده و رتبه بهتری در موتور های جستجو گر بدست خواهید آورد.     افزونه بهینه‌ساز پیشرفته تصاویر وردپرس WP Smush Pro فارسی فشرده سازی […]

این نوشته افزونه بهینه‌ساز پیشرفته تصاویر وردپرس WP Smush Pro فارسی نسخه ۲٫۷٫۹٫۱ برای اولین بار ظاهر می شود در میهن اسکریپت – مرجع دانلود اسکریپت.



لینک منبع مطلب

پوسته فارسی شخصی و گالری عکس Toranj (ترنج) وردپرس نسخه ۱٫۲۰٫۰

Toranj (ترنج) نام پوسته ای فارسی برای سیستم وردپرس می باشد. این پوسته تجاری و فارسی را می توانید در وب سایت هایی با موضوع فوتوگرافی ، وب سایت های شخصی و گالری ها استفاده نمایید. از قابلیت های این پوسته زیبا می توان به وجود سه نوع طرح مختلف (مینیمال شرکتی ، طراحی داخلی…

این نوشته پوسته فارسی شخصی و گالری عکس Toranj (ترنج) وردپرس نسخه ۱٫۲۰٫۰ برای اولین بار در پرشین اسکریپت منتشر شده است.



لینک منبع مطلب

دانلود قالب فروشگاهی Handmade برای وردپرس

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

 

دانلود قالب فروشگاهی Handmade برای وردپرس

 

این قالب به صورت کاملا ریسپانسیو طراحی شده تا از این پس بدون نگرانی در مورد دیوایس هایی که کاربرانتان جهت مراجعه به سایت شما مورد استفاده قرار میدهند، بتوانید خدمات خود را به همه مخاطبین خود عرضه کنید. در سایت های واکنش گرا، همه اجزای سایت میتوانند بر اساس اندازه صفحه نمایش کاربر، موقعیت و اندازه مناسبی را برای خود برگزینند که همین مسئله باعث میشود همه به خوبی قادر به استفاده از امکانات سایت شما باشند. در قالب فروشگاهی Handmade که میتوانیم به فارسی آن را قالب دست ساز نیز بنامیم، امکان بهره مندی از افزونه روولوشن اسلایدر نیز برای شما فراهم شده است. با بهره گیری از این افزونه قادر خواهید بود که حرفه ای ترین انواع اسلایدشو را تولید کرده و در معرض دید کاربران سایتتان قرار دهید. این قالب از ویژگی های چندزبانه نیز پشتیبانی میکند. در عین حال با اکثر مرورگرها از جمله IE 9 به بعد، کروم، فایرفاکس، سافاری و دیوایس های آیفون، آیپد و دستگاه های آندرویدی، سازگار بوده و بر روی همه آنها به بهترین شکل کار میکند.

 

دانلود قالب فروشگاهی Handmade برای وردپرس

 

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

 

دانلود قالب فروشگاهی Handmade برای وردپرس

برخی امکانات قالب فروشگاهی Handmade :

  • دارای طراح های متنوع برای صفحه اصلی
  • بهره گیری از پنل مدیریتی قدرتمند Redux
  • امکان بهره مندی از روولوشن اسلایدر
  • امکان بهره مندی از امکانات ویژوال کامپوزر
  • سازگار با ووکامرس
  • مجهز به مگامنو
  • پشتیبانی از زبانهای راست به چپ
  • دارای طرح های متنوع سربرگ
  • امکان استفاده از سربرگ چسبنده
  • دارای افکت اسکرول نرم
  • واکنش گرا و retina ready
  • دارای کدهای کوتاه متنوع
  • امکان استفاده از پس زمینه ویدئویی
  • دارای فرمت های متنوع نوشته
  • دارای طرح های عریض و باکس دار
  • دارای تنظیمات تایپوگرافی
  • امکان بهره گیری از افکت پارالاکس
  • مجهز به صفحات به زودی و ۴۰۴
  • سازگار با افزونه WPML
  • قابلیت ترجمه استاندارد
  • امکان استفاده از آیکن های Font Awesome
  • طراحی شده با HTML5 – CSS3 – LESS
  • سازگار با افزونه فرم تماس ۷
  • سازگار با انواع مرورگرها
  • امکان استفاده از child theme
  • و بسیاری امکانات دیگر …

نوشته دانلود قالب فروشگاهی Handmade برای وردپرس اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

افزونه جستجوی پیشرفته ووکامرس YITH WooCommerce Ajax Search Premium فارسی نسخه ۱٫۵٫۹

افزونه جستجوی پیشرفته ووکامرس YITH WooCommerce Ajax Search Premium فارسی یک افزونه ووکامرس است که توسط آن می توانید یک جستجو پیشرفته و زنده برای فروشگاه ووکامرس خود راه اندازی کنید. افزونه YITH WooCommerce Ajax Search Premium توسط شرکت YiThemes توسعه و طراحی شده است.     افزونه جستجوی پیشرفته ووکامرس YITH WooCommerce Ajax Search Premium […]

این نوشته افزونه جستجوی پیشرفته ووکامرس YITH WooCommerce Ajax Search Premium فارسی نسخه ۱٫۵٫۹ برای اولین بار ظاهر می شود در میهن اسکریپت – مرجع دانلود اسکریپت.



لینک منبع مطلب

افزونه اشتراک گذاری در شبکه های اجتماعی Social Warfare وردپرس نسخه ۳٫۰٫۷

Social Warfare نام افزونه کاربردی وردپرس می‌باشد که با استفاده از آن می‌توانید امکان اشتراک گذاری مطالب خود را به وسیله دکمه های اجتماعی اجتماعی در اختیار کاربران خود قرار دهید. این افزونه با امکانات خاص و جذاب خود به شما کمک می‌کند تا نرخ اشتراک گذاری مطالب خود را به صورت چشمگیری افزایش داده…

این نوشته افزونه اشتراک گذاری در شبکه های اجتماعی Social Warfare وردپرس نسخه ۳٫۰٫۷ برای اولین بار در پرشین اسکریپت منتشر شده است.



لینک منبع مطلب

پوسته وردپرس شخصی و گالری عکس Toranj فارسی نسخه ۱٫۲۰٫۰

Toranj (ترنج) نام پوسته ای فارسی برای سیستم وردپرس می باشد. این پوسته تجاری و فارسی را می توانید در وب سایت هایی با موضوع فوتوگرافی ، وب سایت های شخصی و گالری ها استفاده نمایید. از قابلیت های این پوسته زیبا می توان به وجود سه نوع طرح مختلف (مینیمال شرکتی ، طراحی داخلی و گالری تصاویر) ، نسخه موبایل و تبلت ، راست چین بودن استاندارد پوسته اشاره نمود. قابل ذکر است این پوسته زیبا با فروشگاه ساز ووکامرس نیز سازگار می باشد.

 

پوسته وردپرس شخصی و گالری عکس Toranj فارسی نسخه 1.20.0

 

برخی از امکانات پوسته وردپرس شخصی و گالری عکس Toranj :

  •  طراحی زیبا و منحصر به فرد
  • واکنشگرایی صحیح
  • راست چین و فارسی
  • ساخت صفحه با درگ و دراپ و آسان با استفاده از افزونه ۲۸ دلاری ویژوال کامپوسر
  • پلاگین وردپرسی مستر اسلایدر ۲۸ دلاری
  • دارای ویدئو آموزشی در وب سایت مادر
  • دارای فروشگاه ووکامرس
  • قابلیت نصب افزونه دو زبانه WPML
  • دارای فایل ترجمه
  • ساخت دابل گردونه واکنش گرا به وسیله ویژوال کامپوسر
  • ویدئو پس زمینه با ویژوال کامپوسر
  • افزونه های گالری و نمونه کار بسار حرفه ای با کارکرد ساده
  • دارای ۸ افکت زیبا
  • دارای انواع چینش ها برای گالری
  • دارای انواع چینش در بلاگ
  • پخش واکنشگرا ویدئو
  • ساخت لایت باکس با تصویر و ویدئو
  • پشتیبانی آنلاین
  • نصب آسان
  • و بسیاری موارد دیگر …

نوشته پوسته وردپرس شخصی و گالری عکس Toranj فارسی نسخه ۱٫۲۰٫۰ اولین بار در بیست اسکریپت. پدیدار شد.



لینک منبع مطلب

رفع خطای http موقع آپلود تصاویر در وردپرس

رفع خطای http موقع آپلود تصاویر در وردپرس | شاید تا به حال در هنگام بارگذاری تصاویر خود با خطای وردپرس http رو به رو شده باشید. خطای وردپرس http معمولا زمانی رخ می دهد که شما در حال آپلود (بارگذاری) یک تصویر یا انواع دیگر فایل ها با استفاده از آپلودر داخلی وردپرس هستید. برای رفع […]

این نوشته رفع خطای http موقع آپلود تصاویر در وردپرس برای اولین بار ظاهر می شود در میهن اسکریپت – مرجع دانلود اسکریپت.



لینک منبع مطلب