29/09/2014
جديد الموقع :
الرئيسية » مواضيع تقنية » شرح إنشاء غلاف لموقع بشكل جميل
شرح إنشاء غلاف لموقع بشكل جميل
A Cool Peel Away Effect

شرح إنشاء غلاف لموقع بشكل جميل

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

 

دون مقدمات أقدم مثلا وهو موجود أعلا الموقع و هذه صورة :

 

A Cool Peel Away Effect

A Cool Peel Away Effect

 

للقيام بذلك , نقوم بتحميل الملف التالي :

إضغط على peel 

 

 

 

نقوم بتعديل ملف peel.js و ضع الروابط المناسبة لموقعك :

 

Edit peel.js

Edit peel.js

 

مع تغيير الرابط : http://www.yassir.ma إلى الرابط الذي سيتوجه إليه الزائر بعد الضغط عليه :)

إذا كنت تملكة مدونة فيستحسن أن تنقل الملف peel إلى ملف القالب الذي تعمل به بحث يكون الملف peel في المسار التالي :

wp-content/themes/your_current_theme/

 

ستجد في الملف صورة large.jpg بمقاس 500 في 500 بيكسل , و هي صورة الخلفية و صورة small.jpg بمقاس 100 في 100 بكسل و هي الصورة التي تظهر قبل وضع الماوس على الزاوية :)

بعد رفع الملفات إلى الموقع قم بوضع الكود التالي في header.php إذا كنت تعمل على WordPress :

<script src=”<?php bloginfo(‘template_url’); ?>/peel/peel.js” type=”text/javascript”></script>

بحيث يكون شكل الكود :

 

<?php wp_head(); ?>
<script src=”<?php bloginfo(‘template_url’); ?>/peel/peel.js” type=”text/javascript”></script>
</head>

 

هذا كل شيء :)

أي إستفسار لا تتردد في طرحه و سأجيبك بإذن الله :)

عن جلطي ياسر

جلطي ياسر 23 سنة , تقني متخصص في تطوير المعلوميات .. أتطلع إلى تقديم المزيد و كلّ مفيد لنسير كلنا على طريق النجاح (^_^) .

اضف رد

لن يتم نشر البريد الإلكتروني . الحقول المطلوبة مشار لها بـ *

*

يمكنك استخدام أكواد HTML والخصائص التالية: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>