ورود

نسخه کامل مشاهده نسخه کامل : گذاشتن یک مطلب ثابت در سایت بدون اینکه با اسکرول تغییر مکان دهد



ENTEZAR
22-12-2008, 13:45
سلام

اگه برید توی این سایت
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
شما میبینید که پایین این صفحه یک قسمت وجود داره که ثابت است و با اسکرول کردن صفحه اون قسمت هیچ جابجایی نداره

چطور همچین چیزی درست کنم؟

ممنون

ENTEZAR
23-12-2008, 10:57
نمیشه اینکار را انجام داد؟

as13851365
24-12-2008, 14:22
خوب شما چرا سورس کد رو از اون صفحه بر نمی دارید ؟

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

ENTEZAR
24-12-2008, 16:15
آخه وقتی صفحه را ذخیره میکنم و از روی pc بازش میکنم دیگه اون قسمت نمیاد!!!!

TemplateMonster
24-12-2008, 16:39
با css می‌شه. position اون رو fixed تعیین کنید و بعد مقدار left و bottom رو صفر بدید. همین.

ENTEZAR
25-12-2008, 08:25
میشه یه نمونه برای من زحمت بکشید درست کنید

خیلی متشکرم

TemplateMonster
27-12-2008, 18:26
مثلاً این:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اینو به هر کجا کپی کنی و بذاری، اون می‌چسبه به پایین صفحه. همه‌ی اون CSSها الکی‌ان، فقط،
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
این کارو انجام می‌ده.

jandedy
28-12-2008, 09:27
سلام

اگه برید توی این سایت
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدشما میبینید که پایین این صفحه یک قسمت وجود داره که ثابت است و با اسکرول کردن صفحه اون قسمت هیچ جابجایی نداره

چطور همچین چیزی درست کنم؟

ممنون


بايد خصيصه
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

رو به تگ بدهي اما اگر كارت راه نيفتاد پيام خصوصي بزن :46:

David.Jn
28-12-2008, 09:56
بايد خصيصه html کد:
Position : Fixed;
رو به تگ بدهي اما اگر كارت راه نيفتاد پيام خصوصي بزن [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
میتونم یه سوال کنم؟!
چرا باید پیام خصوصی بزنه! پیام خصوصی برا ی مواردیه که تبلیغ محسوب میشه و نباید تو قروم درج بشه.
دوستمون که تو پست 5 جوابشونو دادن و یه نمونه هم تو پست 7 گراشتن.
حالا اگه مشکلی میبینید یا فکر میکنید راه دیگه ای هم داره(با css) همینجا مطرح کنید تا دیگران هم استفاده کنن.
موفق باشی

ENTEZAR
28-12-2008, 13:27
دست همه دوستان درد نکنه

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

jandedy
30-12-2008, 16:03
میتونم یه سوال کنم؟!
چرا باید پیام خصوصی بزنه! پیام خصوصی برا ی مواردیه که تبلیغ محسوب میشه و نباید تو قروم درج بشه.
دوستمون که تو پست 5 جوابشونو دادن و یه نمونه هم تو پست 7 گراشتن.
حالا اگه مشکلی میبینید یا فکر میکنید راه دیگه ای هم داره(با css) همینجا مطرح کنید تا دیگران هم استفاده کنن.
موفق باشی


ببخشيد . :31::31::31::31:
راستي متني كه مي نويسي چند تا اشكال داره :27::18::18::27::2::2::2::2::31::31: .

DreaMaryam
20-01-2009, 10:45
سلام

اگه برید توی این سایت
برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدشما میبینید که پایین این صفحه یک قسمت وجود داره که ثابت است و با اسکرول کردن صفحه اون قسمت هیچ جابجایی نداره

چطور همچین چیزی درست کنم؟

ممنون

سلام
نمی دونم جواب سوالتون رو گرفتید یا نه ولی تا اونجایی که من امتحان کردم اینترنت اکسپلورر از کد position:fixed پشتیبانی نمی کنه ولی تو مرورگرهای دیگه این کد درست اجرا میشه من خودم یه بار برای حل این مشکل تو همه مرورگرها از frame استفاده کردم که البته نمی دونم این برای سایتی که شما می خواهید درست کنید جواب میده یا نه:20:

.: محمد :.
20-01-2009, 15:35
سلام
نمی دونم جواب سوالتون رو گرفتید یا نه ولی تا اونجایی که من امتحان کردم اینترنت اکسپلورر از کد position:fixed پشتیبانی نمی کنه ولی تو مرورگرهای دیگه این کد درست اجرا میشه من خودم یه بار برای حل این مشکل تو همه مرورگرها از frame استفاده کردم که البته نمی دونم این برای سایتی که شما می خواهید درست کنید جواب میده یا نه:20:


درست است . اگر مي خواهيد در IE جواب بده بايد از JavaScript استفاده كرد ! اگر لازم داري كدش رو بنويسم . :11::11:

TemplateMonster
20-01-2009, 19:53
یه فایل جاوااسکریپت هست به اسم IE7.js که نه فقط این مشکلو بلکه خیلی از مشکلای دیگه IE رو هم حل می‌کنه. تو گوگل کد با همین اسم IE7 و یا IE8 هست ولی متاسفانه گوگل کد دسترسیشو برای ایرانی‌ها بسته.

hamed valizadeh
21-01-2009, 14:44
من یک جای دیگه upload کردمش:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اینم کدی که باید تو Head بذاری:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

hiworld
26-01-2009, 14:32
این که کار نمی کنه !!
فقط همین راه رو داره ؟
من فکر می کنم یک راه دیگه هم باشه
بعضی از سایت ها یک سری تبلیق به صورت عکس پایین صفحه می زارن ( همین فروم های ایران) فکر کنم از این راه هم بشه

.: محمد :.
26-01-2009, 14:49
این که کار نمی کنه !!
فقط همین راه رو داره ؟
من فکر می کنم یک راه دیگه هم باشه
بعضی از سایت ها یک سری تبلیق به صورت عکس پایین صفحه می زارن ( همین فروم های ایران) فکر کنم از این راه هم بشه

کدوم ؟ :20::27::27::27::31::31::31:

hiworld
26-01-2009, 19:21
اسمش یادم نیست ولی بعضی از سایت ها هم یک کد هایی رو میدن برای تبلیغ خودشون که برای همایت از ما یا مثلا غزه این رو بزارید که یک گوشه بچسبه
اگه فرومش رو پیدا کردم کدشو میزارم

nibble
27-01-2009, 17:52
سلام
راهی نیست که در ie بدون جاوااسکریپت این کار رو انجام داد؟
من خیلی به این مورد احتیاج دارم

nibble
28-01-2009, 17:36
سلام خواهشا یکی کمک کنه خیلی مهمه

TemplateMonster
28-01-2009, 19:59
این که کار نمی کنه !!
فقط همین راه رو داره ؟
من فکر می کنم یک راه دیگه هم باشه
بعضی از سایت ها یک سری تبلیق به صورت عکس پایین صفحه می زارن ( همین فروم های ایران) فکر کنم از این راه هم بشه

کار نمی‌کنه؟! طبق دانسته‌های من باید کار می‌کرد اگرچه هنوز تستش نکرده بودم.


با دستور expression می‌شه حلش کرد. روشش این‌جوریه:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیدتوی پرانتز دستور جاوااسکریپت قرار می‌گیره که می‌تونیم height پنجره رو منهای ارتفاع خود شی کنیم تا مقدار صحیح به‌دست بیاد. فقط IE از این خصوصیت پیشتیبانی می‌کنه.
من جاوااسکریپت بلد نیستم، این‌جا محمد وارده، ولی یه همچین چیزی می‌شه:


برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

eAmin
29-01-2009, 12:12
سلام.

درهر صورت باز هم جاوااسکريپت استفاده مي کنه، اين يکي درست کار کرد. ie6 , ie8 تست شده.

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

DaRiOuShJh
29-01-2009, 15:36
مرسی!
فک کنم به کاره من بیاد
اون فلشه بقله سایتم تو ff و .... اسکرول میشه ولی تو ie گیج و گوج ثابت میمونه!

حالا بخوام اینو inline آستفاده کنم چه جور میشه قسمته اسکریپتش؟

یعنی این:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنیداینه کده من:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

اونو بزارم تو css صفحه به این هم یه ID بدم؟ حس و حالش نیست!

eAmin
29-01-2009, 20:02
متاسفانه به صورت inline جواب نمی ده داریوش جان!

اما با استفاده از css ---- اینجوری هم جواب می ده:

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
راستی چرا به صورت inline استفاده می کنی؟ بین برنامه نویسا استاندارد نیست هااا... یه id دادن یا class دادن خیلی کار می بره؟

DaRiOuShJh
29-01-2009, 21:17
مرسی برار!
نه بابا تا لازم نباشه که inline کار نمیکنم!
ولی این جور چیزا رو معمولا inline »یزارم که راحت تر تو هر قالبی بتونم جورش کنم!
مثلا اون قرآن و اون shoutbox و این چیزا همشون inline هستن!
از شما چه پنهون! حس و حاله آپیدته فایله css هم بعضی موارد نیست!×!

nibble
07-02-2009, 14:31
سلام من همه رو تو ie امتحان کردم جواب ندادن ولی این یکی جواب می ه

<!doctype html public "-//w3c//dtd html 4.01 transitional//en"
"[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]">
<html>
<head>
<title>untitled document</title>
<meta [ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]"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>00000000000000000000000000000000000000000000000000 0000</p>
<p>&nbsp;</p>
</body>
</html>