/*Sliding Login Panel with jQuery 1.3.2*/ /* Name: Sliding Login Panel with jQuery 1.3.2 Author: Jeremie Tisseau Author URI: http://web-kreation.com/ Date: March 26, 2009 Version: 1.0 Copyright 2009 Jeremie Tisseau "Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3: http://www.gnu.org/licenses/gpl-3.0.html */ /***** clearfix *****/ .clear {clear: both;height: 0;line-height: 0;} .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .clearfix {height: 1%;} .clearfix {display: block;} /* Panel Tab/button */ .tab { background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_b.png) repeat-x 0 0; height: 42px; position: relative; top: 0; z-index: 999; } .tab ul.login { display: block; position: relative; float: right; clear: right; height: 42px; width: auto; font-weight: bold; line-height: 42px; margin: 0; right: 150px; color: white; font-size: 80%; text-align: center; } .tab ul.login li.left { background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_l.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li.right { background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_r.png) no-repeat left 0; height: 42px; width: 30px; padding: 0; margin: 0; display: block; float: left; } .tab ul.login li { text-align: left; padding: 0 6px; display: block; float: left; height: 42px; background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_m.png) repeat-x 0 0; } .tab ul.login li a { color: #15ADFF; } .tab ul.login li a:hover { color: white; } .tab .sep {color:#414141} .tab a.open, .tab a.close { height: 20px; line-height: 20px !important; padding-left: 30px !important; cursor: pointer; display: block; width: 100px; position: relative; top: 11px; } .tab a.open {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_open.png) no-repeat left 0;} .tab a.close {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_close.png) no-repeat left 0;} .tab a:hover.open {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_open.png) no-repeat left -19px;} .tab a:hover.close {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_close.png) no-repeat left -19px;} /* sliding panel */ #toppanel { position: absolute; /*Panel will overlap content */ /*position: relative;*/ /*Panel will "push" the content down */ top: 0; width: 100%; z-index: 999; text-align: center; margin-left: auto; margin-right: auto; } #panel { width: 100%; height: 190px; color: #999999; background: #272727; overflow: hidden; position: relative; z-index: 3; display: none; } #panel h1 { font-size: 1.6em; padding: 5px 0 10px; margin: 0; color: white; } #panel h2{ font-size: 1.2em; padding: 10px 0 5px; margin: 0; color: white; } #panel p { margin: 5px 0; padding: 0; } #panel a { text-decoration: none; color: #15ADFF; } #panel a:hover { color: white; } #panel a-lost-pwd { display: block; float: left; } #panel .content { width: 960px; margin: 0 auto; padding-top: 15px; text-align: left; font-size: 0.85em; } #panel .content .left { width: 280px; float: left; padding: 0 15px; border-left: 1px solid #333; } #panel .content .right { border-right: 1px solid #333; } #panel .content form { margin: 0 0 10px 0; } #panel .content label { float: left; padding-top: 8px; clear: both; width: 280px; display: block; } #panel .content input.field { border: 1px #1A1A1A solid; background: #414141; margin-right: 5px; margin-top: 4px; width: 200px; color: white; height: 16px; } #panel .content input:focus.field { background: #545454; } /* BUTTONS */ /* Login and Register buttons */ #panel .content input.bt_login, #panel .content input.bt_register { display: block; float: left; clear: left; height: 24px; text-align: center; cursor: pointer; border: none; font-weight: bold; margin: 10px 0; } #panel .content input.bt_login { width: 74px; background: transparent url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_login.png) no-repeat 0 0; } #panel .content input.bt_register { width: 94px; color: white; background: transparent url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_register.png) no-repeat 0 0; } #panel .lost-pwd { display: block; float:left; clear: right; padding: 15px 5px 0; font-size: 0.95em; text-decoration: underline; } /*newsletter*/ #newsletter { } #newsletter p { font-size:14px; font-weight: bold; color: #555; float:left; padding:8px 5px 0px 30px; } #newsletter form { float:right; padding:0 30px 0 0; } #newsletter form input.email { width:150px; color:#888; border: 1px solid #ddd; padding:5px 8px 4px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); } #newsletter form input.submit { margin:0 0 0 5px; padding:0; background: url(http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/btn-submit.png) no-repeat; width:89px; height: 31px; border:0; cursor: pointer; color:#fff; text-shadow: 0 -1px 0px #777; font-family: sans-serif; font-weight: bold; font-size:13px; } #newsletter form input.submit:hover { opacity:0.85; } /*fade-spin-css3-jquery*/ #followIcons a { display:inline-block; width:48px; height:48px; text-indent:-3000px; background-position:0 0; background-repeat:no-repeat; z-index:2000; overflow:hidden; position:3; } #followIcons a { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: transform; } #iconRSS { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/RSS.png); } #iconTwitter { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/twitter.png); } #iconDelicious { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/delicious.png); } #iconFacebook { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/facebook.png); } /*submenu*/ #submenu { width: 160px; float: left; } #submenu2 { width: 160px; float: right; } #submenu ul, #submenu2 ul{ font-family: Arial, Helvetica, sans-serif; list-style-type:none; margin:0; padding:0; } #submenu ul li a, #submenu2 ul li a { background:url(http://cdn2.iconfinder.com/data/icons/circular%20icons/bullet_green.png) center left no-repeat; margin:0; padding:3px 3px 3px 18px; } #submenu li, #submenu2 li {display: inline;} #submenu a, #submenu2 a{ color: #FFFFFF; text-decoration: none; font-size: 13px; display: block; padding: 3px; width: 160px; } #submenu a:link, #submenu a:visited, #submenu2 a:link, #submenu2 a:visited { color: #999; text-decoration: none; } #submenu a:hover, #submenu2 a:hover { color: #FFFFFF; } ul.adminbar { background-color:#F5EDE3; border:1px solid #F5EDE3; margin-bottom:8px; padding:5px 5px 0; } ul.adminbar li { background-color:#E6DAC9; border:1px solid #999999; list-style:none outside none; margin-bottom:6px; outline:1px solid #D0CBE5; padding:12px 0px 20px 50px; } ul.adminbar li a { display:block; color:#333333 !important; text-shadow:1px 1px 0 #fff; text-decoration:none; font-size:20px; height:27px; margin:0 0 0 15px; } a.dashboard { background:url(http://1.bp.blogspot.com/-Le542yqWfFg/TeQHu_1XCbI/AAAAAAAACLU/c-HtViQPEQI/s1600/dashboard.png) no-repeat 0px 0px; padding:4px 0 2px 47px; } a.settings { background:url(http://2.bp.blogspot.com/-hsTX92fGbtU/TeQHvyTk9TI/AAAAAAAACLc/zV2CbQWaYiQ/s1600/setting+blogger.jpg) no-repeat 0px 0px; padding:5px 0 0 47px; } a.layout { background:url(http://1.bp.blogspot.com/-dAP-uFxDb2A/TeQHs-8yViI/AAAAAAAACLM/OAVA_VQUvXU/s1600/3anasir.jpg) no-repeat 0px 0px; padding:5px 0 0 47px; } a.editpost { background:url(http://1.bp.blogspot.com/-MNTaudHeQBw/TeQJNVakhbI/AAAAAAAACLg/EWE_dnaYZmg/s1600/edit.png) no-repeat 0px 0px; padding:5px 0 0 47px; } a.newpost { background:url(http://2.bp.blogspot.com/-6Pv1pbavuPY/TeQHt8lkzHI/AAAAAAAACLQ/sEDaHHgUz8o/s1600/add+message+blogger.png) no-repeat 0px 0px; padding:5px 0 0 47px; } a.statistic { background:url(http://1.bp.blogspot.com/-K0mz7u5qyrw/TeQHsXXSOmI/AAAAAAAACLI/k1_kCabmX2E/s1600/Statistics+blogger.png) no-repeat 0px 0px; padding:5px 0 0 47px; } -->

اللحظة الاخيرة..خدعة رائعة من خدع الفوتوشوب

12:09 م  Unknown  0 التعليقات

 
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
 

اللحظة الاخيرة..خدعة رائعة من خدع الفوتوشوب

 

تابع القراءة
مزيد من المعلومات »

درس فوتوشوب _تصميم رجل من نار

11:58 ص  Unknown  0 التعليقات

 
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
 

درس فوتوشوب _تصميم رجل من نار

 

تابع القراءة
مزيد من المعلومات »

درس فوتوشوب _فن الدمج و التشويه

11:48 ص  Unknown  0 التعليقات

 
بسم الله الرحمن الرحيم
 
السلام عليكم ورحمة الله وبركاته
 
 
 

درس فوتوشوب _فن الدمج و التشويه

 
 
 
 
 

تابع القراءة
مزيد من المعلومات »

درس فوتوشوب... تصميم قلب وجعله ينبض

11:37 ص  Unknown  0 التعليقات

 
 
بسم الله الرحمن الرحيم



السلام عليكم ورحمة الله وبركاته
 

 

درس فوتوشوب... تصميم قلب وجعله ينبض

 
 
 

تابع القراءة
مزيد من المعلومات »

درس فوتوشوب (إحتراف الخدع الدرس الأول)

5:08 م  Unknown  0 التعليقات

 

بسم الله الرحمن الرحيم
 
السلام عليكم ورحمة الله وبركاته
 
إحتراف الخدع الدرس الأول
 
 
تحميل الأدوات المستخدمه
 
 
الدرس
 
 

تابع القراءة

درس فوتوشوب (احتراف الخدع الدرس الثاني)

5:07 م  Unknown  0 التعليقات

بسم الله الرحمن الرحيم



السلام عليكم ورحمة الله وبركاته



احتراف الخدع الدرس الثاني
 
 
 

تابع القراءة

كتاب تعلم الفلاش ببرنامج سويش ماكس Swishmax للمبتدئين

5:05 م  Unknown  0 التعليقات

بسم الله الرحمن الرحيم

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

سويش ماكس Swishmax برنامج شهير من أسهل البرامج لعمل عروض فلاشية وتصميم المواقع الفلاشية وبه إمكانيات وتأثيرات جاهزة رائعة تضاف للعمل ولذلك فمن السهل على أى مبتدئ بالتصميم تعلمه وتصميم أعمال جيدة.
البرنامج من إنتاج شركة Swishzoneوهذه الشركة أنتجت أحدث إصدار لها وهو الإصدار الرابع Swishmax4 فى نهاية عام 2010 يمكن تحميل النسخة التجريبية من موقع الشركة .
ويوفر الموقع أيضا البرامج الملحقة التى تسخدم مع البرنامج مثل برنامج SWiSH Video3 لتحويل الفيديو إلى فلاش .

ومن أهم مميزات هذا البرنامج توافر القوالب Templates التى يمكن التعديل عليها بإستخدام البرنامج.

وبعد هذه المقدمة أقدم هذا الكتاب الذى يحتوى على دروس للبرنامج للمبتدئين لتكون الخطوات الأولى فى طريق إتقان الفلاش ببرنامج السويش وسنتعرف على محتويات الكتاب :
 

  • شرح واجهة البرنامج
  • شرح شريط الأدوات
  • كيفية فتح عمل جديد وادراج صورة بها تأثيرات متحركة وكتابة متحركة ويمكن معاينة التطبيق من هـــنااااااااااا
  • شرح components
  • طريقة حفظ العمل
  • رسم الأشكال فى السويش
  • البرمجة وإعطاء الأوامر للأزرار Buttons ولمشاهدة التطبيق من هـــنااااااااااااا
  • طريقة عمل ألبوم للصور يمكن مشاهدته من هـــنااااااااااا
  • شرح التأثيرات مع شرح تطبيقى
  • كيفية عمل لمعة على النص بطريقة الماسك ويمكن رؤية التطبيق من هـــناااااااااااا
  • درس تأثير الفلاترFilters
  • إضافة الصوت للمشهد ولمشاهدة التطبيق من هـناااااااااااا
  • تقطيع الصوت ببرنامج جولد ويف Goldwave
  • طريقة عمل أزرار للتحكم بالصوت وهذا هو التطبيق من هــــــــناااااااا
  • طريقة فتح العمل Fullscreen script
  • أوامر أكشن سكريبت جاهزة.
      •  
      كتاب تعليم سويش ماكس
      الكتاب بصيغة Pdf ومرفق به ملفات مفتوحة للتطبيق.




      تابع القراءة

      شارك

      Twitter Delicious Facebook Digg Stumbleupon Favorites More