• الإعلانات

    • فيصل الحربي

      تسجيل عضوية جديدة في المنتدى   01/31/2016

      السلام عليكم ورحمة الله وبركاته  عزيزي العضو الجديد :  حاليا رسالة الإيميل لتأكيد صحة إيميلكم تذهب للبريد العشوائي ( جاري حل المشكلة )  فإذا لم تجد رسالة التحقق من إيميلكم في صندوق الوارد لديكم إتجه للبريد العشوائي ( JUNK)  وقم بتفعيل إشتراككم من هناك   

mehdy

اعضاء جدد
  • عدد المشاركات

    38
  • تاريخ الانضمام

  • تاريخ اخر زياره

السمعه بالموقع

16 عادي

عن mehdy

  • الرتبة
    عضو جديد

معلومات الملف الشخصي

  • الجنس ذكر
  1. بسم الله الرحمن الرحيم و الصلاة و السلام على رسول الله السلام عليكم و رحمة الله و بركاته --------------------------- خطوات تصميم موقع بسيط موضوعه أركان الإيمان بواسطة Dreamweaver Cs5 و Css http://mehdy.kodingen.com/Arkano_ElImane/rokne1.html هذه الخطوات ستكون بإذن الله على شكل تمارين قصيرة متتالية . تمرين 1 : إنشاء موقع تمرين 2 : إنشاء صفحة جديدة تمرين 3 : كتابة محتوي الموقع مع التسجيل تمرين 4 : إدراج الأوسمة tag على النص تمرين 5 : إدراج خلفية للموقع بواسطة CSS تمرين 6 : جعل محتوى الموقع وسط الشاشة تمرين 7 : إنشاء قائمة أركان الإيمان و مواقع إسلامية تمرين 8 : تتمة إنشاء القائمة تمرين 9 : تغيير لون خانة الجدول عند مرور mouse تمرين 10 : في هذا التمرين سنعمل بإذن الله على النص , النتيجة النهائية ستكون : تمرين 11 : تتمة التمرين 10 تمرين 12 : Footer تمرين 13 : تسجيل العمل على شكل Template تمرين 14 : نعتمد على Template لإنشاء جميع صفحات الموقع تمرين 15 : Accordéon Spry تمرين 16 : بعض التعديلات على Accordéon Spry تمرين 17 : نقوم بتعديل الروابط على Template , ثم التسجيل . فبمجرد تسجيل جميع الصفحات المنشأة من خلال Template تكتسب هذه التعديلات. تمرين 18 : نعطي الرابط اللون الأسود و نحذف الخط أسفله تحميل الكتاب : خطوات تصميم موقع بسيط بواسطة Dreamweaver Cs5 و Css pdf 71 صفحة تحميل الصور المرفقة -------------------------- الحمد لله
  2. سوال بخصوص opacity

    السلام عليكم -------------------------- يمكنك الإستعانة بهذا الرابط http://css3gen.com/box-shadow/ لإنشاء الظل , و تكون النتيجة كالتالي table { -webkit-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75); -moz-box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75); box-shadow: 7px 7px 5px rgba(50, 50, 50, 0.75); }
  3. بارك الله فيك و أكرمك الله , من المتبعين
  4. السلام عليكم ---------------------------- شكرا أستاذنا بسام على هذا الدرس. طلب إذا كام ممكن , كتابة الكلمات التقنية داخل الدروس ( مثل جسم , الترويسه , المحتوى , الذيل , شيفره .... ) عربي - إنجليزي . ---- بالتوفيــــق
  5. السلام عليكم بارك الله فيك , نتابع معك بإذن الله.
  6. سلام عليكم -------------------------------- خاصية محتوى تعمل مع إدراج الصورة و لا تعمل مع النص div:بعد { محتوى : عنوان("image.png") ; } div:after{content:url("image.png");} div:بعد { محتوى : "السلام عليكم" ; } النتيجة Parse error near ""السلام عليكم" ; } ", expecting "identifier,measurement,*,id_sign,,,class_sign,:,>,+" أما كتابة - سلام عليكم - بدون " Double quotes " div:بعد { محتوى : السلام عليكم ; } النتيجة : div:after{content:السلام عليكم;} هذه النتيجة غير مقبولة في Css , أي لا بد من " Double quotes " ------------- بالتوفيـــــق
  7. السلام عليكم --------------------------------- عمل طيب , نسأل الله التوفيق و أن يبارك في هذا العمل . قمت بالتجربة بواسطة http://blazeeboy.github.com/Sema-lang/#try على Firefox 12.0 ----> تمت الترجمة بشكل جيد Chrome 19 ------> تمت الترجمة بشكل جيد IExplorer 9 -------> لم تتم الترجمة و لم يظهر أي خطأ ------------------ قمت ببعض التجارب منها من تمت بشكل جيد , و البعض لا مثال : سابقة { لون: #886677; } النتيجة سابقة{color:#886677;} ------------------ سابقة + سابقة { لون: #886677; } أو p + p { لون: #886677 ; } النتيجة Parse error near " + سابقة { لون: #886677; }", expecting "(,{,identifier,measurement,*,id_sign,,,class_sign,:,>,important,line_terminal" ------------ p { لون: أخضر; } النتيجة ( يا أخي يوجد اللون الفضي لماذا لا يوجد الأخضر :happy: ) سابقة{color:أخضر;} ------------- فعلا يا أخي عمل طيب , أسأل الله أن يعينك و يوفقك عليه.
  8. دَعِ الأَيَّامَ تَفْعَل مَا تَشَاءُ وطب نفساً إذا حكمَ القضاءُ وَلا تَجْزَعْ لنازلة الليالي فما لحوادثِ الدنيا بقاءُ وكنْ رجلاً على الأهوالِ جلداً وشيمتكَ السماحة ُ والوفاءُ وإنْ كثرتْ عيوبكَ في البرايا وسَركَ أَنْ يَكُونَ لَها غِطَاءُ تَسَتَّرْ بِالسَّخَاء فَكُلُّ عَيْب يغطيه كما قيلَ السَّخاءُ ولا تر للأعادي قط ذلا فإن شماتة الأعدا بلاء ولا ترجُ السماحة من بخيلٍ فَما فِي النَّارِ لِلظْمآنِ مَاءُ وَرِزْقُكَ لَيْسَ يُنْقِصُهُ التَأَنِّي وليسَ يزيدُ في الرزقِ العناءُ وَلا حُزْنٌ يَدُومُ وَلا سُرورٌ ولا بؤسٌ عليكَ ولا رخاءُ وَمَنْ نَزَلَتْ بِسَاحَتِهِ الْمَنَايَا فلا أرضٌ تقيهِ ولا سماءُ وأرضُ الله واسعة ً ولكن إذا نزلَ القضا ضاقَ الفضاءُ دَعِ الأَيَّامَ تَغْدِرُ كُلَّ حِينٍ فما يغني عن الموت الدواءُ ----------------------------------- رحم الله الإمام الشافعي , القصيدة : دَعِ الأَيَّامَ تَفْعَل مَا تَشَاءُ
  9. و عليكم السلام و رحمة الله و بلركاته لدمج عدة أسماء داخل نفس الصفحة : 1. دمج الإسم الأول بشكل عادي 2. دمج الإسم الثاني , الثالث .... , بعد الإسم الثاني , الثالث .... تذهبين إلى Publipostage --> Règles --> suivant النتيجة تكون على هذا الشكل «thename» لوريم إيبسوم(Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المح........ والتي حوت أيضاً على نسخ من نص لوريم إيبسوم. «thename»«Enregistrement suivant» لوريم إيبسوم(Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المح........ والتي حوت أيضاً على نسخ من نص لوريم إيبسوم. «thename»«Enregistrement suivant» لوريم إيبسوم(Lorem Ipsum) هو ببساطة نص شكلي (بمعنى أن الغاية هي الشكل وليس المح........ والتي حوت أيضاً على نسخ من نص لوريم إيبسوم.
  10. بالنسبة ل mobile يمكن كتابة stylesheet خاص بكل واحد , مثال : @media screen and (device-width: 320px) { } @media screen and (device-width: 360px) { } @media screen and (device-width: 480px) { } أو كتابة بهذا الشكل مع استدعاء stylesheet بواسطة href <link rel="stylesheet" media="screen and (device-width:320px)" href="phone_320.css" /> بالنسبة ل device-width : فهي تقوم بتحديد عرض الشاشة على خلاف width التي تقوم بتحديد عرض الصفحة ---------------------------- هناك تقنية تسمى : Responsive web design و هدفها جعل الموقع يتلائم مع جميع الشاشات , مثال http://kulturbanause.de/ أو http://mediaqueri.es/
  11. و عليكم السلام شكرا و بارك الله فيك على هذه الدروس
  12. و عليكم السلام و رحمة الله و بركاته أنصحك ب : lynda.com: Creating a First Web Site with Dreamweaver CS4 تحميل ------------------- و : lynda.com: Creating a First Web Site with Dreamweaver CS5 تحميل
  13. السلام عليكم -------------------------------- يمكن استعمال تقنية Media Queries لتحكم في طريقة عرض style هل هو من أجل الطباعة , mobile أو screen ..... مثال بسيط , التحكم في عرض الشاشة ب : Media screen 1 |@media screen and (min-width:1000px) { 2 | body { 3 | background: orange; 4 | } 5 | } السطر 1 : - تعريف خاصية @media - نوع media هنا screen - تحديد حجم معين للصفحة بواسطة condition : and (min-width:1000px) السطر 2 , 4 : - في حالة تحقق condition , تلوين الخلفية باللون البرتقالي ================== تلوين الخلفية بألوان مختلفة بحسب تغير حجم الشاشة : <!DOCTYPE html> <html> <head> <style> @media screen and (max-width:767px) { body { background: red; } } @media screen and (min-width:768px) { body { background: blue; } } @media screen and (min-width:1000px) { body { background: orange; } } @media screen and (min-width:1260px) { body { background: green; } } @media screen and (min-width:1582px) { body { background: yellow; } } </style> </head> <body> </body> </html>
  14. و عليكم السلام Server IIS ربما يكون offline , تأكدي أنه online