۱۳۹۲/۱/۱۱، ۰۰:۰۴:۳۷ صبح
با عرض سلام و ادب خدمت یکایک دوستان
امروز می خوام یک بخش به عنوان مهمترین اخبار رو در سایت قرار بدم که هم اکنون خودم در حال استفاده از ان هستم.
عکس مهمترین اخبار در سایت خودم:
برای تغییر عنوان خبر = همون عنوان خبر رو تغییر بدید(برای سهولت کارتون از عنوان خبر در کدها استفاده شده است)
برای تغییر لینک خبر = دوباره همون لینک خبر رو تغییر بدید((برای سهولت کارتون از لینک سایت در کدها استفاده شده است)
برای تغییر رنگ کلیه خطوط بین عکسها ( در این جا از بک گراند و رنگ خطوط یکسانی استفاده شده است) = کد مقابل bordercolor را تغییر دهید.
برای تغییر رنگ بک گراند= کد مقابل bgcolor را تغییر دهید.که برای هر سلول بصورت جداگانه تنظیم شده است تا به راحتی بتوانید تعدادی از سلول های موردنظرتون را تغییر رنگ دهید.
در صورتی که دوست داشتید می توانید حتی رنگ بک گراند را بردارید
برای تغییر نام مهمترین اخبار = همون مهمترین اخبار را تغییر دهید..
میتونید توضیحات هم برای لینک بزارید یعنی وقتی ماوس رو بر روی عکس لینک قرار دادید یک توضیحات نمایان شود = براي مشاهده خبر کليک کنيد را تغییر دهید
اگر دوست دارید عنوان مهمترین اخبار متحرک باشد از کد های زیر:
اگر دوست دارید عنوان مهمترین اخبار ساده باشد از کد های زیر:
امروز می خوام یک بخش به عنوان مهمترین اخبار رو در سایت قرار بدم که هم اکنون خودم در حال استفاده از ان هستم.
عکس مهمترین اخبار در سایت خودم:
برای تغییر عنوان خبر = همون عنوان خبر رو تغییر بدید(برای سهولت کارتون از عنوان خبر در کدها استفاده شده است)
برای تغییر لینک خبر = دوباره همون لینک خبر رو تغییر بدید((برای سهولت کارتون از لینک سایت در کدها استفاده شده است)
برای تغییر رنگ کلیه خطوط بین عکسها ( در این جا از بک گراند و رنگ خطوط یکسانی استفاده شده است) = کد مقابل bordercolor را تغییر دهید.
برای تغییر رنگ بک گراند= کد مقابل bgcolor را تغییر دهید.که برای هر سلول بصورت جداگانه تنظیم شده است تا به راحتی بتوانید تعدادی از سلول های موردنظرتون را تغییر رنگ دهید.
در صورتی که دوست داشتید می توانید حتی رنگ بک گراند را بردارید
برای تغییر نام مهمترین اخبار = همون مهمترین اخبار را تغییر دهید..
میتونید توضیحات هم برای لینک بزارید یعنی وقتی ماوس رو بر روی عکس لینک قرار دادید یک توضیحات نمایان شود = براي مشاهده خبر کليک کنيد را تغییر دهید
اگر دوست دارید عنوان مهمترین اخبار متحرک باشد از کد های زیر:
کد php:
<style type="text/css">
<!--
.style1 {
font-family: tahoma;
font-weight: bold;
}
.tborder tr td div a strong {
color: #FFF;
}
-->
</style>
<table border="0" cellpadding="4" cellspacing="1" class="tborder">
<tr>
<td height="10" colspan="8" class="thead">
<MARQUEE style="WIDTH: 100%; " onMouseOver="this.stop()" onMouseOut="this.start()" scrollAmount=2 scrollDelay=40 direction=right height=20><asp:Label id="Labelm" runat="server" Text="Label" ></asp:Label>
مهمترین اخبارها:</MARQUEE><span class="style1"></span></div></td></tr>
</thead>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title=" براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title=" براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title=" براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr></table>
کد php:
<style type="text/css">
<!--
.style1 {
font-family: tahoma;
font-weight: bold;
}
.tborder tr td div a strong {
color: #FFF;
}
-->
</style>
<table border="0" cellpadding="4" cellspacing="1" class="tborder">
<tr>
<td height="10" colspan="8" bgcolor="#FFFFFF" class="thead">
<div><a href=" سایت" target="لینک سایت"><strong>مهمترین اخبار ها:</strong></a><span class="style1"><strong></strong></span></div></td>
</tr>
</thead>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title=" براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title=" براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title=" براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr>
<tr>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99" ><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><strong><img src="http://www.pnuha.com/up/photos/NEWS-icon.png" title="براي مشاهده خبر کليک کنيد" style="vertical-align: middle; padding-bottom: 4px;" /></strong></div></td>
<td height="10" bgcolor="#FFFF99"><div align="center"><a href="لينک خبر">عنوان خبر</a></div></td>
</tr></table>