التونسية للمحمــول Tn-GsMدخول


كود html الاشعارات والاخبار بطريقة جديدة

power_settings_newقم بتسجيل الدخول للرد

description كود html الاشعارات والاخبار بطريقة جديدة Empty كود html الاشعارات والاخبار بطريقة جديدة2015-12-04, 18:58

more_horiz
السلام عليكم

استخرجت اليوم كود ومن ثم عدلت عليه

الرجاء تبديل الرموز الغريبة بروابط الاخبار الجديدة وتبديل ضع هنا الخبر الجديد بأسم الخبر
الكود من تطويري ومقدم من منتداي منتديات حنان الطرايرة الرسمي
تفضلو
الرمز:

الكود:

<fieldset><legend class="field_title"><img src="http://i44.servimg.com/u/f44/11/14/55/92/rss_br10.png" align="top">   <a href="http://help.ahlamontada.com/feed/?f=1"
 target="_blank">   الإشعارات و
الأخبار</a></legend><table cellpadding="0"
cellspacing="0"><tbody><tr
bgcolor="#FFFFFF"><td><a href="ضع هنا رابط
الخبر">ضع هنا خبر
جديد</a><br></td><td><a href="ضع هنا
رابط الخبر الجديد">ضع هنا الخبر
الجديد</a><br></td></tr><tr
bgcolor="#FFFFFF"><td><a href="ضع هنا رابط
الخبر الجديد"><span style="color: rgb(0, 0,
238);"><span style="text-decoration: underline;">ضع هنا الخبر
الجديد</span></span></a><br></td><td><a
 href="ضع هنا رابط الخبر الجديد"> ضع هنا الخبر
الجديد</a><br></td></tr><tr
bgcolor="#EEEEEE"><td><a href="ضع هنا رابط
الخبر الجديد"><span style="color: rgb(0, 0,
238);"><span style="text-decoration: underline;">ضع هنا الخبر
الجديد</span></span></a><br></td><td><a
 href="ضع هنا رابط الخبر الجديد"> ضع هنا الخبر
الجديد</a><br></td></tr><tr
bgcolor="#FFFFFF"><td><a href="ضع هنا رابط
الخبر الجديد"><span class="rss">ضع هنا الخبر
الجديد</span></a><br></td><td><a
href="ضع هنا رابط الخبر الجديد"> ضع هنا الخبر
الجديد</a><br></td></tr><tr
bgcolor="#EEEEEE"><td><a href="ضع هنا رابط
الخبر الجديد"><span style="color: rgb(0, 0,
238);"><span style="text-decoration: underline;">ضع هنا الخبر
الجديد</span></span></a><br></td><td><a
 href="ضع هنا رابط الخبر الجديد"> ضع هنا الخبر
الجديد</a><br></td></tr></tbody></table></fieldset>


بالتوفيق للجميع

description كود html الاشعارات والاخبار بطريقة جديدة Emptyرد: كود html الاشعارات والاخبار بطريقة جديدة2016-04-25, 09:26

more_horiz
كود اشعارات بشكل جديد ومتميز بدل من عارضة المنتدى حصريا على مساعدون الويب

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

طريقة تركيب الكود

بإمكانك تركيب الكود باي مكان يقبل HTML
على سبيل المثال : العناصر المستقلة على المنتدى ووضعه على جانب المنتدى


الكود:

   
<ul style="margin: 0px; overflow: auto; max-height: 225px; padding-right: 0px;" id="wnotify">
                                                            
</ul>
        <script type="text/javascript">
           //<![CDATA[
          
           jQuery(window).load(function() {
              var _pathName = location.pathname;
              if (_pathName == '/portal' || _pathName == '/forum' || _pathName == '/') {
                 var NotifyExist = setInterval(function() {
                    if (document.getElementById('notif_list') !== null) {
                       clearInterval(NotifyExist);
                       var iNewList = jQuery('#notif_list li').length,
                          iOldList = 0;

                       WidgetNotifications();
                       iOldList = iNewList;

                       setInterval(function() {
                          iNewList = jQuery('#notif_list li').length;
                          if (iNewList !== iOldList) {
                             WidgetNotifications();
                             iOldList = iNewList;
                          }
                       }, 10000);
                    }
                 }, 1000);
              }
           });

           function WidgetNotifications() {
              jQuery('#wnotify').html(jQuery('#notif_list').html());

              var oSearch = jQuery('#main-content .main-content td.tcr a.gensmall[href^="/u"]'),
                 /* Location to look for avatars! In this case, looking in the categories. */
                 oTarget = jQuery('#wnotify a[href^="/u"]'),
                 ilen = oTarget.length;

              for (var index = 0; index < ilen; index++) {
                 var oThis = jQuery(oTarget[index]),
                    sHref = oThis.attr('href'),
                    sTitle = oThis.text();

                 if (sHref !== undefined) {
                    oThis.closest('div').before('<a href="' + sHref + '" title="' + sTitle + '" class="lastpost-avatar"><img src="http://i18.servimg.com/u/f18/16/89/40/74/hh10.png" alt="" class="avt-wid" /></a>');
                    var oImg = oThis.closest('li').find('.avt-wid'),
                       sSrc = sessionStorage.getItem(sHref); /* Relative fast... */
                    if (sSrc) {
                       oImg.attr('src', sSrc);
                    } else {
                       jQuery.get(sHref, function(data) { /* Slow and dangerous!!! */
                          var image = jQuery('#profile-advanced-right img:first', data).attr('src');
                          oImg.attr('src', image);
                          sessionStorage.setItem(sHref, image);
                       });
                    }
                 }
              }
           };
           //]]>
        </script>    <style type="text/css">
           <!-- #wnotify {
              list-style: outside none none;
           }
          
           #wnotify .ellipsis {
              min-height: 42px;
              overflow: auto;
              text-overflow: unset;
              white-space: normal;
              width: auto;
           }
          
           #wnotify .see_all {
              border: 1px solid #d2d2d2;
              box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
              margin-top: 4px;
              padding: 4px;
              text-align: right;
           }
          
           #wnotify .content > hr {


              display: none;
           }
          
           .lastpost-avatar {
              float: right;
              padding: 2px;
           }
          
           .lastpost-avatar img {
              background: none repeat scroll 0 0 [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
              border: 1px solid [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط];
              box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
              float: right;
              height: 28px;
              margin-right: 5px;
              padding: 2px;
              width: 28px;
           }
          
           -->
       
privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد