سون لرن • آموزش

سلام و وقت بخیر خدمت دوستان عزیز من برای بهینه سازی، از افزونه لایت اسپید کش استفاده میکنم. مشکل اینجا هستش که من برای صفحه اصلی بهترین تنظیمات رو قرار دادم و به بهترین نتیجه رسیدم اما برای صفحات جانبی نمیدونم چرا تداخل و مشکل پیش اومده - هدر سایت بهم ریخته شده و مثل اینکه فونت ها هم برای مطالب اون صفحه لود نمیشه - ممنون میشم بفرمایید چطور میتونم این مشکل رو حل کنم - باز هم میگم صفحه اصلی بدون هیچ مشکلی در شکل و ظاهر نمایش داده میشه و فقط این مشکل برای صفحه محصول و فروشگاه رخ داده با غیرفعال کردن افزونه مشکل برطرف میشه اما خوب نیاز دارم به افزونه - همچنین این عجیبه که همه صفحات درسته و فقط 2 صفحه به مشکل خورده از قالب هلو المنتور استفاده میکنم و افزونه خاصی ندارم برای ساخت صفحه محصول و بایگانی محصول از بخش قالب المنتور استفاده شده ممنون میشم راهنمایی بفرمایید 3 نوشته - 2 participants مشاهده متن کامل موضوع , ...ادامه مطلب

سلام میخوام بدونم الان من این 2 تا افزونه رو نصب دارم. با هم مشکل ساز نیست؟ 2 نوشته - 2 participants مشاهده متن کامل موضوع , ...ادامه مطلب

چگونه در اینستاگرام بدون گذاشتن استوری هایلایت قرار دهیم؟ برای ارسال عکس و ویدیو به هایلایت، ابتدا باید محتوای شما در قالب استوری به اشتراک گذاشته شود، اما ترفندی وجود دارد که می تواند برای شما مفید باشد. همراه داتیس نتورک باشید. آموزش گذاشتن هایلایت بدون استوری در اینستاگرام (Instagram) هایلایت یکی از ویژگی های محبوب اینستاگرام می باشد که به کاربران اجازه می دهد استوری هایی که 24 ساعت از انتشار آنها گذشته است و منقضی شده اند را در پیج خود نمایش دهند. عکس یا ویدیو شما باید در قالب استوری به اشتراک گذاشته شود تا بتوانید آن را به هایلایت خود اضافه کنید. روشی برای قرار دادن مستقیم عکس یا ویدیو به هایلایت ها وجود ندارد، اما ترفندی وجود دارد که می توانید از آن استفاده کنید. شما باید پیج خود را قفل کنید تا شخصی از خارج فالوور های شما استوری را نبیند، سپس لیست فالوور های خود را در Hide Story From اضافه کنید. این گونه آنها نیز قادر به مشاهده استوری نخواهند بود. پس عکس یا ویدیو موردنظر را استوری کنید. پس از گذشت 24 ساعت می توانید فالوور ها را به حالت اول برگردانید و پیج را به حالت عمومی برگردانید. سپس استوری را به هایلایت اضافه کنید. اضافه کردن استوری به Highlight گذاشتن هایلایت بدون استوری در اینستاگرام ممکن نیست، اما می توانید با استفاده از این روش استوری را مخفی کنید و پس از 34 ساعت آن را به هایلات اضافه کنید. همان طور که گفته شد شما نمی توانید استوری را به صورت مستقیم در هایلایت خود قرار دهید. اما می توانید استوری را برای فالوور های خود مخفی کنید. این گونه پس از گذشت 24 ساعت می توانید استوری را بدون اینکه کسی آن را دیده باشد به هایلایت خود اضافه کنید. .IRPP_button , .IRPP_button, ...ادامه مطلب

با عرض سلام و خسته نباشید من سایتم وردپرسی و سرور nginx هستش . میخواستم بپرسم هاست لایت اسپید با هارد nvme سرعت بیشتری واسه یک سایت وردپرسی دارد و یا نه همون سرور nginx ؟ تشکر 2 نوشته - 2 participants مشاهده متن کامل موضوع , ...ادامه مطلب

سلام خسته نباشید بنده رو سایتم از افزونه لایت اسپید استفاده میکنم متاسفانه همین افزونه باعث میشه فضا هاستم پر بشه در حالی که کل حجم سایت 500 م هستش فایل لایت اسپید 1/5 گیگ راه حلی هستش که این مشکل برطرف کنیم ممنون میشم راه نمایی کنید @arta 2 نوشته - 2 participants مشاهده متن کامل موضوع , ...ادامه مطلب

کلایتن یا Klaytn یک پلتفرم بلاکچین عمومی از پلتفرم موبایل پیشرو کره جنوبی ، Kakao است. ارز دیجیتال این پلتفرم با نماد KLAY در مارکت ارز های دیجیتال شناخته می شود، در ادامه همراه داتیس نتورک باشید. ارز دیجیتال کلایتن یا Klaytn چیست؟ کلایتن یک پلتفر, ...ادامه مطلب

در این مقاله قصد داریم به بررسی آینده Klaytn و پیش بینی قیمت ارز دیجیتال کلایتن (KLAY) بپردازیم، آیا کلایتن برای سرمایه گذاری مناسب است؟ درادامه این مقاله همراه داتیس نتورک باشید. بررسی آینده Klaytn و پیش بینی قیمت ارز دیجیتال کلایتن (KLAY) کلایتن, ...ادامه مطلب

والت های مختلفی از KLAY پشتیبانی میکنند اما انتخاب بهترین کیف پول برای ارز دیجیتال کلایتن (Klaytn) نیازمند بررسی های دقیق تر می باشد که در این مقاله شما را با تعدادی از برترین والت های این ارز دیجیتال آشنا خواهیم کرد، همراه داتیس نتورک باشید. بهتر, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون آموزش مقدماتی Accessible کردن لایت باکس قرار داده شده و با استفاده از ابزاری که معرفی میکنه میتونین لایت باکس ها و Modal هاتون رو از نظر Accessibility بهبنه سازی کنید و ویژگی های لازم رو برای المنتهای مختلف در نظر بگیرید تا کدهای شما برای Screen Reader ها هم معنادار بشن و همچنین افراد معلول هم بتونن از سایتتون استفاده کنند. برای شروع وارد سایت accessible-modal بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی Let's block ads! بخوانید, ...ادامه مطلب

* {   box-sizing: border-box;   padding: 0;   margin: 0; } html, body {   min-height: 100%;   height: 100%;   background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg);   background-size: cover;   background-position: top center;   font-family: helvetica neue, helvetica, arial, sans-serif;   font-weight: 200; } html.modal-active, body.modal-active {   overflow: hidden; } .button {   display: inline-block;   text-align: center;   padding: 10px 15px;   margin: 10px;   background: red;   font-size: 18px;   background-color: #efefef;   border-radius: 3px;   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);   cursor: pointer; } .button:hover {   color: white;   background: #009bd5; } #modal-container {   position: fixed;   display: table;   height: 100%;   width: 100%;   top: 0;   left: 0;   transform: scale(0);   z-index: 1; } #modal-container .modal-background {   display: table-cell;   background: rgba(0, 0, 0, 0.8);   text-align: center;   vertical-align: middle; } #modal-container .modal-background .modal {   background: white;   padding: 50px;   display: inline-block;   border-radius: 3px;   font-weight: 300;   position: relative; } #modal-container .modal-background .modal h2 {   font-size: 25px;   line-height: 25px;   margin-bottom: 15px; } #modal-container .modal-background .modal p {   font-size: 18px;   line-height: 22px; } #modal-container .modal-background .modal .modal-svg {   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   border-radius: 3px; } #modal-container .modal-background .modal .modal-svg rect {   stroke: #fff;   stroke-width: 2px;   stroke-dasharray: 778;   stroke-dashoffset: 778; } #modal-container.five {   transform: scale(1); } #modal-container.five .modal-background {   background: transparent;   animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } #modal-container.five .modal-background .modal {   transform: translateX(-1500px);   animation: roadRunnerIn 0.3s cubic-, ...ادامه مطلب

* {   box-sizing: border-box;   padding: 0;   margin: 0; } html, body {   min-height: 100%;   height: 100%;   background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg);   background-size: cover;   background-position: top center;   font-family: helvetica neue, helvetica, arial, sans-serif;   font-weight: 200; } html.modal-active, body.modal-active {   overflow: hidden; } .button {   display: inline-block;   text-align: center;   padding: 10px 15px;   margin: 10px;   background: red;   font-size: 18px;   background-color: #efefef;   border-radius: 3px;   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);   cursor: pointer; } .button:hover {   color: white;   background: #009bd5; } #modal-container {   position: fixed;   display: table;   height: 100%;   width: 100%;   top: 0;   left: 0;   transform: scale(0);   z-index: 1; } #modal-container .modal-background {   display: table-cell;   background: rgba(0, 0, 0, 0.8);   text-align: center;   vertical-align: middle; } #modal-container .modal-background .modal {   background: white;   padding: 50px;   display: inline-block;   border-radius: 3px;   font-weight: 300;   position: relative; } #modal-container .modal-background .modal h2 {   font-size: 25px;   line-height: 25px;   margin-bottom: 15px; } #modal-container .modal-background .modal p {   font-size: 18px;   line-height: 22px; } #modal-container .modal-background .modal .modal-svg {   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   border-radius: 3px; } #modal-container .modal-background .modal .modal-svg rect {   stroke: #fff;   stroke-width: 2px;   stroke-dasharray: 778;   stroke-dashoffset: 778; } #modal-container.four {   z-index: 0;   transform: scale(1); } #modal-container.four .modal-background {   background: rgba(0, 0, 0, 0.7); } #modal-container.four .modal-background .modal {   animation: blowUpModal 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } #modal-container.four + .content {   z-inde, ...ادامه مطلب

* {   box-sizing: border-box;   padding: 0;   margin: 0; } html, body {   min-height: 100%;   height: 100%;   background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg);   background-size: cover;   background-position: top center;   font-family: helvetica neue, helvetica, arial, sans-serif;   font-weight: 200; } html.modal-active, body.modal-active {   overflow: hidden; } .button {   display: inline-block;   text-align: center;   padding: 10px 15px;   margin: 10px;   background: red;   font-size: 18px;   background-color: #efefef;   border-radius: 3px;   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);   cursor: pointer; } .button:hover {   color: white;   background: #009bd5; } #modal-container {   position: fixed;   display: table;   height: 100%;   width: 100%;   top: 0;   left: 0;   transform: scale(0);   z-index: 1; } #modal-container .modal-background {   display: table-cell;   background: rgba(0, 0, 0, 0.8);   text-align: center;   vertical-align: middle; } #modal-container .modal-background .modal {   background: white;   padding: 50px;   display: inline-block;   border-radius: 3px;   font-weight: 300;   position: relative; } #modal-container .modal-background .modal h2 {   font-size: 25px;   line-height: 25px;   margin-bottom: 15px; } #modal-container .modal-background .modal p {   font-size: 18px;   line-height: 22px; } #modal-container .modal-background .modal .modal-svg {   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   border-radius: 3px; } #modal-container .modal-background .modal .modal-svg rect {   stroke: #fff;   stroke-width: 2px;   stroke-dasharray: 778;   stroke-dashoffset: 778; } #modal-container.two {   transform: scale(1); } #modal-container.two .modal-background {   background: transparent;   animation: fadeIn 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } #modal-container.two .modal-background .modal {   opacity: 0;   animation: scaleUp 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), ...ادامه مطلب

* {   box-sizing: border-box;   padding: 0;   margin: 0; } html, body {   min-height: 100%;   height: 100%;   background-image: url(http://theartmad.com/wp-content/uploads/Dark-Grey-Texture-Wallpaper-5.jpg);   background-size: cover;   background-position: top center;   font-family: helvetica neue, helvetica, arial, sans-serif;   font-weight: 200; } html.modal-active, body.modal-active {   overflow: hidden; } .button {   display: inline-block;   text-align: center;   padding: 10px 15px;   margin: 10px;   background: red;   font-size: 18px;   background-color: #efefef;   border-radius: 3px;   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);   cursor: pointer; } .button:hover {   color: white;   background: #009bd5; } #modal-container {   position: fixed;   display: table;   height: 100%;   width: 100%;   top: 0;   left: 0;   transform: scale(0);   z-index: 1; } #modal-container .modal-background {   display: table-cell;   background: rgba(0, 0, 0, 0.8);   text-align: center;   vertical-align: middle; } #modal-container .modal-background .modal {   background: white;   padding: 50px;   display: inline-block;   border-radius: 3px;   font-weight: 300;   position: relative; } #modal-container .modal-background .modal h2 {   font-size: 25px;   line-height: 25px;   margin-bottom: 15px; } #modal-container .modal-background .modal p {   font-size: 18px;   line-height: 22px; } #modal-container .modal-background .modal .modal-svg {   position: absolute;   top: 0;   left: 0;   height: 100%;   width: 100%;   border-radius: 3px; } #modal-container .modal-background .modal .modal-svg rect {   stroke: #fff;   stroke-width: 2px;   stroke-dasharray: 778;   stroke-dashoffset: 778; } #modal-container.one {   transform: scaleY(0.01) scaleX(0);   animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } #modal-container.one .modal-background .modal {   transform: scale(0);   animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; } #modal-container.one.out {   t, ...ادامه مطلب

در این قسمت میخوام یک کد ( Responsive Modal Design ) جالب رو در اختیارتون بزارم. همونطور که دیدید سه نمونه لایت باکس و Modal ساخته شده و قرار گرفت. این لایت باکسها بصورت طراحی متریال و واکنشگرا هستند. بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین. موفق باشید. یا علی Source نوع کد رايگان Let's block ads! بخوانید, ...ادامه مطلب

در این مطلب میخوام سایتی رو بهتون معرفی کنم که در اون یک پلاگین jQuery برای ساخت لایت باکس زیبا قرار داده شده و میتونین از امکانات ویژه اون استفاده کنید. برای شروع وارد سایت chocolat بشین. امیدوارم بدردتون بخوره. موفق باشید. یا علی This entry passed through the Full-Text RSS service - if this is your content and you're reading it on someone else's site, please read the FAQ at fivefilters.org/content-only/faq.php#publishers., ...ادامه مطلب