كود خبر مثبت واحد .. جاهز للتركيب .

زيادة حجم الخط مسح إنقاص حجم الخط
 السلام عليكم ورحمة الله وبركاته طابت أوقاتكم أعزائي مستخدمي ديموفنف . الكثير من المستخدمين ومن خلال بعض المواضيع او الرسائل طلبوا عمل الأخبار المثبتة بطريقة صحيفة سبق خبر واحد مثبت .. ولذلك قمت بعمل التعديل اللازم على الأخبار المثبتة لتظهر بذلك الشكل . وفي ما يلي الأكواد . أولاً : كود CSS لمن لديهم الأخبار المثبتة الجديدة مسبقاً .. يتم إستبدال هذا الكود بالكود السابق في ملف style.css ولمن ليس لديهم الأخبار المثبتة سابقاً .. يتم إضافة الكود فقط إلى style.css .
كود الـ HTML :
/*-------- Featured [BEGIN] --------*/


#featured{ 
	width:555px; 
	position:relative; 
	height:360px; 
	background:#fff;
border-radius:0px;
	border:1px solid #FFFFFF;
outline: 1px #ccc solid;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; right:1px; 
	list-style:none; 
	padding:0; margin:0; 
	width:0px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-right:13px;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	border:1px solid #FFFFFF;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Tahoma, Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:61px; 
	color:#2369AF; 	background:transparent; 
	line-height:20px;
	padding-right:2px;
}
.sec {
		padding-bottom:4px; 
		border-top: 1px solid #D5E2F1;	
}	
#featured li.ui-tabs-nav-item a:hover{ 
	background:transparent; 
}
#featured li.ui-tabs-selected{ 

}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:transparent; 
}
#featured .ui-tabs-panel{ 
	width:555px; height:327px; 
	background:#999; position:relative;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:280px; left:0; 
	height:80px; 
	background: #454545;
border-radius:0px;
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Tahoma; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*-------- Featured [END] --------*/
ثانياً : إستبدال كود الأخبار المثبتة بالكود التالي :-
كود الـ HTML :
<!-- START BLOCK : stickynews -->
<script type="text/javascript" src="{script_url}/scripts/featured/jquery-ui.min.js" ></script>	
<script type="text/javascript">
	$(document).ready(function(){
		$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>	
	
<div id="featured">
 <ul class="ui-tabs-nav">
<!-- START BLOCK : stknews -->				
<li class="ui-tabs-nav-item ui-tabs-selected" id="nav-fragment-{id}">
<div>
<a href="#fragment-{id}"></a>
</div>
</li>
<!-- END BLOCK : stknews -->
</ul>
<!-- START BLOCK : stknewsb -->			
<div id="fragment-{id}" class="ui-tabs-panel" style="">
<img alt="{alt}" src="contents/newsm/{id}.{ext}" width="555" height="280" />
<div class="info" >
<p align="center">{secondcaption}</p>
<h2 align="center">{caption}</h2>
<p>{text} {readmore}*</p>
</div>
</div>
<!-- END BLOCK : stknewsb -->	
</div>		
<!-- END BLOCK : stickynews -->
بواسطة : ALTALEDI
 14  0  7026
التعليقات ( 0 )

جميع الأوقات بتوقيت جرينتش +3 ساعات. الوقت الآن هو 09:38 مساءً الخميس 29 سبتمبر 2016.