التونسية للمحمــول 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>


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

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

كتبت وقد أيقنت يوم كتابتي بأن يدي تفنى ويبقى كتابها فإن كتبت خيرا ستجزى بمثله وإن كتبت شراً عليها حسابها...

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

▬▬▬▬▬▬▬▬ஜ ۩۞۩ ஜ▬▬▬▬▬▬▬▬
أهلا وسهلا يك (زائر) في منتديات التونسية للمحمول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  قوانين منتدى التونسية للمحمول ( المرور من هنا واجب )
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  طريقة الإنظمام إلي مجموعة أعضاء سبور € GSM Tn
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]  هام لكل الأعضاء الجدد {اخي ..}، كنت عضومنذُ{8 أيام الأخيرة..}

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