طريقة تكبير شعار المدونة بتقنية Css3

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

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

1 - قم بالدخول إلى القالب الخاص بك و أبحث عن هذا الكود

]]></b:skin>

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; }

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


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

]]></b:skin>

#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; }

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

شــارك الـمـوضـوع مـع أصـدقـائــك ؟

بقلم : أحمد محمود

أسمي أحمد محمود 19 سنة بلدي مصر أهتم بكل ما هو جديد في عالم الانترنت انشئت هذه المدونة لمشاركة الناس خبرتي المتواضعة في هذا المجال.