برمجة التايم لاين في الفايس بوك  Timeline facebook asp.net

برمجة التايم لاين في الفايس بوك Timeline facebook asp.net

تعلم عمل التايم لاين في الفايس بوك Timeline facebook asp.net

تعلم عمل التايم لاين في الفايس بوك
Timeline facebook asp.net

 

 

اولا ديمو المقال علي الموقع الرسمي

بشكل افقي

http://www.csslab.cl/ejemplos/timelinr/latest/horizontal.html

timeline facebook

بشكل عرضي

http://www.csslab.cl/ejemplos/timelinr/latest/vertical.html

timeline facebook

 

 

يمكنك تحميل المثال من موقعنا علي الرابط التالي

http://www.citystarit.com/upload/projects/facebookTimeLine.zip

 

خطوات عمل التايم لاين في الفايس بوك

1-وضع سكربت الجاكويري في رأس الصفحة او الهيدر  head

<script src="js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="js/jquery.timelinr-0.9.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){       $().timelinr();    }); </script>

 

2-كتابة جسم الصفحة او الموضوع في الصفحة في وسم الفورم او البودي   form or body

<div id="timeline">
<ul id="dates">
<li><a href="#">date1</a></li>
<li><a href="#">date2</a></li>
</ul>    <ul id="issues">
<li id="date1">
<p>Lorem ipsum.</p>       </li>
<li id="date2">
<p>Lorem ipsum.</p>
</li>    </ul>
<a href="#" id="next">+</a> <!-- optional -->
<a href="#" id="prev">-</a> <!-- optional -->
</div>

بواسطة
مصر
سيتي ستار لتكنولوجيا المعلومات
سيتي ستار لتكنولوجيا المعلومات

عودة لمقالات الموقع