اخر أخبار مصر ** أخبار العالم العربى ** أخبار الرياضة

( محمـــــــــــــــــــود غــــالـــــــى )

تسجيل الدخول

تسجيل الدخول بمدونات بلوجر


تــــــــــــابـــع اعمـــــــــــــــــــالــــــــى

من اعمـــــــــــــــــــــالـــــــــــــى

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

مســـــاحة اعـــــلانيـــــة

عنوان الموضوع الاول عنوان الموضوع الثاني عنوان الموضوع الثالث عنوالن الموضوع الرابع عنوان الموضوع الخامس

.باب دخول الادارة

يتم التشغيل بواسطة Blogger.

0

0

من شاهد اعمالى

المتابعون

الاثنين، 24 أغسطس 2015



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

والصلاة والسلام على أشرف المرسلين

سيدنا محمد وعلى آله وصحبه أجمعين

شرط أساسى لنجاح أى موقع أو هو الإهتمام بمظهر قالب المدونة وإضافة الإضافات المناسبة وتنسيق الموضوعات ووضوح الخط ذلك طبعا بالإضافة إلى المحتوى الجيد .
واليوم سأعرض طريقة لتمييز عناوين الموضوعات الرئيسية أو حتى الفرعية بإطار يتحرك بمرور الماوس بتقنية css مع تأثير ظل أو إضاءة.
blogger-title


طريقة تركيب الإضافة لمدونات بلوجر
  1.  إذهب إلى لوحة تحكم بلوجر
  2. إختر تبويب قالب
  3. ثم إضغط على زر تخصيص
  4. ثم إختر متقدم ثم إضافة Css
اضافات بلوجر

اضافات css
ثم إختر الستايل المناسب لمدونتك وإنسخه فى مكان أكواد Css

Style No.1
Lighting Hover effect

css
.post-title
    {
    border:2px solid #a1a1a1;
    padding:10px 40px;
    background:#dddddd;
    width:300px;
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
    transition:width 3s;
    width:400px;-moz-transition:width 3s; /* Firefox 4 */
    -webkit-transition:width 3s; /* Safari and Chrome */
    -o-transition:width 3s; /* Opera */
/*----widget by http://www.condaianllkhir.com/---*/
    }
    .post-title:hover
    {
 background:#FAFAFA;
 -webkit-box-shadow: 2px 2px 4px 3px #FF3366;
box-shadow: 2px 2px 4px 3px #FF3366; 
    }

 بمرور الماوس على عنوان التدوينة تضىء حواف الإطار
لتغيير لون الإضاءة والخلفية قم بتغيير الأكواد الملونة باللون الأحمر فى الكود السابق بإستخدام مولد أكواد الألوان

style No.2
 Magic Css Effect
css effects

.post-title
    {
    border:2px solid #a1a1a1;
    padding:10px 40px;
    background:#dddddd;
    width:300px;
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
    transition:width 3s;
    width:400px;-moz-transition:width 3s; /* Firefox 4 */
    -webkit-transition:width 3s; /* Safari and Chrome */
    -o-transition:width 3s; /* Opera */
/*----widget by http://www.condaianllkhir.com/---*/
    }
    .post-title:hover
    {
    width:500px;background:#FAFAFA;
    }
بمرور الماوس على العنوان يزيد عرض الإطار
يمكن التحكم فى عرض الإطار بتغيير القيم الملونة بالأخضر

style No.3
Shadow Effect Blogger post title
.post-title
    {
    border:2px solid #a1a1a1;
    padding:10px 40px;
    background:#dddddd;
    width:300px;
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
    transition:width 3s;
    width:400px;-moz-transition:width 3s; /* Firefox 4 */
    -webkit-transition:width 3s; /* Safari and Chrome */
    -o-transition:width 3s; /* Opera */
/*----widget by http://www.condaianllkhir.com/---*/
    }
    .post-title:hover
    {
 background:#FAFAFA;
 -webkit-box-shadow: 6px 6px 2px 2px rgba(5, 2, 2, 0.5);
box-shadow: 6px 6px 2px 2px rgba(5, 2, 2, 0.5);

    }

بمرور الماوس على العنوان داخل الإطار يؤدى ذلك إلى ظهور ظل للإطار.
لتغيير لون الإطار قم بتغيير أكواد الألوان   المكتوبة باللون الأحمر بالكود.
لتغيير عرض الإطار قم بتغيير القيم الملونة باللون الأخضر بالكود.

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

التعليقات
0 التعليقات

0 التعليقات:

تــــابع اعمـــــــــا لــــــــــــى

استمع الى القران

من اعمالى


Blogger widgets

المشاركات الشائعة

من اعمالى

من اعمالى