رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 

معرض قوالب معهد خبراء بلوجر - دليل مدونات بلوجر - موقع نشر بلوجر - اضافات بلوجر




العودة   معهد خبراء بلوجر > الدعم الفني > إضافات وأدوات بلوجر


إضافة رد
نسخ الرابط
نسخ للمنتديات
 
أدوات الموضوع انواع عرض الموضوع
قديم 01-15-2014, 07:41 AM   #1
hanna
مدون جديد
 
تاريخ التسجيل: Aug 2013
المشاركات: 27
Arrow إضافة قائمة لمدونة بلوجر بشكل 3d تتقلب | مقدمة من مدونة الخبراء للبرامج

أنا : hanna





قائمة لمدونة بلوجر بشكل 3D تتقلب | مقدمة من مدونة الخبراء للبرامج


طريقة تركيب الإضافة

1- ادخل إلى مدونتك / واختر تحرير قالب

2- ابحث عن الوسم ]]></b:skin>

3- ضع الكود التالي فوقه

الكود :


كود بلغة HTML:
.block-menu {
            display: block;
            background: #000;
        }

        .block-menu li {
            display: inline-block;
        }

        .block-menu li a {
            color: #fff;
            display: block;
            text-decoration: none;
            font-family: 'Passion One',Arial,sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-font-smoothing: antialiased;
            font-smoothing: antialiased;
            text-transform: uppercase;
            overflow: visible;
            line-height: 20px;
            font-size: 24px;
            padding: 15px 10px;
        }

        /* animation domination */
        .three-d {
            -webkit-perspective: 200px;
            -moz-perspective: 200px;
            perspective: 200px;
            -webkit-transition: all .07s linear;
            -moz-transition: all .07s linear;
            transition: all .07s linear;
            position: relative;
        }

            .three-d:not(.active):hover {
                cursor: pointer;
            }

            .three-d:not(.active):hover .three-d-box,
            .three-d:not(.active):focus .three-d-box {
                -moz-transform: translateZ(-25px) rotateX(90deg);
                -webkit-transform: translateZ(-25px) rotateX(90deg);
                -o-transform: translateZ(-25px) rotateX(90deg);
                transform: translateZ(-25px) rotateX(90deg);
            }

        .three-d-box {
            -webkit-transition: all .5s ease-out;
            -moz-transition: all .5s ease-out;
            -ms-transition: all .5s ease-out;
            -o-transition: all .5s ease-out;
            transition: all .5s ease-out;
            -webkit-transform: translatez(-25px);
            -moz-transform: translatez(-25px);
            -o-transform: translatez(-25px);
            transform: translatez(-25px);
            -webkit-transform-style: preserve-3d;
            -moz-transform-style: preserve-3d;
            -ms-transform-style: preserve-3d;
            -o-transform-style: preserve-3d;
            transform-style: preserve-3d;
            pointer-events: none;
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            width: 100%;
            height: 100%;
        }

        .front {
            -webkit-transform: rotatex(0deg) translatez(25px);
            -moz-transform: rotatex(0deg) translatez(25px);
            -o-transform: rotatex(0deg) translatez(25px);
            transform: rotatex(0deg) translatez(25px);
        }

        .back {
            -webkit-transform: rotatex(-90deg) translatez(25px);
            -moz-transform: rotatex(-90deg) translatez(25px);
            -o-transform: rotatex(-90deg) translatez(25px);
            transform: rotatex(-90deg) translatez(25px);
            color: #FFE7C4;
        }

        .front, .back {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            background: black;
            padding: 15px 10px;
            color: white;
            pointer-events: none;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
        }
4- احفظ القالب

5- اذهب إلى تخطيط / واختر إضافة أداة HTML/JavaScript

6- ضع الكود في صندوق الإضافة

الكود :

كود بلغة HTML:
<ul class="block-menu">
<li><a href="رابط الصفحة الرئيسية" class="three-d">الرئيسية<span class="three-d-box"><span class="front">الرئيسية</span><span class="back">الرئيسية</span></span>
</a></li>
<li><a href="رابط الصفحة" class="three-d">اتصل بناt<span class="three-d-box"><span class="front">اتصل بنا</span><span class="back">اتصل بنا</span></span>
</a></li>
<li><a href="رابط الصفحة" class="three-d">سياستنا<span class="three-d-box"><span class="front">سياستنا</span><span class="back">سياستنا</span></span>
</a></li>
<li><a href="رابط الصفحة" class="three-d">إضافات بلوجر<span class="three-d-box"><span class="front">إضافات بلوجر</span><span class="back">إضافات بلوجر</span></span>
</a></li>
<li><a href="رابط الصفحة" class="three-d">قوالب بلوجر<span class="three-d-box"><span class="front">قوالب بلوجر</span><span class="back">قوالب بلوجر</span></span>
</a></li>
</ul>
7- احفظ الإضافة

8- التعديلات / عدل رابط الصفحة بما يتناسب مع مدونتك

الدعم العربي

hanna غير متواجد حالياً   رد مع اقتباس

مركز رفع موسوعة العربية
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
لمدونة, بلوجر, إضافة, قائمة


الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
إضافة عارض صور لمدونة بلوجر - مقدم من مدونة الخبراء للبرامج hanna إضافات وأدوات بلوجر 0 01-13-2014 09:50 PM
16 استايل لإيقونات المواقع الإجتماعية عالية الجودة مقدمة من مدونة الخبراء للبرامج hanna إضافات وأدوات بلوجر 3 01-12-2014 04:43 PM
إضافة صندوق إعجاب الفيسبوك بشكل جديد 2014 لمدونة بلوجر - مقدم من مدونة الخبراء للبرا hanna إضافات وأدوات بلوجر 1 01-11-2014 12:41 PM
إضافة الإشتراك عن طريق البريد الإلكتروني بشكل إحترافي لمدونة بلوجر abdilahcool إضافات وأدوات بلوجر 0 07-20-2013 08:36 AM
طريقة إضافة أداة القائمة البريدية بشكل أنيق لمدونة بلوجر 2013 مى محمد إضافات وأدوات بلوجر 6 05-04-2013 08:59 PM





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin® Copyright ©2000 - 2024 Dov By EGYNT.Co
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 12:41 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)