مجموعه ابداعي التطويريه » css http://www.abda3y.com معاً ... حتي الاحتراف في التطوير Sun, 25 Oct 2009 15:21:40 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 الخطوة القادمه .. كونوا في الانتظار .. :) http://www.abda3y.com/blog/2009/10/%d8%a7%d9%84%d8%ae%d8%b7%d9%88%d8%a9-%d8%a7%d9%84%d9%82%d8%a7%d8%af%d9%85%d9%87-%d9%83%d9%88%d9%86%d9%88%d8%a7-%d9%81%d9%8a-%d8%a7%d9%84%d8%a7%d9%86%d8%aa%d8%b8%d8%a7%d8%b1/ http://www.abda3y.com/blog/2009/10/%d8%a7%d9%84%d8%ae%d8%b7%d9%88%d8%a9-%d8%a7%d9%84%d9%82%d8%a7%d8%af%d9%85%d9%87-%d9%83%d9%88%d9%86%d9%88%d8%a7-%d9%81%d9%8a-%d8%a7%d9%84%d8%a7%d9%86%d8%aa%d8%b8%d8%a7%d8%b1/#comments Sat, 17 Oct 2009 11:12:47 +0000 ابراهيم هنداوي http://www.abda3y.com/?p=281 السلام عليكم ورحمه الله وبركاته

الخطوة القادمه .. ان شاء الله

اكبر مكتبه استايلات معربه ,, تحتوي علي جميع استايلات و قوالب الووربريس

……………………………….

]]> http://www.abda3y.com/blog/2009/10/%d8%a7%d9%84%d8%ae%d8%b7%d9%88%d8%a9-%d8%a7%d9%84%d9%82%d8%a7%d8%af%d9%85%d9%87-%d9%83%d9%88%d9%86%d9%88%d8%a7-%d9%81%d9%8a-%d8%a7%d9%84%d8%a7%d9%86%d8%aa%d8%b8%d8%a7%d8%b1/feed/ 1 منتديات المدونات الووردبريس (اعرف المميزات في الداخل) http://www.abda3y.com/blog/2009/10/%d9%85%d9%86%d8%aa%d8%af%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%af%d9%88%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%a7%d8%b9%d8%b1%d9%81-%d8%a7%d9%84%d9%85/ http://www.abda3y.com/blog/2009/10/%d9%85%d9%86%d8%aa%d8%af%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%af%d9%88%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%a7%d8%b9%d8%b1%d9%81-%d8%a7%d9%84%d9%85/#comments Tue, 13 Oct 2009 00:11:23 +0000 ابراهيم هنداوي http://www.abda3y.com/blog/?p=257 السلام عليكم ورحمه الله وبركاته

اهلا بكم زوار الموقع الكرام .. وكما وعدناكم انه سوف يتم انزال النسخه عن قريب

تعريب :- مجموعه ابداعي التطويريه – بواسطه :- ابراهيم هنداوي

والان نعلن عن نزول النسخه من wordpress forums

WP-FORUMS – WORDPRESS

بحمد الله تعالي نبدأ

ولكن لن نسمح نهائيا بحذف الحقوق .. وربنا علي ما اقول شهيد ..

مميزات الاسكربت التي قمنا بتطويرها

  1. تحويل قاعده البيانات الي UTF-8 الترميز العالمي
  2. تحويل النسخه بالكامل .. الي UTF-8
  3. تم تطوير استايل واحد فقط .. وهو sweet
  4. تم تعريبه بحمد الله تعالي بنسبه (99%)

المميزات التي نقدمها قريبا باذن الله تعالي

  1. دعم كامل لتعريب الاسكربت
  2. دعم للاسكربت ولكن ليست بنسه 100%
  3. عمل استايلات .. وشرح طرق عمل استايلات .
  4. شروحات . لكيفيه تعديل و تنسيق الموقع من خلال ملفات php
  5. شروحات اي شئ يطلبها الزوار بأضافه تعليق لدينا .. بالموضوع الرئيسي

تركيب و تنصيب الاسكربت

  1. قم برفع الملف wp-forum الي مجلد wp-content/plugins
  2. قم برفع قاعده برفع قاعده البيانات هذه داخل الداتا بيز الخاصه بالمدونه
  3. الذهاب الي لوحه التحكم الي الاضافات و الاضافات المثبته و تفعيل الاضافه wp-forum
  4. قم بالذهاب الي ادوات تجد في النهايه كلمه wp-forum قم بالضغط بها لكي تقوم بالتحكم بالمنتدي

—————-

نتمني ان يكون الموضوع قد اعجبكم بأذن الله تعالي

لتحميل النسخه من ( هنا ) – لتحميل الداتابيز من ( هنا )

]]> http://www.abda3y.com/blog/2009/10/%d9%85%d9%86%d8%aa%d8%af%d9%8a%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d8%af%d9%88%d9%86%d8%a7%d8%aa-%d8%a7%d9%84%d9%88%d9%88%d8%b1%d8%af%d8%a8%d8%b1%d9%8a%d8%b3-%d8%a7%d8%b9%d8%b1%d9%81-%d8%a7%d9%84%d9%85/feed/ 9 {اضافه} معلومات عن الموضوع بشكل مميز http://www.abda3y.com/blog/2009/09/%d8%a7%d8%b6%d8%a7%d9%81%d9%87-%d9%85%d8%b9%d9%84%d9%88%d9%85%d8%a7%d8%aa-%d8%b9%d9%86-%d8%a7%d9%84%d9%85%d9%88%d8%b6%d9%88%d8%b9-%d8%a8%d8%b4%d9%83%d9%84-%d9%85%d9%85%d9%8a%d8%b2/ http://www.abda3y.com/blog/2009/09/%d8%a7%d8%b6%d8%a7%d9%81%d9%87-%d9%85%d8%b9%d9%84%d9%88%d9%85%d8%a7%d8%aa-%d8%b9%d9%86-%d8%a7%d9%84%d9%85%d9%88%d8%b6%d9%88%d8%b9-%d8%a8%d8%b4%d9%83%d9%84-%d9%85%d9%85%d9%8a%d8%b2/#comments Wed, 30 Sep 2009 20:51:07 +0000 ابراهيم هنداوي http://www.abda3y.com/blog/?p=235 بسم الله الرحمن الرحيم …

نقدم اضافه معلومات عن الموضوع بشكل مميز

وهذا مثاال للاضافة …. :)

ماكن التركيب المخصصه

  1. ملف index.php
  2. ملف search.php
  3. ملف single.php
  4. ملف archive.php
  5. ملف style.css

الان نأتي لطريقه التركيب …. سوف نقوم باضافه الاكواد هذه اسفل هذا الكود من الملفات 1.2.3.4

قم بالبحث عن <?php the_title(); ?> قم باضافه الكود في السطر الذي يليه (اضغط هنا لمشاهده الكود)

اتمني ان الاضافه تكون مميزة و رائعه

بالتوفيق للجميع

]]> http://www.abda3y.com/blog/2009/09/%d8%a7%d8%b6%d8%a7%d9%81%d9%87-%d9%85%d8%b9%d9%84%d9%88%d9%85%d8%a7%d8%aa-%d8%b9%d9%86-%d8%a7%d9%84%d9%85%d9%88%d8%b6%d9%88%d8%b9-%d8%a8%d8%b4%d9%83%d9%84-%d9%85%d9%85%d9%8a%d8%b2/feed/ 5 استايل الموقع الجديد http://www.abda3y.com/blog/2009/09/%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af/ http://www.abda3y.com/blog/2009/09/%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af/#comments Fri, 25 Sep 2009 19:23:28 +0000 ابراهيم هنداوي http://www.abda3y.com/blog/?p=219 بسم الله الرحمن الرحيم

الان بحمد الله تم تغير استايل الموقع الي الاستايل الرئيسي له

يوم 25 سبتمبر 2009 – الساعه 8 – 15 دقيقه وتم اضافه بعد الاضافات الرائعه مع ذكر مصدرها

و الكثير و الكثير من التطويرات قادمه كل يوم مع الموقع … ولكن تابع معنا الموضوع لمعرفه الكثير عن الاستايل

مجوعة ابداعي التطويرية

مجوعة ابداعي التطويرية

الحمد لله رب العالمين و الصلاة و السلام علي اشرف المرسلين سيدنا محمد صلي الله عليه وسلم .. وبعد

تم الانتهاء من تركيب و تطوير التصميم الجديد للموقع وهو عباره عن مجمع افكار من رشيد (صاحب مدونه رشيد) – و مدونه (عالم تقنيه) وتم تركيب و التطوير بواسطه ابراهيم هنداي (مدير مجموعه ابداعي التطويرية)

مميزات الاستايل :-

  1. الخفه و المرونه و سرعه التصفح بشكل مميز
  2. تنسيق التعليقات بشكل مميز و خفيف
  3. عرض التنصيفات و الوسوم و معلومات عن الموضوع
  4. تنسيق الاعلانات بشكل افضل

وان شاء الله يكون الاستايل عجب الجميع زوار و اعضاء الموقع .. بالتوفيق للجميع وننتظر اي اقتراحات او استفسارات او غيرها …

لا اله الا الله ….

]]> http://www.abda3y.com/blog/2009/09/%d8%a7%d8%b3%d8%aa%d8%a7%d9%8a%d9%84-%d8%a7%d9%84%d9%85%d9%88%d9%82%d8%b9-%d8%a7%d9%84%d8%ac%d8%af%d9%8a%d8%af/feed/ 3 ثاني درس تكوين كود css http://www.abda3y.com/blog/2009/09/%d8%ab%d8%a7%d9%86%d9%8a-%d8%af%d8%b1%d8%b3-%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%83%d9%88%d8%af-css/ http://www.abda3y.com/blog/2009/09/%d8%ab%d8%a7%d9%86%d9%8a-%d8%af%d8%b1%d8%b3-%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%83%d9%88%d8%af-css/#comments Wed, 23 Sep 2009 20:57:43 +0000 ابراهيم هنداوي http://www.abda3y.com/blog/?p=202 السلام عليكم ورحمه الله وبركاته

نقدم شرح تكوين كود css التي تساعدك في تطوير موقعك

الدرس مقدم من :- مجموعة ابداعي التطويرية – بواسطة :- ابراهيم هنداوي

css logo

محلوظة مهمه جدا :- هذا كله لايعتبر css بالكامل ولكن هذه اجزاء التي يمكن ان تستخدمها دائما في التعديل او الاضافه او حتي في اعمالنا و دروسنا القادمه و في تطويرتنا

الان نقدم شرح كيفيه تكوين و تركيب كود css

شرح تكوين كود لمستطيل و بداخله كلمات .. متختلفه | هنا يستخدم عند صفحات الخطأ عند كتابه ملاحظات او كتابه شئ مهم للغايه و لها استخدمات كثيرة

اولا و من الاساسيات ان نقوم باستخدام الاكواد التي في الدرس السابق و قبل البدأ نقوم باضافه السطر الاتي
.textbox { } الكود الاتي .textbox و هو المقصود به اسم الجدول … و القوسان {} بيضاف بينهما اكود css التي ذكرت في الدرس الاول

شرح تكوين كود المستطيل و كيفيه تنفيذ الكود | الان شرح كيف انشاء الكود و كيفيه التركيب


.textbox{
font-family: Tahoma;
font-size: 11px;
color: #000000;
text-align: center;
border: 1px dotted #ff0000;
background:#cccccc none repeat scroll 0 0;
width: 500px;
}

وهذا هو شكل الكود الاخير بعد ولمعرفه اكثر الاكواد التي بالداخل يمكنك زيارة الموضوع التالي (الدرس الاول)


طريقه التركيب علي صفحه HTML او PHP هو الاتي

<div class=”texebox”> هنا محتوي المستطيل</div>

هنا تقوم باضافه او استخدام الكود في الموقع او في ملف HTML و الكود السابق يضاف الي ملف style.css

ملحوظة هامة جدا :- نلتقي في دروس اخري لكيفيه تعريب الاستايلات من css و كيفيه عمل اضافات لها و دروس اخري لتطوير css ولكن هذا كان مجرد اساسيات و كيفيه تركيب و تكوين كود كامل … شكرا لكم ابراهيم هنداوي

تم الانتهاء بحمد الله تعالي من الدرس الثاني و الاخير

نتلقي في دروس اخري و تطويريه منcss

http://www.abda3y.com/blog/2009/09/%D8%A7%D9%88%D9%84-%D8%AF%D8%B1%D8%B3-%D8%B4%D8%B1%D8%AD-%D8%A7%D8%B3%D8%A7%D8%B3%D9%8A%D8%A7%D8%AA-css/
]]> http://www.abda3y.com/blog/2009/09/%d8%ab%d8%a7%d9%86%d9%8a-%d8%af%d8%b1%d8%b3-%d8%aa%d9%83%d9%88%d9%8a%d9%86-%d9%83%d9%88%d8%af-css/feed/ 2 اول درس شرح اساسيات css http://www.abda3y.com/blog/2009/09/%d8%a7%d9%88%d9%84-%d8%af%d8%b1%d8%b3-%d8%b4%d8%b1%d8%ad-%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css/ http://www.abda3y.com/blog/2009/09/%d8%a7%d9%88%d9%84-%d8%af%d8%b1%d8%b3-%d8%b4%d8%b1%d8%ad-%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css/#comments Fri, 18 Sep 2009 21:17:33 +0000 ابراهيم هنداوي http://www.abda3y.com/blog/?p=157 السلام عليكم ورحمه الله وبركاته

نقدم شرح اساسيات css التي تساعدك في تطوير موقعك

الدرس مقدم من :- مجموعة ابداعي التطويرية – بواسطة :- ابراهيم هنداوي

css logo

محلوظة مهمه جدا :- هذا كله لايعتبر css بالكامل ولكن هذه اجزاء التي يمكن ان تستخدمها دائما في التعديل او الاضافه او حتي في اعمالنا و دروسنا القادمه و في تطويرتنا

الان نقوم بشرح بعض الاكواد الاساسيه في css

كود خاص بتغير fonts من Tahoma – Arial

font-family: Tahoma;

كود خاص بتغير font size من 11px – 12px | يفضل اولا واخيرا استخدام الاحجام هذه وهي افضل احجام الخطوط مثل الخط المكتوب به الان و هذه تستخدم عن تغير حجم الفونت في موقعك او مدونتك في ملف css الخاص بالاستايل وغالبا يكون له اسم style.css

font-size: 11px;

كود خاص بتغير لون الخط color | هذه تستخدم في تغير الوان الخطوط التي بالموقع لديك حيث انك يمكنك تغير الالوان من خلالها الي الون المفضل و اكواد الالوان يجب ان تكون هكذا

color: #FFFFFF;

كود خاص بتغير اماكن الكلام مثلا يمين – وسط – شمال | تستخدم في تغير اماكن الخطوط الي الاماكن المطلوبه تواجدها .. right – left – center

text-align: right;

كود خاص بتغير حدود الجداول وغيرها و يسمي border | تستخدم في عمل تحديد متقتطع او كامل بشكل مميز و كامل .. ويمكن استخدامه في عمل اشكال محيطه بالكلام

border: 1px dotted;

ويوجد انواع كثيرة من التحديد منها :- dotted – wheat – solid – inset – outset

كود خاص بتغير حجم وعرض المحتوي من مسافات او مساحات ويسمي margin | تستخدم في عمل مساحات و مسافات بين الجداول و غيرها وتنسيق الكلام و البعد بين الكلام و الجداول ولها عده استخدمات ويوجد منها الانواع الاتيه

margin: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;

كود استخدام النصوص مثل الاتي (نص تحته خط – نص عادي – نص مائل) | يستخدم دائما في الروابط لانه يوجد بعض الاستايلات لا تجد خط تحت النصوص التي بها روبط او احيانا تجدها و هذة اذواق المصمم و حسب شكل الاستايل و استخدماته

text-decoration: underline;
text-decoration: none;

كود الذي يستخدم في تحويل جميع اجزاء الصفحه من اليمين الي اليسار و العكس | يستخدم دائما عندما يقوم اي معرب استايل بتعريب استايل لكي يقوم بتحويل الاستايل او اجزاء منها من اليسار الي اليمين

float: right;
float: center;
float: left;

كود الذي يستخدم في العرض او الطول width – height
height: 60px;
width: 468px;

تم الانتهاء من الدرس الاول الحمد لله

و ان شاء الله لنا لقاء مع كيفيه تركيب الاكواد و استخدامها في موقعك

]]> http://www.abda3y.com/blog/2009/09/%d8%a7%d9%88%d9%84-%d8%af%d8%b1%d8%b3-%d8%b4%d8%b1%d8%ad-%d8%a7%d8%b3%d8%a7%d8%b3%d9%8a%d8%a7%d8%aa-css/feed/ 2