shayan

وضعیت قالب در حالت restore down

8 پست در این موضوع قرار دارد

سلام

من تازه با طراحی سایت آشنا شدم و اطلاعات زیادی تو این ضمینه ندارم

دارم یه قالب طراحی میکنم که به این مشکل بر خوردم

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

یعنی همون restore down میشه

قالب به هم میریزه و جاشون تغییر میکنه

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

تحت هیچ شرایطی

کد هام رو هم میزارم ببینید مشکل از کجاشه

HTML


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>انصار الصلاة</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!..............header...............!>
<div id="header">
<a href="#"> <img src="header.gif" width="277" height="55" /></a>
</div>
<br/>
<br/>
<br/>
<br/>
<!...................................!>
<div id="doa">
<!......................NAV...........!>
<div id="nav">
<ul class="menu">
<li>
<a href="#"><span>صفحه نخست</span></a>
</li>
<li>
<a href="#">
<span>اخبار</span></a>
</li>
<li>
<a href="#"><span>مقالات</span></a>
</li>
<li>
<a href="#"><span>سخنرانی</span></a>
</li>
<li>
<a href="#"><span>گالری تصاویر</span></a>
</li>
<li>
<a href="#"><span>فایل های صوتی</span></a>
</li>
<li>
<a href="#"><span>درباره هیئت</span></a>
</li>
<li>
<a href="#"><span>تماس با ما </span></a>
</li>
</ul>
</div>
<br/>
<!...........................doa...............!>
<p style="font-family:'Adobe Arabic'; color:black;" >
<marquee direction="right" behavior="scroll" >
اَللّهُمَّ كُنْ لِوَلِيِّكَ الْحُجَّةِ بْنِ الْحَسَنِ صَلَواتُكَ عَلَيْهِ وَعَلى آبائِهِ في هذِهِ السّاعَةِ وَفي كُلِّ ساعَةٍ وَلِيّاً وَحافِظاً وَقائِداً وَناصِراً وَدَليلاً وَعَيْناً حَتّى تُسْكِنَهُ أَرْضَكَ طَوْعاً وَتُمَتِّعَهُ فيها طَويلا
</marquee>
</p>
</marquee>
<!....................time.................!>
</div>
<div id="time">
</div>
<br/>
<div class="sidebar">
</div>
<br/>
<br/>
<br/>
<div class="sidebar-menu">
</div>
</body>
</html>

CSS


body{
background:url(bg.gif);
}
#header{
float:right;
margin-top:20px;
margin-right:80px;
}
#doa{
width: 1000px;
height: 35px;
background-color:#2abbea;
float:right;
margin-right:80px;
}

.menu {
direction:rtl;
margin-top:50px;
list-style:none;
margin:-25px;
margin-right:300px;
}

.menu li{
display:inline-block;
width:auto;
line-height:27px;
height:27px;
overflow:visible;
position:relative;
bottom:0;
}
.m2 li {
margin-left:3px;

}
.menu li a {
position:relative;
display:block;
padding:3px;
height:21px;
background:#2abbea;
background-image: -webkit-gradient(linear, top right, bottom left, from(#2abbea), to(#2abbea));
background-image: -webkit-linear-gradient(top, #2abbea, #2abbea);
background-image: -moz-linear-gradient(top, #2abbea, #2abbea);
background-image: -o-linear-gradient(top, #2abbea, #2abbea);
background-image: linear-gradient(to bottom, #2abbea, #2abbea);
bottom:0;
margin:0;
top:0;
zoom: 1;
text-decoration:none;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color:#000;
}
.menu li a:hover {
height:31px;
top:-10px;
}
#time{
width: 180px;
height: 35px;
background-color:#2abbea;
float:right;
margin-right:5px;
margin-left:80px;
position:relative;
}
.sidebar{
width: 240px;
height: 23px;
background-color:#2abbea;
float:right;
margin-top:12px;
margin-right:80px;
border-radius:10px;
}
.sidebar-menu{
width: 240px;
height: 261px;
background-color:#0e97c3;
float:right;
margin-right:80px;
border-radius:10px;

پیشاپیش ممنون از کمکتون

;)

0

به اشتراک گذاری این پست


لینک به پست

سلام

هیچ راهی وجود نداره که همونجور بمونن ! شما باید طرحت رو رسپانسیو بزنی که با عرض مرورگر طرح هم عوض شه و یا اینکه عناصر صفحه کمی کوچکتر بشن // با توجه به این خودتون میگید تازه با طراحی آشنا شدید ، خیلی سخته براتون که طراحی رسپانسیو یاد بگیری

0

به اشتراک گذاری این پست


لینک به پست

دوستان دیگه راه حل بهتری ندارند من از شر این قالب راحت شم؟؟؟؟؟

تو css چیزی نیست که این کار رو انجام بده؟؟

0

به اشتراک گذاری این پست


لینک به پست

میتونید آدرس سایت رو بدید؟

0

به اشتراک گذاری این پست


لینک به پست

نه متاسفانه

رو لوکال هاست کار میکنم

کد ها رو همشو گذاشتم

0

به اشتراک گذاری این پست


لینک به پست

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

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

1

به اشتراک گذاری این پست


لینک به پست

چجوری باید این کار رو انجام بدم داداش؟؟

0

به اشتراک گذاری این پست


لینک به پست

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

یکی رو مطالعه کنید :)

0

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط Mr Mirzaei
      سلام
      من میخواستم فایل جاوا اسکریپت با پسوند js رو روی سایتم اپلود کنم ولی ارور میده
      مینویسه:
      “js 1” به‌خاطر وجود ایراد بارگذاری نشد
      متاسفانه، این نوع پرونده به دلایل امنیتی مجاز نیست.
      اگه کسی میدونه مشکلش چیه لطفا به منم بگه
    • توسط mehditalaei
      سلام
      بنده یه افزونه نیاز دارم تا برای کاربرای سایت داشبورد حرفهای بسازم و کاربر با ورود به ناحیه کاربری بتونه اونو مدیریت کنه.
    • توسط Morteza
      قوانین کلی انجمن
      1- در هنگام ثبت نام از کلمات مناسب جهت نام کاربری استفاده نمایید. نام های کاربری حاوی کلمات نامناسب ، نام های کاربری که جنبه تبلیغاتی داشته و یا نام های کاربری که نام یک سایت می باشند ، سریعا حذف خواهند شد.
      2- به دیگران احترام بگزارید. با هرگونه بی احترامی برخورد جدی و حتی منجر به قطع دسترسی کاربر خاطی خواهد شد.
      3- در انتخاب آواتر و امضا دقت کنید و از تصاویر و کلمات موهون و نامناسب استفاده ننمایید. توجه کنید که امضا هایی که حاوی تصاویر و کلمات موهون و نامناسب باشند و یا جنبه تبلیغاتی داشته باشند سریعا حذف خواهند شد و در صورت تکرار با فرد خاطی برخورد خواهد شد.
      4- برای مطالب خود از عنوان مناسب و گویا استفاده نمایید. در عنوان مطالب خود از عبارات و کلمه هایی مانند : کمک کنید ، درخواست فوری ، نیاز شدید ، تورو خدا کمکم کنید ، خیلی مهم و جملاتی شبیه به این خودداری نمایید.
      5- حتما قبل از ایجاد یک موضوع در انجمن جستجو کنید و از ایجاد مطالب تکراری خودداری نمایید.
      6- از اسپم کردن موضوعات پرهیز کنید. جهت دریافت پاسخ صبر داشته باشید. برای تشکر از دکمه تشکر استفاده کنید.
      7- فارسی بنویسید و از فینگلیش نوشتن خودداری کنید. در غیر اینصورت با فرد خاطی برخورد خواهد شد.
      8- فعالیت های تجاری را فقط در بخش مشخص شده انجام دهید و از ایجاد موضوعاتی با جنبه تجاری در دیگر بخشها خودداری نمایید. از دادن پاسخهایی که جنبه تجاری و یا تبلیغی دارند خودداری نمایید. در صورت مشاهده چنین پست هایی با فرد خاطی برخورد خواهد شد.
      9- گروه وردپرس پارسی هیچگونه مسئولیتی در مورد فعالیت های بخش تجاری ندارد و تمامی مسئولیت به عهده ایجاد کننده موضوع است.
      10-هرگونه بحث سیاسی - مذهبی در این انجمن ممنوع می باشد. هرگونه توهین و مجادله و مباحثه در مباحث دینی و سیاسی ممنوع بوده و تاپیک های اینچنینی حذف و کاربران خاطی محروم می شوند. در صورت تکرار فرد خاطی برای همیشه از انجمن اخراج می شود.
      11- ارائه شماره تماس و ایمیل جهت همکاری و یا خرید و فروش و یا هرگونه مورد دیگر بصورت عمومی در انجمن ممنوع است. جهت تبادل موارد ذکر شده از طریق پیام خصوصی اقدام کنید.
      12- هرگونه درخواست کامل سازی پوسته در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته جدا خودداری کنید.
      13- هرگونه بحث در مورد تکمیل و اشکال زدایی پوسته های ریپ در انجمن ممنوع است. اگر نیاز به تکمیل کد بخش خاصی از پوسته را دارید باید درخواست خود را در یک تاپیک جدید مطرح کنید و از درخواست تکمیل کدنویسی و یا طراحی یک پوسته ریپ جدا خودداری کنید.
      14- هرگونه درخواست فایل/پوسته/افزونه و سایر محصولهای تجاری در انجمن ممنوع است.
      15- هرگونه پرسش و بحث درباره محصولهای تجاری در انجمن ممنوع است. پشتیبانی محصولهای تجاری به عهده سازنده/فروشنده آن است.
      بروزرسانی پنجم.
    • توسط hamidgh
      سلام
      در صفحه محصولاتم هنگام خرید و اتمام مراحل ، وارد قسمت سفارشات شدم تا سفارش را ببینم متوجه شدم محصولی که 100 عدد در انبار بوده با یک خرید تمام شده و عدد 1- نمایش داده شده . در محصولات دیگر هم همین مشکل به وجود آمده است . هر عددی که در بخش تعداد در انبار می زارم بعد از یک خرید به 1- تغییر پیدا میکنه و دیگه کاربری نمیتواند ان محصول را به علت عدم موجود در انبار بخرد . همه افزونه ها رو هم غیر فعال کردم ولی درست نشد . ووکامرس هم اخرین نسخه است .از اول هم همین مشکل را داشتم
      ممنون می شوم در حل این مشکل راه نماییم کنید
      با تشکر
    • توسط napo
      سلام 
      افزونه max mega menu  رو دانلود کردم ولی متاسفانه راستچین نیست یعنی زیر منو رو سمت راست ایجاد میکنه به جای اینکه در سمت چپ نشون بده همونطوری که توی عکس مشخصه بعد انتخاب دوتا زیر منو کلا از صفحه خارج میشه
      اگه میشه کمکم کنید
      اگه کسی افزونه ای دیگه میشناسه که هم راستیچینه هم اکاردئونی ممنون میشم معرفی کنه