أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

تطوير المواقع web development

تغريدات توتر بشكل جديد في فوتر

: تغريدات توتر بشكل جديد في فوتر

27-06-2012 10:47 مساءً

abdalatif

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

طريقة تركيب

+++اولا غير في كود التالي هذه الكلمة epaudz الى حسابك على تويتر

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<!-- Mirrored from metagraphics.eu/spicy/wish.html by HTTrack Website Copier/3.x [XR&CO&#39;2010], Fri, 01 Jun 2012 19:43:58 GMT -->
<head>
<meta http-**="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" href="stylesheet/stylesheet.css" type="text/css" media="screen" />
<link href=&#39;http://fonts.googleapis.com/css?family=Lobster&#39; rel=&#39;stylesheet&#39; type=&#39;text/css&#39;/>
<link rel="stylesheet" type="text/css" href="stylesheet/jquery-ui-1.8.9.custom.css" />
<!-- jQuery and Custom scripts -->
<script src="js/jquery-1.5.2.min.js" type="text/javascript"></script>
<script src="js/jquery.cycle.lite.1.0.min.js" type="text/javascript"></script>
<script src="js/custom_scripts.js" type="text/javascript"></script>
<!-- Tipsy -->
<script src="js/tipsy/jquery.tipsy.js" type="text/javascript"></script>
<style type="text/css">
</style>
<div id="pre_footer">
  <div class="inner">
    <div id="twitter_div"> <a class="twitter_follow" href="http://twitter.com/epaudz" title="e.p.a.u-dz">
	   Follow Us on Twitter</a> <a id="tweet_prev" href="#">Previous</a> <a id="tweet_next" href="#">
	   Next</a>
	 <ul id="twitter_update_list">
	   <li>&nbsp;</li>
	 </ul>
    </div>
  </div>
</div>
  
</div>
<!-- END OF MAIN WRAPPER --> 
<script type="text/javascript" src="js/twitter.com/javascripts/blogger.js"></script> 
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/epaudz.json?callback=twitterCallback2&amp;count=3"></script> 
<script type="text/javascript"><!--
$(document).ready(function() {
$(&#39;#twitter_update_list&#39;).cycle({
	   fx: &#39;fade&#39;, // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	   next:   &#39;#tweet_next&#39;, 
	   prev:   &#39;#tweet_prev&#39;
	   }); 
	   });
//--></script> 
<script type="text/javascript">
   $(document).ready(function() {
	   var interval;
	   $(&#39;ul#myRoundabout&#39;)
	   .roundabout({
		    &#39;btnNext&#39;: &#39;.next_round&#39;,
		  &#39;btnPrev&#39;: &#39;.previous_round&#39; 
		}
		)
	   .hover(
	   function() {

	   clearInterval(interval);
	   },
	   function() {

	   interval = startAutoPlay();
	   });

	   interval = startAutoPlay();
	   });
	   function startAutoPlay() {
	   return setInterval(function() {
	   $(&#39;ul#myRoundabout&#39;).roundabout_animateToPreviousChild();
	   }, 3000);
    } 
</script>

ثم
+++قم بوضعه في قالب الفوتر
footer
+++ثم قم برفع ملفات الموجدة في مرفق الى رئيسية منتداك

ولتسهيل ذلك اطلب من اخي phpmax
عمل هاك لهذا الملحق وهذا لتسهيل تركيبه بنسبة لفئة عديمي الخبرة

للمعاينة يرجى زيارة هذا المنتدى

: Sans titre.jpg تحميل jpg مرات التحميل :(4)
الحجم :(158.988) KB

twitter.zip تحميل zip مرات التحميل :(23)
الحجم :(51.83) KB