• ×

06:27 مساءً , الإثنين 18 ديسمبر 2017

الأخبار المثبتة المطورة 2

زيادة حجم الخط مسح إنقاص حجم الخط
 
السلام عليكم ورحمة الله وبركاته •.¸ الى زوارنا الكرام يسرنا ان نقدم لكم كود الأخبار المثبتة المطورة مجاناً للجميع ..
image
•. طريقة التركيب : ¨' فك الملف المضغوط '¨ ¨' ارفع "مجلد News" » داخل مجلد الصور images الموجود في الإستايل الخاص بك .. وبعد ذلك نعدل على ملف index الموجود بمجلد الاستايل ونحذف الكود القديم . '¨
كود الـ HTML :
<table width="100%" height="1">
<tr>
<td valign="top" width="60%">
<!-- START BLOCK : stickynews -->	
<script type="text/javascript">
$(function() {
	$(".stickednews").jCarouselLite({
		vertical: true,
		hoverPause:true,
		visible: 1,
		auto:5000,
		speed:1000,
		btnNext: ".next",
		btnPrev: ".prev",
//		easing: "bounceout", //uncomment to enable
//		circular: false, //uncomment to stop looping at the end
		mouseWheel: true
	});
});
</script>
<div class="module-title">{phrase_head_news}</div>	
<div id="contents">
<div id="stickednews">
<div class="stickednews">
<ul>
<!-- START BLOCK : stknews -->
<li>
<div>{secondcaption}</div>
<div class="largfont">
<b>{caption}</b></div>
<div class="justify">
<span style='float:{lang_left};margin-{lang_right}:2px;'>{picture}{picdesc}</span>
<div class="time">{date}</div>
<span class="alert">{source}</span>
{text}
</div>

<div class="smallfont">
<span style='float:{lang_right};'>{readmore}*</span>
<img src="{img_dir}/buttons/comments.gif" alt="{phrase_comments}" title="{phrase_comments}" />  {comnum}   |   <img src="{img_dir}/buttons/emailed.gif" alt="{phrase_emailed}" title="{phrase_emailed}" />  {greet}   |   <img src="{img_dir}/buttons/views.gif" alt="{phrase_views}" title="{phrase_views}" />  {views}
</div>
</li>
<!-- END BLOCK : stknews -->
</ul>
</div>
<input type="submit" class="prev" value="{phrase_prev}" />
<input type="submit" class="next" value="{phrase_next}" />
</div>
</div>
<!-- END BLOCK : stickynews -->
</td>
<!-- START BLOCK : importantnews -->
<script type="text/javascript">
$(function() {
	$(".importantnews").jCarouselLite({
		vertical: true,
		hoverPause:true,
		visible: 3,
		auto:3000,
		speed:500,
		btnNext: ".nextimp",
		btnPrev: ".previmp",		
		circular: true,
		mouseWheel: true
	});
});
</script>
<td valign="top" width="40%">
<div class="module-title">{phrase_important_news}</div>
<div id="contents">
<div id="importantnews">
<div class="importantnews">
<ul>
<!-- START BLOCK : impnews -->
<li>
<div class="largfont">
<span style='float:{lang_left};margin-{lang_right}:2px;padding-top:0px'>{picture}</span>
<b>{caption}</b>
</div>
</li>
<!-- END BLOCK : impnews -->
</ul>
</div>
<div align="center">
<input type="image" src="{img_dir}/buttons/up.png" class="previmp" title="{phrase_prev}" />
<input type="image" src="{img_dir}/buttons/down.png" class="nextimp" title="{phrase_next}" />
</div>
</div>
</div>
</td>
<!-- END BLOCK : importantnews -->
</tr>
</table>
¨' بعد حذف الكود السابق من ملف index نضع الكود الجديد تحت '¨
كود الـ HTML :
<!-- INCLUDE BLOCK : header -->
¨' الكود الجديد '¨
كود الـ HTML :
<script type="text/javascript" src="{img_dir}/News/jquery.easing.js"></script>
<script type="text/javascript" src="{img_dir}/News/script.js"></script>
<link rel="stylesheet" href="{img_dir}/News/News.css" type="text/css">
<script type="text/javascript">
 $(document).ready( function(){	
		var buttons = { previous:$('#jslidernews2 .button-previous') ,
						next:$('#jslidernews2 .button-next') };			 
		$('#jslidernews2').lofJSidernews( { interval:5000,
											 	easing:'easeInOutQuad',
												duration:1200,
												auto:true,
												mainWidth:700,
												mainHeight:400,
												navigatorHeight		: 100,
												navigatorWidth		: 310,
												maxItemDisplay: 5,
												buttons:buttons } );						
	});

</script>
<!-- START BLOCK : stickynews -->
<div id="jslidernews2" class="lof-slidecontent" style="width:950px; height:400px;">
	<div class="preload"><div></div></div>
            <div  class="button-previous"></div>
              <div class="main-slider-content" style="width:700px; height:400px;">
                <ul class="sliders-wrap-inner">
		<!-- START BLOCK : stknewsb -->
                	<li>
	<a href="news.php?action=show&id={id}">
                            <img style="width:757px; height:400px;" src="contents/newsm/{id}.{ext}" title="{alt}" />  
</a>         
                            <div class="slider-description">
                            <div class="slider-meta">  <img alt="" src="{img_dir}/Shawla_space.png" />{caption}</div>
                            <h4>{secondcaption}</h4>
                            <p>{text}
                            <a class="readmore" href="#">{readmore}</a>
                            </p>
                         </div>
                    </li>
		<!-- END BLOCK : stknewsb -->                
                </ul>  	
            </div>
           	<div class="navigator-content">
                  <div class="navigator-wrapper">
                      <ul class="navigator-wrap-inner">
			<!-- START BLOCK : stknews -->
                          <li>
                                <div>

                                    <img src="contents/newsth/{id}.{ext}" />

                                    <h3> {alt} </h3>
                                    <span style="float: left;">{name}</span>
                                </div>    
                            </li>
			<!-- END BLOCK : stknews -->
                      </ul>
                  </div>
             </div> 
          <div class="button-next"></div>
          <div class="button-control"><span></span></div>           
 </div>
<!-- END BLOCK : stickynews -->
التحميل
بواسطة : HaTooM
 0  0  1507
جميع الأوقات بتوقيت جرينتش +2 ساعات. الوقت الآن هو 06:27 مساءً الإثنين 18 ديسمبر 2017.

حــــتــــووم ديــــزايــــن , حتوم ديزاين , حتووم ديزاين , تصميم ديموفنف , دعم ديموفنف , تصميم انفنتي , دعم انفنتي , بلوكات , تطوير انفنتي , تطوير ديموفنف , الويب العربي , تركيب ديموفنف , استايل ديموفنف , استايل انفنتي , ابعاد المعلومات , شركة ديموفنف , حتووم , شركة حتوم , حاتم غبن , المصمم حاتم , حاتم غزة , حاتم فلسطين , مطلوب تصميم ديموفنف انفنتي , h7d7 , hatoom , hatem