سلام
اگه برید توی این سایتشما میبینید که پایین این صفحه یک قسمت وجود داره که ثابت است و با اسکرول کردن صفحه اون قسمت هیچ جابجایی ندارهکد:http://www.sitepoint.com/article/beautiful-web-site-archives/
چطور همچین چیزی درست کنم؟
ممنون
سلام
اگه برید توی این سایتشما میبینید که پایین این صفحه یک قسمت وجود داره که ثابت است و با اسکرول کردن صفحه اون قسمت هیچ جابجایی ندارهکد:http://www.sitepoint.com/article/beautiful-web-site-archives/
چطور همچین چیزی درست کنم؟
ممنون
نمیشه اینکار را انجام داد؟
خوب شما چرا سورس کد رو از اون صفحه بر نمی دارید ؟
این کار رو با جاوااسکریپت انجام می دن اگه شما خودتان برید و کدش رو بردارید خیلی چیزهای دیگه دستگیرتون می شه
آخه وقتی صفحه را ذخیره میکنم و از روی pc بازش میکنم دیگه اون قسمت نمیاد!!!!
با css میشه. position اون رو fixed تعیین کنید و بعد مقدار left و bottom رو صفر بدید. همین.
میشه یه نمونه برای من زحمت بکشید درست کنید
خیلی متشکرم
مثلاً این:
اینو به هر کجا کپی کنی و بذاری، اون می‌چسبه به پایین صفحه. همه‌ی اون CSSها الکی‌ان، فقط،کد:<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
* {
margin: 0;
padding: 0;
}
#footer {
width: 100%;
position: absolute;
bottom: 0;
text-align: center;
background-color:#333333;
color: #FFFFFF;
font: 12px Tahoma;
padding: 10px;
direction: rtl;
}
</style>
</head>
<body>
<div id="footer">این‌جا به پایین صفحه چسبیده است.</div>
</body>
</html>
این کارو انجام میده.کد:position: absolute;
bottom: 0;
نقل قول:
بايد خصيصه [HTML]
position : fixed;
[/HTML]
رو به تگ بدهي اما اگر كارت راه نيفتاد پيام خصوصي بزن :46:
میتونم یه سوال کنم؟!نقل قول:
بايد خصيصه html کد:
Position : Fixed;
رو به تگ بدهي اما اگر كارت راه نيفتاد پيام خصوصي بزن [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
چرا باید پیام خصوصی بزنه! پیام خصوصی برا ی مواردیه که تبلیغ محسوب میشه و نباید تو قروم درج بشه.
دوستمون که تو پست 5 جوابشونو دادن و یه نمونه هم تو پست 7 گراشتن.
حالا اگه مشکلی میبینید یا فکر میکنید راه دیگه ای هم داره(با css) همینجا مطرح کنید تا دیگران هم استفاده کنن.
موفق باشی
دست همه دوستان درد نکنه
من همین را میخواستم. و درست شد.
نقل قول:
ببخشيد . :31::31::31::31:
راستي متني كه مي نويسي چند تا اشكال داره :27::18::18::27::2::2::2::2::31::31: .
سلامنقل قول:
نمی دونم جواب سوالتون رو گرفتید یا نه ولی تا اونجایی که من امتحان کردم اینترنت اکسپلورر از کد position:fixed پشتیبانی نمی کنه ولی تو مرورگرهای دیگه این کد درست اجرا میشه من خودم یه بار برای حل این مشکل تو همه مرورگرها از frame استفاده کردم که البته نمی دونم این برای سایتی که شما می خواهید درست کنید جواب میده یا نه:20:
نقل قول:
درست است . اگر مي خواهيد در IE جواب بده بايد از JavaScript استفاده كرد ! اگر لازم داري كدش رو بنويسم . :11::11:
یه فایل جاوااسکریپت هست به اسم IE7.js که نه فقط این مشکلو بلکه خیلی از مشکلای دیگه IE رو هم حل می‌کنه. تو گوگل کد با همین اسم IE7 و یا IE8 هست ولی متاسفانه گوگل کد دسترسیشو برای ایرانی‌ها بسته.
من یک جای دیگه upload کردمش:
اینم کدی که باید تو Head بذاری:کد:http://www.fileden.com/files/2008/7/4/1988726/IE8.js
[HTML]
<!--[if lt IE 8]>
<script src="IE8.JS FILE ADDRESS" type="text/javascript"></script>
<![endif]-->
[/HTML]
این که کار نمی کنه !!
فقط همین راه رو داره ؟
من فکر می کنم یک راه دیگه هم باشه
بعضی از سایت ها یک سری تبلیق به صورت عکس پایین صفحه می زارن ( همین فروم های ایران) فکر کنم از این راه هم بشه
کدوم ؟ :20::27::27::27::31::31::31:نقل قول:
اسمش یادم نیست ولی بعضی از سایت ها هم یک کد هایی رو میدن برای تبلیغ خودشون که برای همایت از ما یا مثلا غزه این رو بزارید که یک گوشه بچسبه
اگه فرومش رو پیدا کردم کدشو میزارم
سلام
راهی نیست که در ie بدون جاوااسکریپت این کار رو انجام داد؟
من خیلی به این مورد احتیاج دارم
سلام خواهشا یکی کمک کنه خیلی مهمه
کار نمی‌کنه؟! طبق دانسته‌های من باید کار می‌کرد اگرچه هنوز تستش نکرده بودم.نقل قول:
با دستور expression میشه حلش کرد. روشش این‌جوریه:
توی پرانتز دستور جاوااسکریپت قرار می‌گیره که می‌تونیم height پنجره رو منهای ارتفاع خود شی کنیم تا مقدار صحیح به‌دست بیاد. فقط IE از این خصوصیت پیشتیبانی می‌کنه.کد:#selector {
expression: ();
}
من جاوااسکریپت بلد نیستم، این‌جا محمد وارده، ولی یه همچین چیزی میشه:
کد:div#fixme {
left: expression( document.body.scrollLeft + 'px' );
top: expression( document.body.scrollTop + 'px' );
}
body > div#fixme { position: fixed; left: 0px; top: 0px; }
سلام.
درهر صورت باز هم جاوااسکريپت استفاده مي کنه، اين يکي درست کار کرد. ie6 , ie8 تست شده.
[HTML]
<style type="text/css">
p {
font-family:verdana;
font-size: 12px;
}
#fixedd {
position: absolute;
top: 0px;
left: 0px;
}
div#fixedd {
top: expression(( 0 + (fixpos = document.body.scrollTop)) + "px");
}
</style>
<div id="fixedd">
<p>Fixed position...</p>
</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
[/HTML]
مرسی!
فک کنم به کاره من بیاد
اون فلشه بقله سایتم تو ff و .... اسکرول میشه ولی تو ie گیج و گوج ثابت میمونه!
حالا بخوام اینو inline آستفاده کنم چه جور میشه قسمته اسکریپتش؟
یعنی این:
اینه کده من:کد:div#fixedd {
top: expression(( 0 + (fixpos = document.body.scrollTop)) + "px");
اونو بزارم تو css صفحه به این هم یه ID بدم؟ حس و حالش نیست!کد:<div style="padding: 0px; margin: 0px 0px 0px 7px; float: left; position: fixed; z-index: 99; bottom: 0px; left: 0px; visibility: visible; display: block; overflow: hidden; cursor: default;">
<object id="design_by_darioushjh" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="74" width="84">
<param name="movie" value="<?php bloginfo('template_directory'); ?>/images/design_by_darioushjh.swf" />
<param name="bgcolor" value="" />
<param name="quality" value="High" />
<param name="menu" value="0" />
<param name="scale" value="ShowAll" />
<param name="wmode" value="Transparent" />
<param name="allowscriptaccess" value="always" />
<param name="_cx" value="2223" />
<param name="_cy" value="1958" />
<param name="FlashVars" value="0" />
<param name="Src" value="<?php bloginfo('template_directory'); ?>/images/design_by_darioushjh.swf" />
<param name="Play" value="0" />
<param name="Loop" value="-1" />
<param name="SAlign" value="" />
<param name="Base" value="" />
<param name="DeviceFont" value="0" />
<param name="EmbedMovie" value="0" />
<param name="SWRemote" value="" />
<embed allowscriptaccess="samedomain" bgcolor="#E4E8C5" height="74" menu="false" name="design_by_darioushjh" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" quality="high" scale="exactfit" src="<?php bloginfo('template_directory'); ?>/images/design_by_darioushjh.swf" type="application/x-shockwave-flash" width="84" wmode="transparent">
</embed>
</object>
</div>
متاسفانه به صورت inline جواب نمی ده داریوش جان!
اما با استفاده از css ---- اینجوری هم جواب می ده:
راستی چرا به صورت inline استفاده می کنی؟ بین برنامه نویسا استاندارد نیست هااا... یه id دادن یا class دادن خیلی کار می بره؟کد:div#fixedd {
position: absolute;
top: 0px;
left: 0px;
_top: expression(( 0 + (fixpos = document.body.scrollTop)) + "px");
}
مرسی برار!
نه بابا تا لازم نباشه که inline کار نمیکنم!
ولی این جور چیزا رو معمولا inline »یزارم که راحت تر تو هر قالبی بتونم جورش کنم!
مثلا اون قرآن و اون shoutbox و این چیزا همشون inline هستن!
از شما چه پنهون! حس و حاله آپیدته فایله css هم بعضی موارد نیست!×!
سلام من همه رو تو ie امتحان کردم جواب ندادن ولی این یکی جواب می ه
نقل قول:
<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
"http://www.w3.org/tr/html4/loose.dtd">
<html>
<head>
<title>untitled document</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<style type="text/css">
body { height:100%; overflow-y:auto;}
#fixpic {display:block; width:108px height:145px; position:fixed; bottom:0; left:0;}
* html #fixpic {position:absolute;}
</style>
<!--[if lte ie 6]>
<style type="text/css">
/*<![cdata[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
</head>
<body>
<p><img src="438nibbleimage124.jpg" width="200" height="200" id="fixpic">
11111111111111
</p>
<p>2222222222222222</p>
<p>333333333333333</p>
<p>4444444444444444</p>
<p>5555555555555555</p>
<p>6666666666666666</p>
<p>7777777777777777777</p>
<p>8888888888888888</p>
<p>999999999999999999</p>
<p>0000000000000000000</p>
<p>1111111111111111111111</p>
<p>22222222222222</p>
<p>333333333333333</p>
<p>444444444444444</p>
<p>555555555555</p>
<p>66666666666666666</p>
<p>77777777777777777</p>
<p>88888888888888888888</p>
<p>999999999999999999999999999</p>
<p>0000000000000</p>
<p>1111111111111111111111111111111111111</p>
<p>22222222222222222222222222222222</p>
<p>33333333333333333333333333333333</p>
<p>444444444444444444444444444444</p>
<p>55555555555555555555555555555555555</p>
<p>66666666666666666666666666666</p>
<p>777777777777777777777777777777</p>
<p>888888888888888888888888888888888</p>
<p>99999999999999999999999999999999999999</p>
<p>00000000000000000000000000000000000000000000000 0000000</p>
<p> </p>
</body>
</html>