رفتن به مطلب

ناسازگاری قالب بامانیتور سایز کوچکتر


پست های پیشنهاد شده

سلام

من قالب این سایت را نوشتم . اولین قالبی هست که نوشتم ! :D حالا اون عکس میز که فوتر گذاشتم توی مانیتور های 15 یا 17 میره سمت چپ و صفحه باید به راست اسکرول بخوره تا میز پیدا شه . در صورتی که اون عکس گل بالا سمت چپ اینجور نیست . میشه راهنمایی کنید درستش کنم . :)

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

ویرایش شده توسط f.gh1372
لینک به ارسال

سلام

من قالب این سایت را نوشتم . اولین قالبی هست که نوشتم ! :D حالا اون عکس میز که فوتر گذاشتم توی مانیتور های 15 یا 17 میره سمت چپ و صفحه باید به راست اسکرول بخوره تا میز پیدا شه . در صورتی که اون عکس گل بالا سمت چپ اینجور نیست . میشه راهنمایی کنید درستش کنم . :)

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

فکر کنم باید عرضش رو کم کنی

لینک به ارسال

سلام

من قالب این سایت را نوشتم . اولین قالبی هست که نوشتم ! :D حالا اون عکس میز که فوتر گذاشتم توی مانیتور های 15 یا 17 میره سمت چپ و صفحه باید به راست اسکرول بخوره تا میز پیدا شه . در صورتی که اون عکس گل بالا سمت چپ اینجور نیست . میشه راهنمایی کنید درستش کنم . :)

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

منم با چنین مشکلی روبرو بوده ام. شاید مطلب شما به این موضوع عدم نمایش قسمتهای سایت در بعضی کامپیوترها ربط داشته باشه

لینک به ارسال

به نظر من اول افزونه firesizer فایر فاکس رو نصب کنید تا باهاش سایز رزولیشن ها موقع طراحی رو ببینید

بعد سعی کنید Width:980 بیشتر ندید (این سایز که میگم سایزی برای مانیتورهای با رزولیشن 1024) اگر رزولیشن های کمتر هم مهمه که میتونید کمتر بدید یا از % استفاده کنید

leftbody و کلاس ها رو بندازید داخل یک div و widt که بهتون گفتم رو بدید و margin:0 auto; در css رو بهش بدید

لینک به ارسال

به نظر من اول افزونه firesizer فایر فاکس رو نصب کنید تا باهاش سایز رزولیشن ها موقع طراحی رو ببینید

بعد سعی کنید Width:980 بیشتر ندید (این سایز که میگم سایزی برای مانیتورهای با رزولیشن 1024) اگر رزولیشن های کمتر هم مهمه که میتونید کمتر بدید یا از % استفاده کنید

leftbody و کلاس ها رو بندازید داخل یک div و widt که بهتون گفتم رو بدید و margin:0 auto; در css رو بهش بدید

سلام ممنون از کمکتون .

خودم اطلاع دارم باید width را 100% بدم که چنین مشکلاتی نباشه و واید زیادی بهش ندادم و کد هام تحت کلاس middle یا همون margin:auto و width:100% هست .

این کدهایی هست که بهش دادم :


#bottomTable {
width: 263px;
height: 308px;
background: url(images/bottom_table.png) repeat scroll 0% 0% transparent;
margin:-308px 1090px 0 0;
position: relative;
bottom: 0;
left: 0;
z-index: 5;
}

ویرایش شده توسط f.gh1372
لینک به ارسال

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

به فرض برای کلاس middle عرض رو 1000px دادید بکنید 980px

کلاس leftbody را بهش float:right دادی باید left کنی , که متقابلاً کلاس rightbody رو هم باید عرضش رو بکنی 268px و ...

یک توصیه دیگه سعی کنید تو کدنویسیتون برای سئو طوری کد نویسی کنید که مطالب در سورس اول باشه .

ویرایش شده توسط progpars
لینک به ارسال

میز با سطل زباله درست شد ! یعنی سایز که عوض میشه سرجاشون فیکس می مونن . فقط مونده میز هدر درست شه با گل سمت چپش . نمیدونم اونا را چرا هر کاری میکنم درست نمیشن ! کد ها را به کدهای زیر تغییر دادم تا فوتر درست شد .


#crap {
right: 31%;
width: 409px;
height: 308px;
position: relative;
background: url(images/crap.png) repeat scroll 0% 0% transparent;
bottom: 0px;
right: 0px;
margin:-308px 0 0 0;
}
#footer {
width: 100%;
height: 305px;
background: url(images/wall.jpg) repeat-x scroll 0px bottom transparent;
position: relative;
z-index: 0;
}
#bottomTable {
right:100%;
width: 263px;
height: 308px;
background: url(images/bottom_table.png) repeat scroll 0% 0% transparent;
margin:-203px 0 0 0;
position: relative;
bottom: 0;
}

لینک به ارسال

ببینید اندازه عکس میر شما 959 پیکسل هست.

سمت چپ هم 219 اندازه داره.

مجموع میشه 1178 پیکسل.

پس روی رزولیشن 1024 در حالت عادی اسکرول افقی دارید.

بهتره این اندازه ها رو کوچیک کنید.

لینک به ارسال

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

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

لینک به ارسال

در کل قبل از طراحی رزولیشن مونیتورتون روی 1024 در 768 تنظیم کنید که به مشکل نخورید

لینک به ارسال
  • 2 هفته بعد...

یک توصیه دیگه سعی کنید تو کدنویسیتون برای سئو طوری کد نویسی کنید که مطالب در سورس اول باشه .

میشه این جمله تون رو توضیح بدین؟من که دقیقا متوجه نشدم

لینک به ارسال
  • 2 هفته بعد...

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

این کد های فوتر وب سایت من هست.

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

<?php
/**
* The template for displaying the footer.
*
* Contains the closing of the id=main div and all content after
*
*/
?>

</div><!-- #main -->

<footer id="colophon" role="contentinfo">
<?php
/* A sidebar in the footer? Yep. You can can customize
* your footer with three columns of widgets.
*/
if ( ! is_404() )
get_sidebar( 'footer' );
?>

<div id="site-generator">
<?php do_action( 'twentyeleven_credits' ); ?>
<a href="<?php echo esc_url( __( 'http:// /', 'twentyeleven' ) ); ?>" title="<?php esc_attr_e( ' ', ' ' ); ?>" rel="generator"><?php printf( __( ' %s', 'twentyeleven' ), ' ' ); ?></a>
</div>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
</head>
<body>

<map name="FPMap1">
<area coords="684, 12, 949, 39" shape="rect" href="/Fa/?page_id=1425">
<area href="/Fa/?page_id=436" shape="rect" coords="685, 40, 948, 61">
<area href="/Fa/?page_id=1033" shape="rect" coords="688, 63, 945, 83">
<area href="/Fa/?page_id=1509" shape="rect" coords="689, 87, 945, 106">
<area href="/Fa/?page_id=366" shape="rect" coords="693, 107, 946, 127">
<area href="/Fa/?page_id=1487" shape="rect" coords="688, 130, 943, 152">
<area href="http://www.iranlighting.com" shape="rect" coords="223, 14, 660, 38">
<area href="http://www.sipiem.com" shape="rect" coords="224, 38, 658, 60">
<area href="http://www.ieis.ir" shape="rect" coords="418, 62, 658, 83">
<area href="http://www.anofol.com" shape="rect" coords="420, 83, 656, 104">
<area href="http://www.elt.es" shape="rect" coords="421, 105, 654, 126">
<area href="http://www.reverberi.it" shape="rect" coords="419, 126, 657, 153">
</map>
<img src="http://www.golnoor.ir/up/Footer.gif" usemap="#FPMap1">
</body>
</html>

</footer><!-- #colophon -->
</div><!-- #page -->
<?php wp_footer(); ?>

</body>
</html>

لطفا راهنماییم کنید.ممنونم.

ویرایش شده توسط Morteza
لینک به ارسال

سلام

به انجمن خوش اومدین دوست عزیز

آدرس سایتتون رو هم قرار بدید.

لینک به ارسال

در مورد هدر سایت، چون عکس هست و عکس در هر صورت یک اندازهمشخصی داره نمیتونید کاری کنید که در رزولیشین های پایین هم کوچیک بشه. مگر اینکه از تکنیک های جی کوئری استفاده کنید.

اما بهترین راه حل اینه که شما یک رزولیشین رو مبنا قرار بدید. مثلا 800*600 و بعد حداقل سایز عرضی عکس رو طبق اون ست کنید.

در مورد فوتر، فوتر هم شبیه هدر هست و از عکس استفاده شده و بهش map داده شده. برای اینمورد هم باید عرضی رو مبنا قرار بدید.

در کل مشکل از پوسته نیست از سایز عکسهاست.

لینک به ارسال

متشکرم مشکل فوتر برطرف شد.بسیار ممنون

برای هدر از افزونه Dynamic Headers by Nicasio Design استفاده کرده ام .در بعضی صفحات عکس استفاده کرده ام که هیچ مشکلی وجود ندارد اما در بعضی از صفحات فایل swf برای اسلاید استفاده کرده ام که دچار همین مشکل مانیتورهای کوچک است. آیا باید فایل swf من سایز 800 داشته باشد؟

لینک به ارسال

بله فایل های فلشی هم اندازه ثابت دارن اما اگر اندازه ثابت ندید در صورت کوچک شدن عرض، فایل از لحاظ طول و عرض ریسایز می شه.

لینک به ارسال

سایز بدید.

میتونید از خواص min-width و max-width هم در css استفاده کنید.

اینجوری با افزایش عرض فضای خالی باقی نمیمونه.

لینک به ارسال

یه سوال دیگر

من تمام عکس هایی که برای هدر استفاده کردم(صفحاتی که عکس هستند) همه سایز 1000 دارند پس چرا اونها کاملا درست هست سایزشون؟

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...