کدی برای اسکرولی کردن قسمت محتوای سایت

[plusboy]

به نام خدا
با سلام.
من میخواستم بدونم چه جوری میشه قسمتی که در اون محتوای سایت نمایش داده میشه به صورت اسکرولی در بیاد.
یعنی اگه ارتفاع مطالب ( مثلا در هر صفحه مشخص کردیم که 10 مطلب نمایش داده بشه) بیش از یک اندازه معین شد
مطالب به صورتی نمایش داده بشه که اون بخش دارای نوار اسکرول بشود. مثل چیزهایی که توی فریم ها نمایش داده میشه.
فکر کنم با کدهای css بشه کاری کرد.

ممنونم میشم

[mhadaily]

کافیه به اون قسمت از سایت که مطالب هست mainbody کلاسی بدید و درون div یا td قرار بدید و بعد ارتقاع آن را فیکس کنید به یک عدد ثابت ! بعد از این عدد ثابت اسکرول نمایان می شود

[plusboy]

/* ******************************************* main body */
#main_body {
width: 100%;
margin: 0px;
padding:0px;
border: 0;
text-align: center;
}

#main_area {
width: 98%;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border: 0;
text-align: right;
}


/* ******************************************* pathway*/
#can_pathway {
width : 796px !important;
height : 22px !important;
padding : 0px;
text-indent : 1em;
text-align : right;
font-family : Tahoma,Tahoma, Tahoma, Tahoma, Tahoma;
font-size: 15px;
color : #000000;

background: url(../images/bottom_index.gif) repeat-y;


line-height :30px;
}



دوست عزیز و استاد گرام.
من فکر کنم باید اینجا را تغییر بدم. درسته؟؟؟
میشه یه کوچولو بیشتر توضیح بدید؟؟ من از قالب گرین_دریم استفاده میکنم.
لامزم هست کل فایل CSS را اینجا بگذارم؟؟؟
ممنونم

[mhadaily]

خیر نیاز به گذاشتن چیزی نیست خودتون باید پیدا کنید mainbody در فایل index.php هست کلاس بدید یا اینکه همون جا براش height تغریف کنید به این صورت مثلا height:100px;

موفق باشدی

[plusboy]

پیشاپیش از همه شما ممنونم.


این کد مربوط به قسمت لود کننده مطلب در فایل ایندکس


<td width="50%" bgcolor="#edffd9"><div id="blocks">
<?php mosLoadModules ( "user2" ); ?>
</div></td>
</tr>
</tbody>
</table>
<div id="clr"></div>

<div align="center">
<div id="main_area">
<?php mosMainBody(); ?>
</div>
</div>
</div>
</div></td>

ای هم کد مربوط به کلاس main_body و main _area


#main_body {
width: 100%;
height::500px;
margin: 0px;
padding:0px;
border: 0;
text-align: center;
}

#main_area {
width: 100%;
height:50%;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border: 0;
text-align: right;
}


ممنون میشم کمک کنید

[atoofy]

سلام. در css به main_area‌ ارتفاع مثلا 500px بديد :


#main_area {
width: 100%;
height:500px;
margin: 0px 0px 5px 0px;
padding:0px 0px 0px 0px;
border: 0;
text-align: right;
}

يــــــــــــــــــــاعــ ـــــــــــــــلي

[plusboy]

با تشکر مجدد از شما
من کاری را که فرمودید انجام دادم
اما تغییری نکرد. :-[ :-[
توی عکس هم مشخص هست. من میخوام کاری کنم مثل سایت <b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b> ;)

<b><font color=red>فقط کاربران عضو انجمن می توانند لینک ها را مشاهده کنند</font></b>

[mr_aliagha]

main body مال کجا بوده؟!

[mr_aliagha]

یه نکته، مطمئن هستید div رو اگه سایز کمتر بهش بدند اسکرول می خوره؟!!!!

[mr_aliagha]

wrap نیست احیانا؟! یکی پست های منو یکی کنه...

[atoofy]

سلام. شايد با يك

overflow: scroll;
حل بشه؟!

يــــــــــــــــــــاعــ ــــــــــــــــــلي

[plusboy]

علی جان دمت گرم
ممنونم. درست شد.
فق یه سوال.
آیا فقط همین یک راه برای اسکرول ایجاد کردن هست؟؟؟
در ضمن وقتی که میزان height را بر حسب درصد مثلا 10% تنظیم میکنم، نوار اسکرول نمایش داده میشه اما در حالت disable
و اینکه کل مطالب نشون داده میشه.

[demo]

سلام به دوستان و همكاران گرامي

به نظر من با استفاده از كدهاي css خيلي راحتر اين كار ممكن مي شه ! ;)

و همان طور كه دوست خوبم علي آقا فرمودند كافيه كه كد زير را در قسمت content قرار بديد تا به هدفتون برسيد


OVERFLOW: SCROLL

[atoofy]

سلام. اين تنها راه نبود، بهترين راه بود. ;)

در ضمن وقتی که میزان height را بر حسب درصد مثلا 10% تنظیم میکنم، نوار اسکرول نمایش داده میشه اما در حالت disable

خوب چرا مي خواهيد از درصد استفاده كنيد؟


و اینکه کل مطالب نشون داده میشه.
متوجه نشدم درست :)

يــــــــــــــــــاعــــ ــــــــــــلي