كود CSS : اشعارات .. حصريا ..

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

حياكم الله في مدونة اكواد عرب ،، معكم اليوم ان شاء الله ..

في تدوينة جديدة ان شاء الله .. بعنوان .. 

اشعارات تهانينا و خطا و تحذير .. حصريا ..










الاشعارات

هي 3 صناديق بها 3 اشعارات الاولى تهنئة و الثانية خطا و الثالثة تحذير .. عربها اخوكم حبيب منصور ،، و حصريا لمدونة أكواد عرب ..

التحميل مع المشاهدة

نوافذ اشعارات

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

تابع القراءة Unknown Résuméabuiyad

كود CSS: بيضة سي اس اس ..

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

حياكم الله في مدونة اكواد عرب ،، معكم اليوم ان شاء الله ..

في تدوينة جديدة ان شاء الله .. بعنوان .. 

بيضة سي اس اس ..

التحميل و المشاهدة : 

اضغط على HTML لمشاهدة الهتمل و CSS لمشاهدة كود السي اس اس : 

JS Bin

الرابط المباشر : 

http://jsbin.com/eyayit/1/

نرجو ان تكونوا قد استمتعتم بالكود ، 

نتمنى لكم ، حقا موفقا ، و السلام عليكم و رحمة الله و بركاته ..

تابع القراءة Unknown Résuméabuiyad

كود CSS : ايقونات chronicl-social ..

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

 ,  اليوم ان شاء الله سوف اقدم لكم اضافه جديده على مدونة بلوجر ..

والتي هي عباره عن  ايقونات chronicl-social جذابه وبالوان رائعه, و

تميز هذه الايقونات بالوان  متغيره خلابه و ملفته , والتي بدورها تزيد من جمالية المدونه  وأظن ان اكثركم لم يراها من قبل ,لانها حديثة البرمجة حيث تتميز بايقونات صغيرة تعبر عن كل خدمة .. وتضم كل المواقع الاجتماعية  المستخدمة والمنتشرة بكثرة ..

لا اطيل عليكم ساترككم مع الاضافه .. 

=================================

صورة : 

تلك قبل التعريب .. 

الآن شوفر النتيجة  : ( لتحميل الكود اضغط على HTML لانها  عادة تكون على Resault .. ) !

JS Bin

أتمنى ان تكون قد اعجبتكم تدوينة اليوم ، كان معكم حبيب منصور ، بالتوفيق .. 

تابع القراءة Unknown Résuméabuiyad

ما الذى يجعل بلوجر هو الأفضل (مميزات بلوجر)

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

كيفكم إخوانى الكرام ... فى الحقيقة قررت بكتابة هذة التدوينة لمن لا يعرف مميزات (بلوجر) كثير من الأشخاص لا يفضلون بلوجر ويفضلون (الووردبريس) وهذا فقط بسبب (شكل الوورد البريس المماثل تماماً للمواقع) فى الحقيقة هناك عيب واحد فقط فى كل من (بلوجر - الووردبريس) نبدا فى عيب بلوجر المشكله الوحيدة لدى بلوجر هى لغات تصميم القوالب أو الثيمات الذى تعتمد عليها فـ بلوجر تعتمد على لغات html ، xml ولكن ليست المشكله فقط فى html المشكله الحقيقية هى فى xml | بينما الوورد بريس يعتمد على PHP ، css ولكن البيئة البرمجية للإثنين مختلفة تماماً هذا عيب البلوجر ..... عيب الوورد بريس إذا كنت تمتلك إستضافة لمدونتك فحتماً الوورد بريس أفضل أم إذا كنت تريد مدونتك مجاناً تأكد تماماً أخى - أختى بأن المدونة لن ترى طريق النجاح بعكس بلوجر ثانياً بلوجر تتيح لك التنسيق على القوالببشكل كامل كس الوورد بريس .

مميزات بلوجر

جديد! تخصيص التصميم

يعرض مصمم نماذج Blogger الكثير من النماذج، مما يُسهل لك إنشاء مظهر احترافي لمدونتك، بالإضافة إلى أنه يتيح لك تخصيص نموذجك. وذلك حيث يمكنك الاختيار من بين المئات من صور الخلفيات وعشرات التنسيقات المرنة فضلاً عن إعادة ترتيب الأدوات من خلال واجهة السحب والإفلات. كما يمكنك إضافة الأدوات مثل عروض الشرائح أو استطلاعات آراء المستخدمين أو حتى إعلانات AdSense. ويعتبر من السهل أيضًا تغيير الخطوط والألوان. وإذا لم يوفر لك ذلك تحكمًا كافيًا، فيمكنك أيضًا تعديل CSS أو HTML للمدونة.

نشر الصوت بسهولة وبدون مقابل

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

واجهة سهلة الاستخدام

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

موقع الويب المجاني الخاص بك

عند إنشاء مدونتك، يمكن لـ Blog*Spot استضافتها مجانًا. كل ما عليك هو اختيار عنوان URL متوفروستكون مستعدًا للانطلاق. إذا غيرت رأيك وأردت استخدام عنوان URL مختلف فيما بعد، فيمكنك إجراء هذا التغيير بسهولة. تشتمل خدمة Blogger أيضًا على خيار نطاق خاص، والذي يُمكّنك من أن يكون لديك اسم مجال، على سبيل المثال، example.com، وسنستمر في استضافة مدونتك مع توفير جميع ميزات Blogger الرائعة.

إضافة صور ومقاطع فيديو إلى تدويناتك

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

جديد! ربح المال

باستخدام Blogger، يمكن أن تربح أموالاً من خلال نشر محتوى أصلي بجودة عالية يتعلق بمواضيعك المفضلة. وقد خصصت خدمة Blogger علامة التبويب تحقيق الدخل والتي تسمح لك بوضع إعلانات AdSense على مدونتك بسهولة.

تطوير المنتدى

اجعل القراء يتابعون مدونتك بواسطة إضافة أداة المتابعون إلى خيارات التنسيق. وباستخدام هذه الأداة، يمكن للقراء النقر على الرابط"متابعة هذه المدونة" لإضافة مدونتك إلى لوحة معلومات Blogger وحساب قارئ Google. كما يمكنهم إضافة صورهم وملفاتهم الشخصية إلى مدونتك بشكلٍ اختياري لإخبار العالم أنهم معجبون بك.

تعليقات من قرائك

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

إخطارات تدوين جديد

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

معرف واحد بسيط

نظرًا لأنه يمكنك تسجيل الدخول إلى Blogger باستخدام حساب Google &mdash، الذي يُمكنك أيضًا من الوصول إلى Gmail وiGoogle وorkut وغيرهم. &mdash، فليس عليك حفظ اسم مستخدم وكلمة مرور إضافية. يمكنك أيضًا استخدام عنوان مدونتك كمعرف OpenID، الأمر الذي يوفر لك هوية رقمية واحدة عبر الويب. ونظرًا لإمكانية قبول مدونتك لتعليقات من مستخدمي OpenID بالإضافة إلى أعضاء Blogger المسجلين، سيكون من الأسهل على جميع قراء مدونتك أن يقلعوا عن التعليق ويشاركوا في المحادثات.

لغات العالم

يتوفر Blogger حاليًا في 41 لغة من بينها الإنجليزية والفرنسية والإيطالية والألمانية والأسبانية والهولندية والبرتغالية والصينية واليابانية والكورية. يمكن للناطقين باللغة العربية والعبرية والفارسية استخدام Blogger بعرض وتنسيق من اليمين إلى اليسار. وتتوفر إمكانية الكتابة بحروف لغة أخرى لخمس لغات هندية.

جديد! صفحات

من خلال ميزة الصفحات في Blogger، يمكنك إنشاء صفحات جديدة لها روابط بمدونتك. على سبيل المثال، يمكنك إنشاء صفحة “حول هذه المدونة” أو صفحة “الاتصال بي” بطريقة مماثلة لكتابة مشاركة جديدة بالمدونة، وكذلك يمكنك عرض الروابط إلى تلك الصفحات كعلامات تبويب أعلى المدونة أو في الشريط الجانبي.

تدوين أثناء التنقل

تشتمل خدمة Blogger على عدة طرق إضافية يمكنك من خلالها النشر في مدونتك. ويمكنك النشر في مدونتك من هاتفك الجوّال أو من خلال عنوان بريد إلكتروني Mail-to-Blogger سري. أصبح من السهل باستخدام هذه الخيارات النشر في مدونتك متى أردت ومن أي مكان توجد فيه.

التدوين الجماعي

يسهل مع Blogger إنشاء مدونة جماعية، مما يسمح للعديد من أصحاب المدونات بالمساهمة في مدونة واحدة. ويمكنك تحديد أي أعضاء الفريق ستكون لهم حقوق إدارية وأيهم سيكون مجرد مؤلف. يمكنك أيضًا اختيار جعل مدونتك خاصة وتحديد من يمكنه عرضها. وبالتالي يمكنك هذا من التحكم تمامًا في مدونتك.

تطبيقات جهة أخرى

يمكنك الاختيار من بين عدة تطبيقات جهة أخرى تتكامل مع Blogger لجعل عملية التدوين أسهل بالنسبة لك. احرص على الرجوع إلى code.blogger.com   إذا كنت مطورًا وتريد إنشاء تطبيق متميز خاص بك.

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

تابع القراءة Unknown Résuméabuiyad

بلوجر :عمل تاثير رائع على الصور في مدونتك ..

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

مرحبا بكم في مدونة اكواد عرب .. 

معكم اليوم في تدوينة جديدة ان شاء الله ،، بعنوان : 

-- عمل تاثير رائع على الصور في مدونتك .. --

نبدا على بركة الله .. 

........................................................

التاثير هو الدوران + اضافة مربع ابيض بالسي اس اس + ظل .. 

==================================================

طريقة الوضع في المدونة : 

1- نذهب الى تعديل القالب ..
2- تبحث عن وسم BODY في CSS !! مثلا هكذا : ( هذا كمثال فقط لا يوجد في كل المدونات) ..  
--------------------------
body {
font: 13px tahoma;
color: #686161;
line-height: 24px;
}
--------------------------
تظيف بعد هذا الكود الكود هذا : 

اضغط على CSS ليظهر الكود .. لانه عادة يكون Result .. 

Check out this Pen!

اتمنى ان تكون قد اعجبتكم تدوينة اليوم .. و السلام عليكم و رحمة الله و بركاته ..

تابع القراءة Unknown Résuméabuiyad

كود CSS : عملية بزوغ القمر ..

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

مرحبا بكم في مدونتي ،، اليوم اقدم لكم كود جديد ..

وهو عملية بزوغ الشمس // تم استعمال دالة Animation ! 

...............................................................

المشاهدة :

-------------------------------------------------------

CSS لوحدة و HTML لوحده : 

Check out this Pen!

CSS و HTML مع بعض اذا كنت تريد تضعها كمثال مباشر .. 

Check out this Pen!

و السلام عليكم و رحمة الله و بركاته ،،
نراكم في تدوينة جديدة ان شاء الله ..

تابع القراءة Unknown Résuméabuiyad

كود CSS : مشبك كامل بالسي اس اس ..

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

حياكم الله في تدوينة جديدة .. اليوم ان شاء الله .. 

اقدم كود سي اس اس : و هو مشبك ورقي .. 

و ان شاء الله ،، تتمتن علاقتكم بالمدونة و تفيدكم .. 

..................................................

صورة : 

الكود :

Check out this Pen!

و إلى اللقاء في تدوينة جديدة و كود جديد .. 

تابع القراءة Unknown Résuméabuiyad

كود CSS : لوجوهات ادوبي ..

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

اهلا بكم في مدونتي اكواد عرب .. 

اليوم كود جديد ،، و صفحة جديدة ، و تدوينة جديدة .. 

عنوانها : لوجوهات ادوبي .. 

صورة : 

تحميل الكود : 

Check out this Pen!

في تدوينة اخرى ان شاء الله ..

تابع القراءة Unknown Résuméabuiyad

معرض : معرض صور متكون من 4 صور ..

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

معكم في تدوينة جديدة بعنوان : معرض صور : 

4 صور و بامكانكم اضافة المزيد اذا كنت محترفي اكواد .. 

.........................................

صورة : 

تحميل الكود : 

Check out this Pen!

في تدوينة أخرى ان شاء الله ..

تابع القراءة Unknown Résuméabuiyad

نار جافا مع تاطير HTML .. و CSS ..

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

اليوم في تدوينة جديدة و هي : نار جافا مع تاطير HTML .. و CSS .. 

...............................................

صورة : 

مشاهدة + تحميل الكود : 

الى اللقاء .. في تدوينة جديدة ان شاء الله ..

تابع القراءة Unknown Résuméabuiyad

صور : اكواد CSS في وثيقة HTML بعد طرق ..

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

اليوم شرح كيفية وضع اكواد CSS في وثيقة HTML بعد طرق 

الشرح سهل و مميز بالصور : 

نبدأ على بركة الله : 

........................................................

اقدم لكم طريقة إدخال CSS في وثيقة HTML بعدة طرق :

طريقة 1 :

كود HTML:

<style type="text/css">

     css هنا أكواد الـ

</style>

ويوضع هذا الكود كما هو موظح في الصورة :-



طريقة 2 :

كود HTML:

<div style=" css هنا أكواد الـ"></div>

ويوضع هذا الكود كما هو موظح في الصورة :-



طريقة 3 :

كود HTML:

 <link rel="stylesheet" href="هنا المسار" type="text/css" />

ويوضع هذا الكود كما هو موظح في الصورة :-


في تدوينة اخرى ان شاء الله .. 

تابع القراءة Unknown Résuméabuiyad

كود CSS : المسجلة سي اس اس كاملة ..

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

اول تدوينة لي .. في اكواد عرب .. نستفتح على بركة الله .. 

كود المسجلة لانه يدل على التذكار ..

عسى تتذكروني إلا بالخير .. 

........................................................

مثال للنتيجة : 

التحميل : سي اس اس لوحده و هتمل وحده : 

Check out this Pen!

التحميل سي اس اس وهتمل مع بعضهم : 

Check out this Pen!

في تدوينة جديدة ان شاء الله .. 

تابع القراءة Unknown Résuméabuiyad