Printable View
با سلام
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
لطفا به این سایت توجه فرمائید
من اینرو طراحی کردم
اما وقتی این سایت رو با resolotion کمتر 1024 800x نگاه می کنم تمامی عناصر سایت بهم ریخهته میشن و بکگراند کار ثابت می مونه
میشه لطفا به من بگین که چیکار کنم که این اتفاق نیوفته و این سایت مثل بقیه سایت در هر سایز تصویری ثابت نشان داده بشه ؟
کسی نمیدونه که من باید چیکار کنم ؟
دوست عزیز پوسته بعضی از وب سایت ها مثل همین انجمن p30world با بالا رفتن رزولوشن کشیده می شوند. اما بعضی از سایت ها مثل سایت خودم :20: با بالا رفتن رزولوشن ثابت در مرکز صفحه قرار می گیرند.
[HTML]http://pcforlife.ir/[/HTML]
این بستگی به شما داره که توی طراحی پوسته از واحد percent استفاده کرده باشی یا از pixle.
الان دیگه کسی با رزولوشن کمتر از 1024*768 که با کامپیوتر کار نمیکنه! شما باید برای رزولوشن های بالا فکر کنید چون سایتتون بدجوری تو رزولوشن بالا بهم میریزه. لطفا کد HTML قالبتون را قرار بدید تا با کمک هم مشکلشو حل کنیم.:10:نقل قول:
یاعلی
کد:<html xmlns=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>آریا سپنتا - طراحی و تامین تجهیزات روشنایی</title>
</head>
<body style="background-attachment: fixed">
<!--url's used in the movie-->
<!--text used in the movie-->
<!-- saved from url=(0013)about:internet -->
</body>
<title>Aria Sepanta - Lighting Solution</title>
<div align="center">
</head>
<body style="background-attachment: fixed">
<script language="javascript" type="text/javascript">
document.write("<h3>Today is " + dayName[now.getDay()] + ", " + monName[now.getMonth()] + " " + now.getDate() + ".</h3>")
</script>
<table width="856" height="898" border="0" style="border-collapse: collapse">
<HEAD>
<!-- CONTINUE -->
<body background="images/bg.png" style="background-attachment: fixed">
<tr>
<td height="109" align="center" style="color: #FFF" width="471" bgcolor="#CCCCCC" valign="bottom">
<p align="left">
<img border="0" src="images/lighheader.jpg" width="471" height="106"></td>
<td height="109" align="center" style="color: #FFF" width="478" bgcolor="#CCCCCC">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj5" codebase=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " border="0" width="471" height="95" align="left">
<param name="movie" value="swf/shinefa.swf">
<param name="quality" value="High">
<param name="bgcolor" value="#cccccc">
<param name="scale" value="ExactFit">
<embed src="swf/shinefa.swf" pluginspage=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " type="application/x-shockwave-flash" name="obj5" width="471" height="95" quality="High" scale="ExactFit" bgcolor="#cccccc"></object>
</td>
</tr>
<html>
<BODY background="images/bg.png" style="background-attachment: fixed">
<tr>
<td height="56" align="center" valign="top" width="937" style="color: #FFF" colspan="2">
<head>
<meta http-equiv="Content-Language" content="en-us">
</head>
<p align="left">
<span style="text-decoration: none">
<font size="2" face="Tahoma" color="#000000">
<script language="javascript" src=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] >
</p></a></font></span>
</p>
<SCRIPT
LANGUAGE="JavaScript">
var timerID = null;
var timerRunning = false;
function stopclock ()
{
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function showtime ()
{
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
// you could replace the above with this
// and have a clock on the status bar:
// window.status = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function startclock ()
{
// Make sure the clock is stopped
stopclock();
showtime();
}
</SCRIPT>
<p>
<form action=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " id="cse-search-box">
<div>
<input type="hidden" name="cx" value="013436738714826611132:bja4vadodjs" />
<input type="hidden" name="ie" value="UTF-8" />
<form action=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " id="cse-search-box">
<div>
<input type="hidden" name="cx" value="013436738714826611132:8od3zbjfqsq" />
<input type="hidden" name="ie" value="UTF-8" />
<p align="left">
<input type="text" name="q" size="31" /><input type="submit" name="sa" value="جستجو" style="font-family: Tahoma; font-size: 8pt" />
</div>
</form>
<script type="text/javascript" src=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] >
<script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
<script type="text/javascript" src=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] >
<script type="text/javascript" src=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] >
</div>
</form></td>
</tr>
<tr>
<td height="81" align="center" valign="middle" width="937" style="color: #FFF" colspan="2">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " width="947" height="95" >
<param name="movie" value="swf/menu_fa.swf" />
<param name="quality" value="High" />
<param name="allowScriptAccess" value="always" />
<param name="wmode" value="transparent" />
<param name="scale" value="ExactFit">
<embed src="swf/menu_fa.swf" quality="High" pluginspage=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " type="application/x-shockwave-flash" width="947" height="95" allowScriptAccess="always" wmode="transparent" scale="ExactFit">
</embed></object>
</td>
</tr>
<tr>
<td height="235" align="center" valign="top" width="937" style="color: #FFF" colspan="2">
<object classid="clsid:D27CDB6E-AE6D-11CF-96B8-444553540000" id="obj2" codebase=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " border="0" width="887" height="227">
<param name="movie" value="abheader.swf">
<param name="quality" value="High">
<param name="scale" value="ExactFit">
<param name="loop" value="false">
<embed src="abheader.swf" pluginspage=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " type="application/x-shockwave-flash" name="obj2" width="887" height="227" quality="High" scale="ExactFit" loop="false"></object>
</td>
</tr>
<tr>
<td height="218" align="center" valign="top" width="469" style="color: #FFF">
<p>
</td>
<td height="218" align="center" width="476" style="color: #FFF" valign="top">
<p> <p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " width="480" height="160">
<param name="movie" value="swf/slidefa.swf" />
<param name="quality" value="high" />
<param name="allowFullScreen" value="false" />
<embed src="swf/slidefa.swf"
quality="high"
type="application/x-shockwave-flash"
width="480"
height="160"
allowFullScreen="false"
pluginspage=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] " />
</object>
</td>
</tr>
<tr>
<td height="132" align="center" valign="top" width="471" style="color: #FFF">
</td>
<td height="132" align="center" width="478" style="color: #FFF" valign="top">
<p align="right">
<marquee id="scroller" direction="up" truespeed="3" scrolldelay="100" scrollamount="3"
onmouseover='scroller.stop();' onmouseout='scroller.start();' behavior="scroll" scrollamount="3" style="color: #000000; font-family: Tahoma; font-size: 10pt" width="162"><p align="top">پر<a href=" [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ; 1 </a><p align="top">پروژه 2 <p align="top">پروژه 3 <p align="top">پروژه 4</marquee></td>
</tr>
<tr>
<td height="41" align="center" colspan="2" valign="middle" style="color: #FFF">
<font color="#000000" face="Tahoma" size="2">تمامی حقوق این سایت
متعلق به شرکت آریا سپنتا میباشد</font></td>
</tr>
</table>
</div>
</body>
</html>
</html>
این خدمت شما
این خدمت شما
فقط من به توضیح هم بدم که این بک گراندی که من استفاده کردم اگر save کنید متوجه خواهید شد که بعضی از عناصراش ثابت هست
اما نکته جالب اینجاست که من این بکگراند رو از [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] گرفتم در سایت خودش این مشکل نیست
يك مسئله اي اينكه اگر بخواي سايتت خيلي ok باشه بايد تو همه رزلوشن ها كار كنه كه بوسيله % و چيزهاي دظير اين كه كلا زياد هست توضيحاتش انجام ميشه البته واسه اين دوست عزيزم.ن من نتونستم كدهاتو check كنم اما كلا خاصي سرتشو هم بياري بوسيله اين دستور مشكل resize حل ميشه البته قضيه چيزه ديگري هست اما باعث ميشه چينش بهم نريزهنقل قول:
body{
max-width=800px;
}
دوست عزیز مطمئنی این پوسته قالبته؟ اینکه چندین بار تگ <head> <html> <body> تکرار شده! ضمنا url های فایل فلش هم مورد داره!
بله همینه
حالاشما به فلش ها و این تگهای اضافی کاری نداشته باشید لطفا به من بگین که چه جوری مشکلم رو حل کنیم مرسی
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
دوست من اینو نگاه کن این سایت از همین بگراند استفاده کرده اما اگه در هر سایزی این سایتو نگاه کنی جدول وسط، وسط باقی میمونه منم میخوام بدونم چیکار کنم که جدول با بزرگ یا کوچیک کردن سایت تغییر پیدا نکنه و هیج تغیری در جای جدول ایجاد نشه و جدول سایت همیشه در وسط این بکگراند باشه
دوست عزيز كدت از base ايراد داره از اول بنويسي كمتر وقت ميبره تا درستش كني
مشکلش کجاست بگید که درستش کنم
اینم بگم من فقط و فقط میخواهم راهی یاد بگیرم که بگکراند در همه حالت ثابت باشه یعنی اون جدول وسط که همه ی اجزای سایت درش هست در همه حال وسط بکگراند باشه
من این بکگراند روی یه صفحه جدید هم امتحان کردم اما همچنان این مشکل رو داشت.
من دنبال راحی میگردم که مثل سایت [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] که از همین بکگراند استفاده کرده و در تمام حالت مشکل بکگراندی نداره منم بتونم همین کارو کنم
ببین کد زیر که باید تو هد باشه جواب میده...:13::10:نقل قول:
[HTML]
<head>
<style type="text/css">
body {
background-image: url(آدرس بک گروند);
background-repeat: no-repeat;
}
</style>
</head>
[/HTML]
یاعلی
نه عزیر جواب نداد
ببین لطفا بگکراند سیو کن و اگه میشه یه پیج بساز باهمون بکگراند اینجا بزار که من روی همون وبمو درست کنم
عزیر ببین من ساختار سایتم رو تو فایلی که آ÷لود کردم کاملا تشریح کردم + نمونه کار لطفا اگه میشه روی این فایل تغغیراتی که فرمودی اعمال کن که روی همین پیج کارمو ادامه بدم
کد:http://rapidshare.com/files/262756931/site.rar.html
عزیز جان Pcforlife چی شد؟ درست نمیشه ؟
دوست عزیز اگه بخوای عکس bg ثابت باشه و با تغییر سایز تکرار نشه، این کدی که دادم باید جواب بده. دقت کن یه جا تو کدی که دادم تایپیدم:
[HTML]
background-repeat: no-repeat;
[/HTML]
عزیز جان من که خدمت فایل بیس سایت رو دادم شما اگه میشه خودت این کد رو اضافه کن و برای مجدد آپلود کن ممنون
نقل قول:
در ضمن مشکل من تکرار بکگراند نیست اون که با یه واترمارک کردن درست میشه
مشکل من اینکه این جداولی که تو سایت درست کردم وقتی تصویر کوچک میشه از بگراند میزنه بیرون من میخواهم یک کاری کنم که جدول در همه حال وسط باشه یعنی وقتی سایز تصویر کوچک هم میشه جدول خراب نشه
تصویر 1
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
تصویر 2
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ببین دوست من در تصویر 2 چطوری تصویر بهم ریخته
من می خوام این مشکل حل کنم یعنی حتی در سایزهایکوچک هم وب سایت مانند تصویر 1 دیده شود.