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

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


لینک به پست

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

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

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

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


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

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

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


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

  • مطالب مشابه

    • توسط vazizi69@yahoo.com
      سلام وقت بخیر 
      دوستان لطفا راهنماییم کنید ممنون میشم 
      من میخوام تو سایت وردپرسی خبری ، امکانی ایجاد کنم که کاربران تو پنل کاربری شون بتونن چند تا کلمات کلیدی بنویسند 
      و  لینک هر خبری که هر کدوم از اون کلمات کلیدی داخل متنش بود رو برای کاربر ارسال کنه 
      مثلا کاربر1 کلمه کلیدی علی دایی رو ثبت میکنه و هر پستی با کلمه علی دایی منتشر شد بهش اطلاع داده میشه 
      مثلا سریعا بعد از انتشار از طریق پیامک به کاربر اطلاع بده 
      آیا افزونه ای هست که بشه ازش استفاده کرد و به این اهداف رسید ؟
      پیشنهاد شما چیه در این باره؟
    • توسط rendesharif
      با سلام 
      24 ساعت پیش در حال آپدیت تب های وبسایت بودم که اینترنت قطع شد و هنگامی که سعی کردم دوباره وارد کنترل پنل بشم دیدم صفحات ساختار خودشون رو از دست دادن و به نحوی بصورت لایت بارگزاری میشن برای حل این مشکل چیکار میتونم بکنم آیا راه حلی هست.
      تصویر قسمت لاگین هم اضافه کردم میتونید ببینید که دیگه خبری از ساختار اصلی نیست در مابقی صفحات کنترل پنل هم به همین شکل هست

    • توسط hamid.26
      سلام خسته نباشید ووکامرس فروشگاهم رو پیکربندی کردم اما دکمه ی افزودن به سبد خرید پایین محصولات نمیاد لطفاً کمک کنید بگید چطوری درستش کنم.
    • توسط Borzou
      سلام دوستان
      من حدود 1 ماهه که قالب سایتم رو تغییر دادم و این مشکل برام پیش اومده و عنوان سایتم هم در اول و هم در آخر جستجوهای گوگل نمایش داده میشه در صورتی که من عنوان سایت گذاشتم قسمت آخر.
      @Morteza
      @mehran-b
      چطور میشه این مسئله رو حل کرد؟  تنظیمات yoast  رو تنظیم کردم و مشکلی نداشت. تصویر پیوست شده.
      سایت First90day.ir
      تنظیمات نوشته ها و برگه ها هردو به صورت زیر تنظیم شده. اما مطابق تصویر ی که پیوست کردم نمایش میده.
      مشکل از کجاست؟

    • توسط iranibonsai
      درود، سایتی رو با وردپرس بالا آوردیم
      اما اکنون در صفحات داخلی سایت کد خطایی رو در بخش بالای مرورگر نشون میده که نتونستیم رفعش کنیم
      Warning: count(): Parameter must be an array or an object that implements Countable in /home3/zahrefzo/public_html/wp-includes/post-template.php on line 284
      این خطا قبلا وجود نداشت، نفهمیدم به چه علتی بوجود آمده و تو اینترنت هم چیز خاصی راجعبه رفعش پیدا نکردم، ممنون میشم اعلام نظر بفرمایید
      آدرس سایت :
      http://minelbeautysalon.com//