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

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

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

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

 

 

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

بشكل افقي

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

timeline facebook

بشكل عرضي

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

timeline facebook

 

 

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

https://www.vodlara.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>

نشكرك علي المشاركة