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

زيادة حجم الخط مسح إنقاص حجم الخط
 السلام عليكم ورحمة الله وبركاته
طابت أوقاتكم أعزائي مستخدمي ديموفنف .
الكثير من المستخدمين ومن خلال بعض المواضيع او الرسائل طلبوا عمل الأخبار المثبتة بطريقة صحيفة سبق
خبر واحد مثبت ..
ولذلك قمت بعمل التعديل اللازم على الأخبار المثبتة لتظهر بذلك الشكل .

وفي ما يلي الأكواد .

أولاً : كود 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  5.6K
التعليقات ( 14 )

الترتيب بـ
الأحدث
الأقدم
الملائم
  • #1
    10-27-2011 02:19 مساءً موسى ضامري :
    ألسلام عليكم اخي التليدي

    www.ltf1.com

    الاخبار الرئيسية لاتظهر بعد اضافة الكود ولكن لا اريد خبر واحد فقط اريد مجموعة أخبار فما الحل ..... ارجو الاطلاع على الموقع لمعرفة المشكله ولك جزيل الشكر
    • #1 - 1
      10-27-2011 02:50 مساءً المشرف العام :
      أخي الكريم .. أعتقد أنك لم تقم برفع ملف news.php إلى مجلد modules في موقعك .
      ولم تقم برفع ملف الجافا سكربت jquery-ui.min.js أيضاُ .

      أخي الكريم : راجع هذا الرابط . https://www.dimofinf.net/dl.php?type=d&id=351
      حمل الملف ثم قم بفك الضغط عن الملف (( وارفع المجلدين modules و scripts )) إلى رئيسية موقعك ووافق على الإستبدال .
      -----------------------------
      بعد ذلك ستحل المشكلة إن شاء الله .

      وفي حال رغبتك أن نقوم بذلك نيابة عنك . راسلني عبر خاصية راسنا .
    • #1 - 2
      04-13-2012 05:22 صباحًا tiger999 :
      الله يعطيك العافية ويجزاك كل خير ولكن لدي سؤال كيف أرفع الملفين إلى موقعي كما في عبارتك ( حمل الملف ثم قم بفك الضغط عن الملف (( وارفع المجلدين modules و scripts )) إلى رئيسية موقعك ووافق على الإستبدال . )
  • #2
    10-27-2011 03:18 مساءً موسى ضامري :
    جزاك الله عنا خير الجزاء ووفقك الله وجاري التجربه
  • #3
    10-27-2011 10:14 مساءً سلطان العريفي :
    لك منا جزيل الشكر وسنوافيكم بالنتائج بعد التجربه
  • #4
    10-28-2011 11:11 مساءً سلطان العريفي :
    تم التركيب بنجاح
    www.arjja.com
    • #4 - 1
      01-19-2012 12:12 صباحًا ابو سعود :
      اخوي سلطان وشلون سويته الصحيفه ابغا زيك وعلى فكره صحيفتك مره حلوه ما شالله الله يكفيها من الهكر
  • #5
    10-29-2011 04:06 صباحًا صحيفة المستشار :
    الله يعطيك العافية ياغالي على الطريقة الحلوة

    http://www.naltqi.com
  • #6
    01-05-2012 01:55 صباحًا شحادة بشير :
    جزاك الله الفردوس الأعلى
  • #7
    01-19-2012 12:09 صباحًا ابو سعود :
    اخوي انا ابغا اسوي صحيفه زي سبق والوىام واخبارية حايل وشلون تكفون سعدوني
  • #8
    01-24-2012 03:51 صباحًا hisham :
    السلامـ وعليكمـ

    أريد شرح كيفية تركيب الاكواد ورفعهم

    وعفوا ع الازعاج وشكرأ
  • #9
    02-21-2012 12:02 مساءً fad :
    السلام عليكم ورحمة الله وبركاته

    النص في القوائم لا يضهر كل ما يضهر هو مربع صغير للصورة الصورة

    وسؤال اخر كيف اصغر حجم الصورة الكبيرة

    نشكر ونقدر جهودكم
  • #10
    04-02-2012 06:19 مساءً ÷بو محمد :
    السلام عليكم ورحمة الله وبركاته

    اخي انا سويت نفس ما شرحت لنا وركبته ولا كن الخبر مايتحرك ولو حطيت اكثر من خبر تطلع تحت بهضها رغم اني حملة ملف الجافا رفع المجلدين modules و scripts و رفع ملف news.php إلى مجلد modules رفع ملف الجافا سكربت jquery-ui.min.js أيضاُ .
    فا توقعكم ان سكون السبب ؟
    • #10 - 1
      04-03-2012 05:08 مساءً المشرف العام :
      هات رابط موقع وأشوف لك المشكلة .
  • #11
    04-07-2012 08:34 صباحًا أبو محمد :
    اخي الفاضل كما طلبتم هذا رابط موقعي www.3rab4.com برجاء النظر في القوالب الغير افتراضيه كما ارجو افادتي من اين اجد كود المتواجدين حالياً من الزوار حيث اضعها في القالب الغير افتراضي .
    ملاحظه :
    اخي الفاضل لدي اقتراح هل من الممكن وضع منتدي يختص بجميع هاذهي المواضيع المفيده والتي نشكركم كل الشكر عليها وجعلها الله في موازين حسناتكم . . . . هذا والله من وراء القصد . والسلام عليكم ورحمة الله وبركاته .
    • #11 - 1
      04-07-2012 02:38 مساءً المشرف العام :
      http://www.3rab4.com/scripts/featured/jquery-ui.min.js

      هذا الملف غير موجود لديك .
  • #12
    04-07-2012 03:22 مساءً www@3rab4.com :
    http://www.3rab4.com/scripts/featured/jquery-ui.min.js تم رفع الملف هل هو صحيح برجاء النظر مع الشكر
    • #12 - 1
      04-07-2012 05:05 مساءً المشرف العام :
      الكود صحيح ( راجع موقعك الآن )
  • #13
    04-07-2012 07:36 مساءً www@3rab4.com :
    لا فائده اخي الكريم ارجو الاطلاع على الاستايل الذي تم تركيبه وتحميله من موقعك ( العيد الوطني ) علما ان الاستايل الموجود هوا الافتراضي فرجاء اختيار الاستايل من إختر الستايل اسم الاستايل ( بحرالعرب) هذا ولكم مني جزيل الشكر وارجو توجيهاتكم
    • #13 - 1
      04-08-2012 12:05 صباحًا المشرف العام :
      أخي الفاضل : كنت اشاهد التعديلات على استايل آخر وقد ذكرت لي في رسالتك ان الصور تظهر خلف بعض .

      في استايل اليوم الوطني لا يوجد الخبر المثبت .

      لتركيبه اتبع الشرح أعلاه وطبقه على استايل اليوم الوطني وبلغني بالنتائج . وفي حال رغبت سأقوم بذلك نيابة عنك بمقابل مادي .

      ولك أطيب تحية .
  • #14
    04-08-2012 11:00 صباحًا أبو محمد :
    لا مانع لدي اخي الفاضل من تركيب المطلوب مع (كود المتواجدون الآن) .
    لتوضيح المطلوب كتالي
    1. تركيب الاخبار المثبته بحيث يكون الخبر المثبة متحرك ويسع اكثر من خبر .
    2 . تركيب كود المتواجدون الآن .
    وهذا ينطبق على عدد اثنين من الاستايلات المحمله من موقعكم تحت اسم استايل (بحرالعرب) والاستايل الثاني (الازرق) يتم تركيب المطلوب من قبلكم على الاستايلين .
    • #14 - 1
      04-08-2012 03:38 مساءً المشرف العام :
      تواصل معي عبر المراسلة .. على الرابط
      http://www.altaledi.net/mailbox.php?action=newmail
جميع الأوقات بتوقيت جرينتش +3 ساعات. الوقت الآن هو 04:23 صباحًا الثلاثاء 28 يوليو 2015.