مشکلات در html و راه حل آنها - درخواست

[SoltanHost.Net]

با سلام خدمت همه دوستان

بنده قالبم رو عوض کردم ولی متاسفانه سایت gtmetrix.com ارور هایی در مورد سایت من داد که از جمله این ها هستش

Combine images using CSS sprites (http://gtmetrix.com/reports/soltanhost.net/JdBqcfdO#)

The following images served from soltanhost.net should be combined into as few images as possible using CSS sprites.

http://soltanhost.net/templates/theme/html/images/accountlogin.png
http://soltanhost.net/templates/theme/html/images/arrow.png
http://soltanhost.net/templates/theme/html/images/boxbg.png
http://soltanhost.net/templates/theme/html/images/bullet1.png
http://soltanhost.net/templates/theme/html/images/domainarea.png
http://soltanhost.net/templates/theme/html/images/domainrate.png
http://soltanhost.net/templates/theme/html/images/facebook.png
http://soltanhost.net/templates/theme/html/images/footerbg.png
http://soltanhost.net/templates/theme/html/images/image1.png
http://soltanhost.net/templates/theme/html/images/image4.png
http://soltanhost.net/templates/theme/html/images/linkedin.png
http://soltanhost.net/templates/theme/html/images/menuconbg.png
http://soltanhost.net/templates/theme/html/images/menulibg.png
http://soltanhost.net/templates/theme/html/images/ordernow.png
http://soltanhost.net/templates/theme/html/images/pagination.png
http://soltanhost.net/templates/theme/html/images/twitter.png



Leverage browser caching (http://gtmetrix.com/reports/soltanhost.net/JdBqcfdO#)


The following cacheable resources have a short freshness lifetime. Specify an expiration at least one week in the future for the following resources:

http://soltanhost.net/templates/theme/css/bootstrap.css (expiration not specified)
http://soltanhost.net/templates/theme/css/whmcs.css (expiration not specified)
http://soltanhost.net/templates/theme/font.css (expiration not specified)
http://soltanhost.net/templates/theme/font/BYekan.woff (expiration not specified)
http://soltanhost.net/templates/theme/html/css/global.css (expiration not specified)
http://soltanhost.net/templates/theme/html/css/menu.css (expiration not specified)
http://soltanhost.net/templates/theme/html/css/style.css (expiration not specified)
http://soltanhost.net/templates/theme/html/images/accountlogin.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/arrow.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/banner1.jpg (expiration not specified)
http://soltanhost.net/templates/theme/html/images/boxbg.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/bullet1.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/domainarea.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/domainrate.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/facebook.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/footerbg.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/globe.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/image1.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/image2.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/image3.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/image4.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/linkedin.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/livechat.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/logo.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/logoz.jpg (expiration not specified)
http://soltanhost.net/templates/theme/html/images/menuconbg.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/menulibg.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/ordernow.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/pagination.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/plansbg.jpg (expiration not specified)
http://soltanhost.net/templates/theme/html/images/search.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/testimonial.jpg (expiration not specified)
http://soltanhost.net/templates/theme/html/images/twitter.png (expiration not specified)
http://soltanhost.net/templates/theme/html/images/viewmore.png (expiration not specified)
http://soltanhost.net/templates/theme/html/js/script.js (expiration not specified)
http://soltanhost.net/templates/theme/html/js/slides.min.jquery.js (expiration not specified)
http://soltanhost.net/templates/theme/js/vahabonline.ir.js (expiration not specified)
http://soltanhost.net/templates/theme/js/whmcs.js (expiration not specified)
http://soltanhost.net/templates/theme/jscript/jquery.js (expiration not specified)

[daneshjor]

باسلام


من چندتا سایت دارم که همشون رو یه جا متمرکز کردم
سامانه پیامکی - سامانه خرید شارژ - آموزش آی تی

http://70-33.ir/
این صفحه رو خودم طراحی کردم ( البته کلا 10خط کد نیست توش :)))
تو کامپیوتر سایت خوب بالا میاد
اما وقتی تو گوشی باز میکنم خیلی بد باز میشه

میخواستم توی گوشی هم خوب بیاد بالا
اگه سخت نیست واکنشگرا باشه

اگه راهنمایی کنید ممنونتون میشم اساتیدددددددددد

[ms313]

باسلام


من چندتا سایت دارم که همشون رو یه جا متمرکز کردم
سامانه پیامکی - سامانه خرید شارژ - آموزش آی تی

http://70-33.ir/
این صفحه رو خودم طراحی کردم ( البته کلا 10خط کد نیست توش :)))
تو کامپیوتر سایت خوب بالا میاد
اما وقتی تو گوشی باز میکنم خیلی بد باز میشه

میخواستم توی گوشی هم خوب بیاد بالا
اگه سخت نیست واکنشگرا باشه

اگه راهنمایی کنید ممنونتون میشم اساتیدددددددددد

سلام دوست عزیز
جهت اینکه بدونید تو گوشی چطوری نشون داده میشه و نیاز نباشه هر بار تو گوشی ببیند می تونید تو مرورگر سیستمون CTRL+SHIFT+M رو تو موزیلا بزنید و نوع طراحی رو ببیند.
اما جهت اینکه واکنشگرا باشه نیاز به دانش تخصصی html,css دارید ...
لینک های آموزشی تو سایت پارس کلیک رو مشاهدع کنید.

[Reza G]

باسلام
من چندتا سایت دارم که همشون رو یه جا متمرکز کردم
سامانه پیامکی - سامانه خرید شارژ - آموزش آی تی
http://70-33.ir/
این صفحه رو خودم طراحی کردم ( البته کلا 10خط کد نیست توش :)))
تو کامپیوتر سایت خوب بالا میاد
اما وقتی تو گوشی باز میکنم خیلی بد باز میشه
میخواستم توی گوشی هم خوب بیاد بالا
اگه سخت نیست واکنشگرا باشه
اگه راهنمایی کنید ممنونتون میشم اساتیدددددددددد

اگر بتونید از استایل و المانهای بوت استرپ استفاده کنید، مشکل نمایشتون در انواع دیوایس ها حل میشه.

[daneshjor]

- - - Updated - - -


سلام دوست عزیز
جهت اینکه بدونید تو گوشی چطوری نشون داده میشه و نیاز نباشه هر بار تو گوشی ببیند می تونید تو مرورگر سیستمون CTRL+SHIFT+M رو تو موزیلا بزنید و نوع طراحی رو ببیند.
اما جهت اینکه واکنشگرا باشه نیاز به دانش تخصصی html,css دارید ...
لینک های آموزشی تو سایت پارس کلیک رو مشاهدع کنید.

دمت گرم داداش
اما مشکل من اینه که میخوام تو گوشی نریزه به هم
حالا اگه با گوشی بری تو سایت متوجه میشی
بازم ممنونم ازت

- - - Updated - - -


اگر بتونید از استایل و المانهای بوت استرپ استفاده کنید، مشکل نمایشتون در انواع دیوایس ها حل میشه.

ممنون بابت جوابت
یه تحقیق کردم
جالب بود
اما چون خیلی وارد نیستم فعلا نمیتونم با این روش ها درستش کنم

گفتم شاید یه کدی باشه که بشه با گوشی هم وارد شد به هم نریزه

[mre]

سلام
برای برخی تنظیمات داخل موبایل یا تبلت یا ... میتونید از کدهای مدیا استفاده کنید، به عنوان مثال نمونه‌های زیر رو میتونید ببینید


@media (max-width: 767px){

}
@media (min-width: 768px) and (max-width: 991px){

}
@media (min-width: 992px) and (max-width: 1199px){

}

موفق باشیذ