Animated Navigation
CSS+Jquery
By AmrAbdelaziz
عمل تحريك لقائمه بإستخدام الجكوارى
Demo
-----------------
تحميل ملفات الدرس الجكوارى والصوره والاندكس كامل الملفات
Download
--------------------------------------------
Tutorail on Youtube
الدرس الاول : Link
الدرس الثانى : Link
------------------
لو فى موسيقى فأعذرونى صوت التلفاز والشارع :strongly: المايك بتاعى بيلقط موت :smoke1:
-----------------------------------------------
الدرس كتابى
HTML
رمز PHP:
Home
Services
Portfolio
Blog
About
Contact
----------------
CSS
#رمز PHP:
---------------------
JQuery in Head tag
أتمنى الدرس يعجبكم CSS+Jquery
By AmrAbdelaziz
عمل تحريك لقائمه بإستخدام الجكوارى
Demo
-----------------
تحميل ملفات الدرس الجكوارى والصوره والاندكس كامل الملفات
Download
--------------------------------------------
Tutorail on Youtube
الدرس الاول : Link
الدرس الثانى : Link
------------------
لو فى موسيقى فأعذرونى صوت التلفاز والشارع :strongly: المايك بتاعى بيلقط موت :smoke1:
-----------------------------------------------
الدرس كتابى
HTML
رمز PHP:
Home
Services
Portfolio
Blog
About
Contact
----------------
CSS
#رمز PHP:
navigation { height:40px; width:555px; margin:auto; margin-top:25px; }
ul#nav { margin:0; padding:0; list-style-type:none; font-size:0.8em; }
ul#nav li { margin:0; padding:0; overflow:hidden; float:left; height:40px; }
ul#nav a, ul#nav span { padding:0 20px; float:left; text-decoration:none; color:#fff; background:url(a_bg.gif) repeat-x; text-transform:uppercase; clear:both; height:40px; line-height:40px; }
ul#nav a { color: #555; background-position: left bottom; }
ul#nav span { background-position: left top; }
ul#nav { margin:0; padding:0; list-style-type:none; font-size:0.8em; }
ul#nav li { margin:0; padding:0; overflow:hidden; float:left; height:40px; }
ul#nav a, ul#nav span { padding:0 20px; float:left; text-decoration:none; color:#fff; background:url(a_bg.gif) repeat-x; text-transform:uppercase; clear:both; height:40px; line-height:40px; }
ul#nav a { color: #555; background-position: left bottom; }
ul#nav span { background-position: left top; }
---------------------
JQuery in Head tag
تم عمل الدرس بواسطتى عمرو عبد العزيز