الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   مجتمع ديموفنف (http://www.arabwebtalk.com/forumdisplay.php?f=73)
-   -   اريد تغيير خلفية الموضوع المثبت (http://www.arabwebtalk.com/showthread.php?t=92393)

الضويحي 13-09-2008 05:29 AM

اريد تغيير خلفية الموضوع المثبت
 

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


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


الضويحي 13-09-2008 03:15 PM

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

عبدالله بن عبدالرحمن 13-09-2008 05:00 PM

مرحبا ..

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


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

في نموذج 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

الضويحي 14-09-2008 02:48 AM

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

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

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

الضويحي 16-09-2008 01:06 AM

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

حاتم عبدالله 17-09-2008 03:00 AM

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

brgss 17-09-2008 03:45 AM

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

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

m7mdi 24-10-2008 03:56 PM

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

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

د.نجلاء نور الدين 25-10-2008 11:43 AM

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

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


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

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 07-11-2008 02:20 PM

السلام عليكم

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


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


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


كود:

<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>


د.نجلاء نور الدين 08-11-2008 01:59 AM

إقتباس:

اقتباس من مشاركة alhajere (المشاركة 544032)
السلام عليكم

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


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


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


كود:

<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 08-11-2008 08:05 AM

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

اسف

ww.net 17-04-2009 01:14 PM

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

د.نجلاء نور الدين 18-04-2009 01:27 AM

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

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

اطيب تحية


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 10:44 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012