المشاركات

عرض المشاركات من يوليو, ٢٠١٣

الدرس24 : تغيير حجم الخط في لغة css3

صورة
تغيير حجم الخط بلغة css3 : كما سبق و دكرت فإن الديكورات لا علاقة لها ب html  فلتغيير حجم الخط نحتاج تطبيق نمط إسمه font-size  هدا نمط css يسمح لنا بتغيير حجم الخط بطريقتين إتنتين: - عن طريق الحجم المطلق:  و ذلك بإعطائه قيم ب البيكسل  px  أو السنتمتر cm أو الملمتر mm.  لا أنصح كتيرا بهذه الطريقة لأنها تظهر الخط صغيرا في بعض المتصفحات. - عن طريق الحجم   الغير مطلق :  تكون بالنسبة , em أو ex , و هي جيدة لأنها تتماشا مع معضم أحجام الشاشات.  و هكذا سيسهل على الزائر قراءة المواضيع. طريقة  الحجم المطلق: لإختيار الحجم هنا عادة نستعمل البيكسيل px متلا لجعل إرتفاع الخط 16px نكتب الكود التالي: font-size: 16px; سيصبح إرتفاع الخط 16px كما تبين الصورة التالية: لو وضعت الكود التالي في صفحتك css. ستلاحظ التغيير: p{ font-size: 14px; /* Paragraphes de 14 pixels */ }h 1 { font-size: 40px; /* Titres de 40 pixels */ } لاحظ معي النتيجة: يمكنك أيضا تبديل البيكسل بالملمتر أو السنتمتر كما دكرت في أول الدرس. طريقة  الحجم   الغير مطلق: هده الطريقة جميلة تمكن من عرض الكتابة بطريقة أحسن رغم تغير حجم الشاشة. توجد ط

قالب بلوجر رمضاني Blogger template for Ramadan

صورة
إخواني الكرام أقدم لكم القالب الرمضاني كنت سأضعه في بداية رمضان لكنني شاركت به في مسابقة في معهد خبراء بلوجر ومن قوانين المسابقة عدم وضع الموضوع إلا بعد إنتهاء المسابقة والآن حان وقت وضعه لكم القالب مطور من طرفي واستعنت بقالب فضاء التطوير وطورته ليصبح كما هو الآن صورة للقالب قالب جميل ويصلح للمدونات الدينية لذالك اتمنى عدم إستعماله في امور مخالفة لديننا الحنيف                                 أتمنى ان يعجبكم القالب وان تكون التعديلات راقت لكم في انتظار رأيكم دمتم في رعاية الله وحفضه

كيف تمنع مسير مقهى الانترنت من التجسس عليك

صورة
عند سفري الاسبوع الماضي إلى مدينة الدار البيضاء حدث انني كنت مضطرا إلى ان اتصل على الانترنت فبحث طويلا عن مقهى للانترنت وبعد ان وجدته وجلست امام حاسوب  قمت بفحصه قبل ان ادخل اي باسورد حتى لايتم إختراقي ، "الحماية اولا " وبعد ان إستخدمت برنامج  HijackThis لاعرف الخدمات التي تعمل في خفاء لاحظت تواجد برنامج handycafe والذي يستخدم في مراقبة الحواسيب من طرف مدير مقهى الانترنت ، حيث بواسطته يستطيع مدير المقهى معرفة المواقع التي زرتها وكذلك اخد صور لشاشة الحاسوب يمكنك معرفة المزيد من هنا   الامر الذي لم يعجبني فقمت بإيقافه لتطرح في بالي فكرة ان اقوم بتدوينة اشرح فيها لكم كيف تمنع مدير مقهى الانترنت من مراقتبك خصوصا مع إنتشار هذا البرنامج بشكل واسع .  لمنع مدير مقهى الانترنت من التجسس عليك إن كان الحاسوب عليه ويندوز إكسبي يكفي ان تتوجه اولا إلى start تم بعد ذلك تنقر على control panel تم firewall بعد ذلك توجه إلى advanced  إختر local area connection وانقر علىsettings بعد ذلك إبحث عن handycafe client علم عليها واختر حذفها من الحاسوب وهكذا تكون قد اصبحت في آمان من تجسس صاحب المقهى علي

كيف تختار افضل بروكسي يعمل مع شركة الإتصال عندك من اجل إخفاء عنوان الآيبي

صورة
يبقى امام مستخدمي الإنترنت عدة طرق من اجل تغير او إخفاء بمعنى اصح عناوين الايبي ، إما من اجل الحماية او كذلك من اجل تجاوز بعض القيود لزيارة مواقع محظورة  في البلد الذي يقيم به المستخدم ، ومن بين الطرق الاكثر إنتشارا هي تلك الخاصة بإستعمال VPN او كذلك proxy   بروكسي ، والذي سيكون هذا الاخير موضوعنا في هذه التدوينة . ويعد البروكسي من الطرق المعروفة في تغير عنوان الايبي بإعتباره سرفر يلعب دور الوسيط بينك وبين المواقع التي تزورها ، وبالتالي فإن كان سرفر البروكسي متواجدا في فرنسا فإن عنوان الايبي الذي سيمنحك هذا السرفر هو عنوان فرنسي وإن كان امريكي فسيكون عنوان الايبي امريكيا ... ولا يقتصر دور البروكسي فقط على إخفاء عنوان الايبي بل توجد العديد من الادوار التي يلعبها  يمكنك ان تتعرف عليها أكثر من خلال الموضوع الاتي :  الحلقة351 : شرح البروكسي سرفر وإستعمالاته غير ذلك فإن إيجاد سرفر بروكسي يعمل بشكل جيد (سرعة في تصفح المواقع ) تعد مربط الفرس للعديد ممن يستعملون مواقع البروكسي ، حيث انه يجب تجربة كل بروكسي على حدة يدويا ، الامر الذي يعد نوعا ما روتيني ومتعب من اجل التأكد من عمله بشكل جيد،

أحكام التلاوة من موقع الإسلام الدعوي والإرشاد

صورة
بسم الله الرحمن الرحيم في الرابط الموالي http://quran.al-islam.com/Loader.aspx?pageid=220 نفعنا الله وإياكم به

كود تتبيث إعلان او صورة في زاوية الموقع

صورة
إخواني الكرام اليوم سأقدم لكم كود بسيط لكن قد يستفيد منه الكثير منكم عن طريق هذا الكود يمكنك وضع اي صورة او إضافة في زاوية موقعك في اليمين أو اليسار حسب اختيارك صورة لمتال معاينة حية من هنـــــــــــــــــــــــــــا عن طريق الكود ضع أي صورة او حتى إضافة صغيرة الحجم في زاوية الموقع أو يمكن ايضا استعمال الكود في تتبيث إعلان في زاوية الموقع وربح مساحة إضافية في مدونتك كل ما عليك هو نسخ هذا الكود كل ما عليك هو تغيير الجزء الملون باللون الأخضر بصورة او إضافة او حتى إعلان  هذا كل شيئ اتمنى ان يفيدكم هذا الكود البسيط بالتوفيق للجميع ودمتم في رعاية الله وحفضه

الدرس23 : تطبيق نمط باستعمال محددات css3 المتقدمة

صورة
المحددات و هي الكلمات التي تحدد لنا الكتابة أو الصورة أو أي شيء آخر نريد تغييره، لقد استعملنا سابقا بعض هده المحددات سندكرها تم ندكر المحددات الأخرى المتقدمة. محددات css3 التي سبق ورأيناها:  يجب أن تحفظها لأننا نحتاجها كثيرا و لا تخف لأنها سهلة و سنبدأ بالسهل: p{ } هذه كما سبق و دكرنا تعني أريد جميع النصوص بالشكل أو الون فلاني. h1, p { } هده تعني كما سبق الدكر أنه نفس التعديل سيطرأ على العناوين و النصوص. و أيضا كنا قد رأينا class و id فهي تحدد لنا عنصرا محددا للتعديل عليه: كلمة ,جملة, صورة... : .class { } #id { } يوجد العديد من المحددات الأخرى لكن سندكر منها البعض فقط نظرا لأننا لا نشتغل بها كلها.  محددات css3 المتقدمة: جميع الوسوم: *{ } هدا المحدد يقوم بالتعديل على جميع وسوم الصفحة دون إستتناء. وسم داخل وسم: h3 em { } ستتغير فقط وسوم الموجودة داخل . هذا فقط متال يمكنك التعامل بأي وسوم أخرى. وهذا مثال: Titre texte important وسم يوجد بعد وسم آخر: h2 + p { } سيتم تغيير الموجودة بعد فقط كما يبين الكود التالي: Titre Paragraphe محددات css3 أخرى: بما أن محددات css3 كتيرة جدا و لن نستطيع

برنامج أهل الحديث والأثر [استماع مباشر للأشرطة]

صورة
بسم الله الرحمن الرحيم نقدم لكم الأصدار الجديد من برنامج أهل الحديث والأثر لفهرسة الأشرطة بارك الله في القائمين على هذا البرنامج للتحميل من الرابط التالي: http://alathar.net/home/alathar/index.php?op=getit&id=20 في هذا الإصدار يمكن الاستماع للاشرطة دون تحميل من خلال التحكم في الإعدادات كالتالي 1. إعدادات 2. مسار الصوتيات 3. اختيار: السماع عن طريق الإتصال بالإنترنت

هل تعلم ان متصفحك يتوفر على آلة حاسبة إحترافية ؟ تعرف كيف تستفيد منها

صورة
يمكن انك تستعمل الحاسبة المتواجدة في حاسوبك لــعمل حساباتك اليومية ، لكن هناك حاسبة اكثر إحترافية  متواجدة على متصفحك  ، ويمكن من خلالها عمل حسابات اكثر تعقيدا وكذلك بسهولة مقارنة مع حاسبة الويندوز ، حيث يمكن ان تجد هذه الحاسبة مباشرة في ادوات المطورين على متصفح جوجل كروم من خلال النقر بزر الفأرة على inspect element تم بعد ذلك انقر على console واكتب اي عملية حسابية مهما كانت معقدة وستقوم الآلة الحاسبة في الــ console بحسابها او انقر تباعا على ازرار متصفح جوجل كروم ctrol+shift+j حيث ستضهر الــ console واكتب اي عملية حسابية تريد . وكما هو الامر بالنسبة لمتصفح جوجل كروم فكذلك متصفح فايرفكس وانترنت إكسبلورر يتوفر على console. ويمكنك عمل عمليات حسابية معقدة على فايرفوكس عن طريق النقر بزر الفأرة الايمن على اي صفحة ويب في المتصفح تم التوجه إلى Inspect eement بعد ذلك انقر على consle واكتب اي عملية حسابية وانظر إلى النتائج . اما بالنبسة للـ internet explorer فيمكنك إضهارconsole  عن طريق الزر F12 في الكيبرود  . وللتأكد فيمكنك تجربة هذه العمليات الحسابية وشاهد النتائج : Math.sqrt(517) + Math.pow(

الدرس22 : تطبيق نمط class و id في لغة html5 و css3

صورة
 تطبيق نمط class و id : ما تعلمناه سابقا صحيح لكن متلا عندما كتبنا أن النصوص تصبح بالأزرق فجميع النصوص سوف تصبح كدلك، ولكن أنا أريد نصا معينا  يصبح بالأزرق وآخر بالأحمر ... ستقول نضيف الستايل في الوسم كما تعلمنا سابقا. سأقول لك لا، لأنه قلت لك أحسن طريقة هي عمل صفحة css مستقلة. إدا الحل هو تطبيق سمات class و id . كلا هاتين السمتين تستعملان لإعطاء إسم لوسم ما لنستعمله في css . الفرق بينهما بسيط سأتكلم عليه في آخر هذا الدرس.  تطبيق نمط class : يدرج هذا النمط بالطريقة التالية: class= "" > class= "" > class= "" /> class= "" /> وفي قيمة ندرج أي إسم لا يهم المهم يكن له معنى لنتدكره و يبدأ بحرف. متلا لاحظ معي الكود التالي: charset= "utf-8"  /> rel= "stylesheet" href= "style.css" /> </span>صفحة تجريبية<span style="color: #38761d;"> متال لموقع class= "tarhib" > مرحبا بكل زوار موقعي< /p> آسف لأن موقعي لم يكتمل بعد. الآن أصبح إسم هذه الجملة tarhib سندهب و نعدل علي

إضافة توصل بجديد المدونة جديدة وحصرية

صورة
إخواني الكرام أقدم لكم إضافة توصل بجديد المدونة جديدة وحصرية على مدونة عين العرب لقد قمت بتطويرها ودمج كودين مختلفين لاصل لهذه الأداة المميزة حتى لا أطيل عليكم صورة من الإضافة الإضافة لن تأخد لك أي مساحة تضهر عند مرور الماوس على الصورة فتنبثق من اليمين والجميل أيضا سهولة التركيب فقط قم بإضافة أداة javascript جديدة من التخطيط ثم ضع فيها هذا الكود   <style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:230px;height:156px;overflow:hidden;}#facebook_right{z-index:10005;border:2px solid #9B9261;background-color:#fff;width:230px;height:156px;position:fixed;right:-235px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #9B9261;overflow:hidden;position:static;height:156px;left:-2px;top:-3px;}#facebook_left{z-index:10005;border:2px solid #9B9261;background-color:#fff;width:250px;height:156px;position:fixed;left:-235px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{bor

إضافة صندوق الشات الصغير والمميز Chat for your blog

صورة
إخواني الكرام أقدم لكم إضافة مميزة وهي إضافة الشات لمدونات بلوجر الجميل في هذه الأخيرة صغر حجمها وبساطتها يمكنك وضعها في صفحة مستقلة أو في القائمة الجانبية حتى لا أطيل عليكم صورة للإضافة كما ترى جميلة ويمكن تغيير لون الإضافة لتتناسب مع لون قالب مدونتك لتركيب هذه الإضافة قم بالدخول لهذا الموقع من هنــــــــــــــــــــــــــــــــــــا وههي صورة توضح كيف تعدل على الإضافة للحصول على الكود بعد نسخك للكود قم بإضافة أداة جديدة من التخطيط ثم ضع فيها الكود وهنيئا لك أتمنى انت تعجبكم الأداة بالتوفيق للجميع ودمتم في رعاية الله وحفضه

الدرس21 : التعليقات في لغة css

صورة
إضافة تعليقات في css3 : السلام عليكم ورحمة الله وبركاته. اليوم سنتعلم بإدن الله كيف نضيف تعليقات لأكواد css3. يمكن إضافة التعليقات في css متل كما تعلمنا سابقا في html، التعليقات لن تظهر للزائر لكن فقط لتتدكر لماذا يصلح بعض الأكواد عندما تصبح صفحة css طويلة. فهذه التعليقات مهمة لأنه ليس من السهل تدكر جميع الأكواد خصوصا و أن صفحات css طويلة جدا. نرجع للموضوع  بهذه التعليقات سنستطيع بإدن الله تدكر الأكواد حثى بعد مرور وقت طويل من الزمن. لإضافة تعليق يكفي كتابته بين /*   تعليق */   كما يبين الكود التالي: /* style.css --------- */ p{ color: blue; /*لون خط النصوص*/ } كان هذا درس بسيط قد يقول البعض غير مهم لكنه مهم جدا. لأنه لا يمكن أن نبدأ التعلم من الآخر بل من الأول ليكون في متناول الكل. و لأي سؤال سأكون سعيدا بالإجابة عليه في تعليق. و السلام عليكم.

الدرس20 : كيف تكتب أكواد css3

صورة
كتابة أكواد css3 : كما قلت سابقا أحسن طريقة تكتب بها أكواد css3 هي عن طريق صفحة مستقل لأن لها مزايا ندكر منها تدكرك للأكواد بسهولة و يمكنك ربط صفحة css واحدة بملايين صفحات html لن تحتاج لا إعادة كتابتها و لا نسخها، و إن أردت تغيير شكل موقعك بعد فترة تعدل على هذه الصفحة فقط بكل سهولة. و هذا تبينه الصورة التالية: كما لاحظت فبصفحة css واحدة أستطيع إعطاء المظهر لأكتر من صفحة html . و قد تسألني لماذا أضيفة الطرق الأخرى لكتابة ماذمت هده هي الأروع؟ بكل بساطة بعض المواقع القديمة لازالت تعمل بالطرق البدائية و أيضا بعض المدونات متلا لا يمكنك إنشاء صفحة css مستقلة متل بلوجر ... بالنسبة لأكواد css3 أيضا لها منطق تتغير فقط القيم أما الشكل فهو واحد  فهي دائما تكتب كما يبين الكود التالي: وسم { قيمتها : سمة ; } هذه هي الطريقة التي يجب أن يكتب بها أي كود css3 لكن يجب أن نعوض كل شيء بقيمته. متلا أنا أريد تغيير لون العنوان للأحمر سأكتب: h1 { color: blue; } هل رأيت غير معقد سنبقى نشتغل بهكذا حثى نحترفه إنشاء الله.هنا قمت بتغيير لون العنوان للأحمر( أنا أضفت هدا الكود على الصفحة التي أنشأناها في الدرس السا

برنامج n-vienna-sidebar الاكثر من رائع

صورة
إخواني الكرام في هذا الموضوع إن شاء الله سأقدم لكم برنامج جميل وسيزيد من جمال شاشة حاسوبك إنه برنامج n-vienna الذي يضع لك في جانب الشاشة ويدجت أكثر من رائع يحتوي على مزايا كثيرة ويمكنك من خلال تصفح معضم مجلدات حاسوبك حتى لا أطيل عليك هذه صور للبرنامج يمكنك وضعها في اليسار أيضا إن رغت في ذالك كما ترى برنامج أكثر من رائع وهو مجاني مائة في المئة هذا فيديو لطريقة تنصيب البرنامج  وهنا رابط لتحميل البرنامج أتمنى ان يعجبكم البرنامج بالتوفيق للجميع ودمتم في رعاية الله وحفضه

كيف تجعل عنوان الموضوع يضهر في الرابط الخاص به

صورة
إخواني الكرام في هذا الموضوع إن شاء الله سأقدم لكم نصيحة مميزة  هذه النصيحة تهم روابط المواضيع على منصة بلوجر نعلم انها تظهر بهذا الشكل http://arabe-eye.blogspot.com/2013/07/blog-post_3166.html يعني لا يوجد في الرابط اي شيئ يدل على محتوى الموضوع لان عنوان الموضوع لم يضهر  لماذا في رأيكم ؟؟؟ السبب هو لأن العنوان مكتوب باللغة العربية واي عنوان مكتوب باللغة العربية يضهر هكذا لذالك ساريك طريقة سهلة اطبقها أنا ايضا وسيصبح عنوان الموضوع بهذا الشكل http://arabe-eye.blogspot.com/2013/07/johny-tubeprett-ar.html كما ترى ضهرت في العنوان كلمة johny-tubeprett-ar وهي جزء من العنوان والطريقة هي كتابة العنوان باللغة العربية مع إضافة ترجمة مختصرة له بالإنجليزية حتى يكون العنوان واضح  وفي ماذا سيفيدنا هذا؟؟؟؟ هذا سؤال وجيه ساعطيكم مثال لكي تتوضح الأمور مثلا كتبت موضوع عن "كيف تربح المال بسرعة" أي شخص سيكتب في محركات البحث هذه الجملة سيضهر له موقعك او مدونتك ضمن نتائج البحث  لكن لو كتبها شخص آخر بنفس المعنى لكن بلغة اخرى فلن يضهر موضوعك ضمن نتائج البحث لكن لو كتبت العنوان بهذه الطريقة "كيف

إضافة الإحصائيات المميزة statistics-summary

صورة
إخواني الكرام أقدم لكم إضافة مميزة وهي خاصة بإحصائيات مدونتنك حيث من خلالها ستبقى على إطلاع بعدد الزوار عدد الزيارات وقيمة البيج رانك وبعض الإحصائيات الأخرى صور للإضافة كما ترى إضافة جميلة ومميزة لتركيب الإضافة ادخل لهذا الرابط من هنـــــــــــــــــــــــــــــــــــــا بعد ذالك إتبع الشرح الموضح في الصور لكيفية الحصول على الكود الخاص بالاداة بعد ان تقو بنسخ الكود قم بغضافة اداة جديدة من التخطيط وضع فيها الكود وهنيئا لك أتمنى ان تكون الأداة قد لاقت إعجابكم بالتوفيق للجميع دمتم في رعاية الله وحفضه

شرح فك حظر دومين موقعك فى Google AdSense وعودة الإعلانات خلال 48 ساعة.

صورة
مشكلة تؤرق الكثير من ناشري ادسنس سواء علي مستوي المحتوي العربي او المحتويات باللغات الاخري, يظل حظر دومين المواقع فى جوجل ادسنس مشكلة كبيرة المعروف بـ ” AdSense banned ”, فبدون سابق إنذار تجد أن موقعك قد تم حظرة ومنع ظهور الإعلانات علية مجدداً. AdSense banned تلك الرسالة تنزل كالصاعقة علي الكثير من ناشري ادسنس ولعل السبب فى ذلك , هو أن هؤلاء الناشرين لم يلتفتوا الي أن هناك مخالفة فى مواقعهم, وربما يكون تم إرسال شكوي الي جوجل بخصوص تلك المخالفة. !-- adsense -- فى البداية دعني أخبرك أنك سعيد الحظ, بأن دومين موقعك فقط هو ما تم حظرة, فالكثير من الناشرين لا يحدث معهم هذا علي الإطلاق وربما يغلق حسابهم دون سابق إنذار, وتذكر أيضاً مادام موقعك تم حظرة من ظهور الإعلانات علية هو أنك ناشر تتمتع بثقة ولو نسبة قليلة لدي موظفي Google AdSense. فكما نعلم جميعاً من أن سياسة جوجل ادسنس الصارمة التي تتبعها مع ناشريها حول العالم هي التي جعلت برنامج Google AdSense يستمر الي وقتنا الحالي وبتلك القوة التي تزداد يوماً عن الاخر, لذا اعتقد ستوافقني الرأي عندما أخبرتك بأنك سعيد الحظ عندما تم حظر موقعك فقط ..!! لت