ازار احترافية بتقنية css لمدونتك ومن تصميمك

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

من هنا

وهذا شرح لقايمة تنسيق الأزرار فى الموقع 

وبعد الانتهاء من التنسيقات على الزر قم بالضغط عليه سيظهر لك نافذة أكواد الـ css  للزر كهذه 

اذهب الى لوحة تحكم مدونتك >> القالب >> تحرير HTML 

  ابحث عن

  ]]>

ضع قبله كود الــ css الذى حصلنا عليه بعد الضغط على الزر

ملاحظات على كود الــ css 

font-family: Georgia, serif   ......... نوع الخـــــط 

font-size: 19px   .............. حجم الخط 

طريقة استخدام الأزرار في المواضيع

قم بتحويل صندوق المواضيع من وضع التأليف الى وضع HTML

ثم أضف الكود التالي في المكان الذي تريد

link" rel="nofollow" target="_blank">name

نستبدل كلمة name باسم الزر 

نستبدل كلمة link برابط 

هذا الكود target="_blank" معناه أن الرابط سيفتح في صفحة جديدة ان اردته أن يفتح في نفس الصفحة قم بإزالته

إقرأ المزيد.. bloggeradsenseo

قالب مدونة ( أحمد السعدى ، بى اس ) من تطويرى

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

ولاكتشاف باقى مميزات القالب نذهب الى 

معاينة القالب   |     تحميل القالب
سيتم تحديث رابط تحميل القالب بعد كل تطوير يتم فى القالب 

ارجو منكم تقييم على القالب بعد التطوير فى تعليق

إقرأ المزيد.. bloggeradsenseo

حصريا شاهد باريس كأنك بطائرة فوقها وبتقنية 3D

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

رايط الموقع

HERE

إقرأ المزيد.. bloggeradsenseo

كيفية وضع مشغل mp3 فى مدونتك بالملف الصوتى الذى تختاره

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

مميزات الاضافة 

(1) تقوم بالتحميل مرة واحدة 

(2) يمكنك التحكم فى مستوى الصوت وايقاف وتشغيل الصوت 

معاينـــــــــة الاضافــــة

للمزيد من الأشكال المختلفة للاضافة 

اذهب للموقع الخاص بها من

 هنا

اذهب الى لوحة تحكم مدونتك >> التخطيط >> اضافة أداة >> Html/javascript 

ثم ضع بها هذا الكود 

ثم قم بتغيير الرابط باللون الأزرق برابط الملف الصوتى المباشر المراد تشغيله بمجرد فتح المدونة 

إقرأ المزيد.. bloggeradsenseo

قالب احترافى مميز جدا من تطويرى

مميزات القالب عديدة ومنها 

(1) سريع التصفــح و يناسب جميع سرعات الانترنت 

(2) منظم جدا فى طريقة عرض المواضيع الاحترافية

(3) يحتوى على ترقيم صفحات تلقائي بسيط ومنظم 

(4) يحتوى على خاصية اقرأ المزيد وبتقنية css الاحترافية 

(5) يحتوى على قائمة غاية فى الروغة

واكتشف باقى مميزات القالب الجميلة من خلال 

المعاينة الحية للقالب

للحصـــــــــــــــــــــول على رابط تحميل القالب :

 انضم لأعضاء المدونــة الكرام من هنا

  كن من معجبينا على الفيس بوك     

          اترك تعليق به ايميل الفيس بوك الخاص بك  او اى ايميل اخر ليتم ارسال رابط التحميل عليه 

أستودعكم اللـــــــــــــه الذى لا تضيع ودائعـــــــــــه

إقرأ المزيد.. bloggeradsenseo

قالب احترافى من تصميم مدونة ابداعاتى

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

معاينة القالب

تحميل القالب غير متاح حاليًا لأن تعبت جدًا فى هذا القالب 

فمن يريد رابط التحميل 

فعليــــــــــــــه 

 (1) الانضمام لأعضاء المدونة بالضغط على متابعة من هنا
(2) الاعجاب بصفحتنا على الفيس بوك 

               (3) ترك تعليق به ايميل الفيس بوك أو أى ايميل لارسال رابط التحميل 

أستودعكم اللــــــــــــه الذى لا تضيع ودائعـــــــــه

إقرأ المزيد.. bloggeradsenseo

إضافة تأثير الحركة على شعار مدونتك بتنقية css الاحترافية

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

من ♥ هنــــــــــــــــا ♥ 

طريقة التركيب 

الفكـــــــــــــــرة الأولــــــــــــــى

♦ معاينـــــــــة ♦

(1) ابحث عن ]]>

(2) اضف قبله هذا الكــــــــود 

#header img

{ width:256px; /* عرض صورة الشعار قبل المرور بالماوس عليها */

height:67px; /*ارتفاع صورة الشعار قبل المرور بالماوس عليها */ 

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

#header img:hover

{ width:514px; /*العرض عند وقوف الماوس على صورة الشعار*/

height:134px; /* الارتفاع عند وقوف الماوس على صورة الشعار */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

قم بتغير الإرتفاع و العرض حسب الصورة التي صممتها، القيم الثانية هي المقاسات التي سيظهر بها شعارك على المدونة و القيم الاولى هي المقاسات التي سيظهر بها شعارك بعد مرور زر الفأرة عليه

الفكـــــــــــــــــــــرة الثانية 

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

]]>

وتحفظ النوذج 

#header h1

{ -moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

#header h1:hover

{ font-size:80px; /*حجم الكتابة بعد مرور زر الفأرة عليها */

color:#FF00FF; /* لون الكتابة بعد مرور زر الفأرة عليها */

margin-left:-30px; /* نسبة الإزاحة لليسار */

-moz-transition: all 1s;

-webkit-transition: all 1s;

-o-transition: all 1s; }

غير البيانات الموضحة بالكود بما يناسبك

إقرأ المزيد.. bloggeradsenseo