[الضويحي]

اريد الخبر المثبت يكون بخلفية تختلف عن المواضيع الي مومثبته كما هو مرفق


امل التوضيح بالصور لان ثقافتي بسيطه في انفنتي وشكرا

[الضويحي]

شباب معقووووووووووووولة ما فيه احد يسمعني

[عبدالله بن عبدالرحمن]

مرحبا ..

طيب هد شووي .. لا تعصب ..


هذآ كود الأخبار المثبته ..

في نموذج ccontent.htm بداخل مجلد الإستايل

<!-- START BLOCK : stknews -->
<div id="xsnazzy">
<b class="xtop"><b class="xb1"></b><b class="xb2"></b><b class="xb3"></b><b class="xb4"></b></b>
<div class="xboxcontent">
<div class="rnewstitle">{caption}</div>
<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<br><br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<br>
<!-- END BLOCK : stknews -->

وكل اللي عليك الحين إنك تبحث وتعدل بالكلاسات .. الموجودة والمرآد تغيير لون خلفيتها ..

ومن هنا تغير اللون ..
من ملف style.css الموجود بدآخل مجلد الــ images

[الضويحي]

تسلم ابوعبدالرحمن بس يالغالي هل انسخ الكود الي جبته واحطه بدال الاول ؟
انا صلحتها ولاتغيير شي. للعلم الموضوع تثبت اوك بس ابي اغير الخلفية.

ثاني شي شلون ادخل على الملف style.css الموجود بدآخل مجلد الــ images

هل يوجد بلوحة التحكم الخاص بالمجلة ولا تحكم الموقع نفسة؟؟ اما التوضيح وجزيت الف خير يالغالي

[الضويحي]

مافيه احد سامعني الوووووووووووو

[حاتم عبدالله]

ولا يهمك جاري التعديل

[brgss]

اف ثم اف
وأنا بعد بالأنتظار

بارك الله فيكم جميعاااااااااااااااا

[m7mdi]

بودنا لو نجد من يساعد في مثل هذه الأمور

يا اخوان الله يجزاكم خير

[د.نجلاء نور الدين]

اساتذتى الكرام

بداية هناك موضوعات عديدة بالقسم هنا تطرقت لاكثر الشروحات الخاصة بالاستابلات وكلاساتها وتعديلها والتغيير فيها ولكن يحتاج للاطلاع اكثر على محتويات القسم


بداسة الفهرس هنا يحوى الكثير

http://www.arabwebtalk.com/showthread.php?t=84620

الموضوع هذا يحوى اكثر


http://www.arabwebtalk.com/showthread.php?t=81324

وهنا شرح تعديل الكلاسات والوصول اليها


http://www.arabwebtalk.com/showthread.php?p=535185

--------

بالنسبة للطلب بالتحديد هنا ففى الكود السابق الذى وضعه استاذى عبد الله مشكورا

سنجد هذا الكلاس المسؤول عن ظهور مربع الخبر المثبت والاسم واضح بالانجليزية وكذلك جميع اسماء ملفات وكلاسات انفنتى معبرة عن وظيفتها والحمد لله

<div class="xboxcontent">

بالبحث فى ملف الاستايل داخل مجلد images فى الاستايل المقصود بالتغيير

سنجد هذه خصائصه

.xboxcontent {
    display:block;
    background:#FFF;
    border:0 solid #D9D9D9;
    border-width:0 1px;
    text-align: justify;
    direction: rtl;
    height: 1%;
}

ايضا كود الخلفية واضح المعلّم عليه باللون الأحمر

بتغيير كود اللون الأبيض FFF الى كود آخر سيتغير لون خلفية الخبر المثبت ان شاء الله

أطيب الأمانى للجميع

[alhajere]

السلام عليكم

أتوقع يا اخوان يجب التغيير في كود الأخبار المثبته نفسه


ربما يكون هذا الكود مقارب لما تريدون فأرجو التجربه


اعتذر لاني لم اقم بتجربته لوجودي في العمل الان

<script type="text/javascript">

featuredcontentglider.init({
gliderid: "canadaprovinces", //ID of main glider container
contentclass: "glidecontent", //Shared CSS class name of each glider content
togglerid: "p-select", //ID of toggler container
remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
selected: 0, //Default selected content index (0=1st)
persiststate: false, //Remember last content shown within browser session (true/false)?
speed: 500, //Glide animation duration (in milliseconds)
direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
autorotate: true, //Auto rotate contents (true/false)?
autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
})

</script>

<div id="canadaprovinces" class="glidecontentwrapper">

<div class="glidecontent">
<!-- START BLOCK : stknews -->
<b class="xtop"><b class="xb1"></b>
</div>

<div class="glidecontent">
</b><b class="xb2"></b>
</div>

<div class="glidecontent">
<b class="xb3"></b>
</div>

<div class="glidecontent">
<b class="xb4"></b>
</div>
<div class="xboxcontent">
<div class="rnewstitle">{caption}</div>
<span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp;
<br><br>
<div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات">  {comnum}   |   <img border="0" src="infimages/newssend.gif" alt="إرسال">  {greet}   |   <img border="0" src="infimages/newsviews.gif" alt="الزيارات">  {views}</span><span style='float:left'>{readmore}</span></div>
</div>
</div>
<b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b>
</div>
<br>
<!-- END BLOCK : stknews -->
</div>



</div>

<div id="p-select" class="glidecontenttoggler" dir="rtl">
<a href="#" class="prev"><span style="text-decoration: none">السابق</span></a> 
<a href="#" class="toc"><span style="text-decoration: none">1</span></a> <a href="#" class="toc">
<span style="text-decoration: none">2</span></a> <a href="#" class="toc">
<span style="text-decoration: none">3</span></a>
<a href="#" class="toc"><span style="text-decoration: none">4</span></a>  
<a href="#" class="next"><span style="text-decoration: none">التالي</span></a>
</div>

[د.نجلاء نور الدين]

إقتباس: اقتباس من مشاركة alhajere      السلام عليكم أتوقع يا اخوان يجب التغيير في كود الأخبار المثبته نفسه ربما يكون هذا الكود مقارب لما تريدون فأرجو التجربه اعتذر لاني لم اقم بتجربته لوجودي في العمل الان <script type="text/javascript"> featuredcontentglider.init({ gliderid: "canadaprovinces", //ID of main glider container contentclass: "glidecontent", //Shared CSS class name of each glider content togglerid: "p-select", //ID of toggler container remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable selected: 0, //Default selected content index (0=1st) persiststate: false, //Remember last content shown within browser session (true/false)? speed: 500, //Glide animation duration (in milliseconds) direction: "downup", //set direction of glide: "updown", "downup", "leftright", or "rightleft" autorotate: true, //Auto rotate contents (true/false)? autorotateconfig: [3000, 2] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping] }) </script> <div id="canadaprovinces" class="glidecontentwrapper"> <div class="glidecontent"> <!-- START BLOCK : stknews --> <b class="xtop"><b class="xb1"></b> </div> <div class="glidecontent"> </b><b class="xb2"></b> </div> <div class="glidecontent"> <b class="xb3"></b> </div> <div class="glidecontent"> <b class="xb4"></b> </div> <div class="xboxcontent"> <div class="rnewstitle">{caption}</div> <span style='float:left'>&nbsp;{picture}&nbsp;</span><div class="author">&nbsp;&nbsp;{date} م</div><div class="news">&nbsp;{text}&nbsp; <br><br> <div id="newsicons"><span style='float:right'><img border="0" src="infimages/newscomment.gif" alt="التعليقات"> {comnum} | <img border="0" src="infimages/newssend.gif" alt="إرسال"> {greet} | <img border="0" src="infimages/newsviews.gif" alt="الزيارات"> {views}</span><span style='float:left'>{readmore}</span></div> </div> </div> <b class="xbottom"><b class="xb4"></b><b class="xb3"></b><b class="xb2"></b><b class="xb1"></b></b> </div> <br> <!-- END BLOCK : stknews --> </div> </div> <div id="p-select" class="glidecontenttoggler" dir="rtl"> <a href="#" class="prev"><span style="text-decoration: none">السابق</span></a> <a href="#" class="toc"><span style="text-decoration: none">1</span></a> <a href="#" class="toc"> <span style="text-decoration: none">2</span></a> <a href="#" class="toc"> <span style="text-decoration: none">3</span></a> <a href="#" class="toc"><span style="text-decoration: none">4</span></a> <a href="#" class="next"><span style="text-decoration: none">التالي</span></a> </div>

صباح الخير استاذى الكريم

واعتقد انك قصدت الموضوع الآخر الخاص بكود الأخبار المثبتة المتحرك

ولكن السؤال فى هذا الموضوع فقط عن تغيير لون خلفية الخبر المثبت

وهذا يكفيه تغيير اللون من ملف الاستايل style.css وسيتم له ما يريد ان شاء الله

أطيب الأمانى لك وللجميع

[alhajere]

بالظبط اختي نجلاء

اسف

[ww.net]

واذا أردت أن أضع الخلفية صوره هل بامكاني ذلك

[د.نجلاء نور الدين]

يمكنك استاذي تجربة اضافة كود خلفية الصورة للكلاس بالأعلى ورفع الصورة بمجلد images

وان شاء الله تضبط معك

اطيب تحية