+- پارس جوم :: انجمن های تخصصی جوملا (https://forums.parsjoom.ir)
+-- انجمن: پشتیبانی (/forum-70.html)
+--- انجمن: مباحث و مشکلات عمومی (/forum-33.html)
+--- موضوع: به هم ریختگی صفحه هنگام کوچک کردن (/thread-15746.html)
به هم ریختگی صفحه هنگام کوچک کردن - eskafild - ۳-۵-۱۳۹۳ ۰۵:۴۲ عصر
سلام
در حالت معمولی سایتم درست نشون میده:
![[تصویر: 2014-07-24_233802.jpg]](http://www.uplooder.net/img/image/100/228f2283a205134661c4927bba7be3a9/2014-07-24_233802.jpg)
ولی وقتی مانیتور کوچیکه و یا اندازه صفحه رو کوچیک می کنم لوگو سایت جاش تغییر پیدا می کنم و باعث بهم ریختگی میشه
![[تصویر: 2014-07-24_233818.jpg]](http://www.uplooder.net/img/image/11/2093b856909345b869f6b9a25bceff62/2014-07-24_233818.jpg)
چطور حلش کنم؟
سپاس
RE: به هم ریختگی صفحه هنگام کوچک کردن - سعید حمزه زاده - ۳-۵-۱۳۹۳ ۰۷:۲۰ عصر
قالبتون ریسپانسیو نیست
RE: به هم ریختگی صفحه هنگام کوچک کردن - eskafild - ۳-۵-۱۳۹۳ ۱۱:۳۳ عصر
درسته ولی اگه قالب ریسپانسیو نباشه باید نمای کلی رو درست نشون بده که متاسفانه اون لوگو کار رو بهم میریزه، چطور محل اون رو هم ثابت کنم؟
RE: به هم ریختگی صفحه هنگام کوچک کردن - Reza Ganji - ۳-۵-۱۳۹۳ ۱۱:۵۶ عصر
برای این منظور باید سی اس اس اضافه کنید مثلا برای نمایشگرهای 720 یا 520 که در نت آموزشش هست.
کد اچ تی ام ال و سی اس اس رو براتون میزارم :
کد:
<!-- Separate CSS File -->
<link href="styles.css" rel="stylesheet" media="all and (max-width: 1024px)">سی اس اس :
کد:
/* @media Rule */
@media all and (max-width: 1024px) {...}
/* @import Rule */
@import url(styles.css) all and (max-width: 1024px) {...}سایت زیر رو هم یک نگاه بکنید برای توضیحات البته انگلیسی هست.
دیدن لینک ها برای شما امکان پذیر نیست. لطفا ثبت نام کنید یا وارد حساب خود شوید تا بتوانید لینک ها را ببینید.
RE: به هم ریختگی صفحه هنگام کوچک کردن - eskafild - ۴-۵-۱۳۹۳ ۰۸:۲۵ صبح
ممنون آقای گنجی فقط یه سوال نوشتید کد اچ تی ام ال، اون رو دقیقا کدوم ور باید بزنم؟ معمولا اچ تی ام ال ها خالی اند و فقط کد رنگ دارند!
RE: به هم ریختگی صفحه هنگام کوچک کردن - Reza Ganji - ۴-۵-۱۳۹۳ ۰۵:۴۷ عصر
ببینید اون برای گذاشتن در فایل ایندکس دات اچ تی ام ال و لینک دادن به سی اس اس مخصوص نمایشگری هست که براش سی اس اس نوشتید.
میتونید در خود فایل سی اس اس عمومی هم بدون استفاده از اون کد استفاده کنید برای ایمپورت هم میتونید در سی اس اس بصورت زیر عمل کنید و بعد از اون سی اس اس بنویسید :
کد:
@media all and (max-width: 1024px) {...}هر سی اس اس که بعد از این داخل آکولاد بنویسید برای نمایشگرهایی تا 1024 پیکسل استفاده میشود.مثلا برای نمایشگرهای تا 240 میتونید در بالا بجای 1024 عدد 240 را وارد کنید.
کمی هم خودتون تحقیق کنید میتونید مشکل را برطرف کنید و لوگو کوچکتر برای نمایشگرهای کوچک بزارید و چینش ماژول هارو هم تغییر بدید.