بحث
جدنا على الفيس بوك
مشاركه
تصويتنا
قائمة الموقع
قسم الاخبار
تعديل الصفحات [2] | إضافات منوعه [9] |
اقسام المدونه
طب وصحه [77] | كمبيوتر وانترنت [25] |
غرائب وطرائف [13] | سفر وسياحه [5] |
البيئه والتنميه [10] | معلومات تهمك [13] |
الهواتف الذكيه [13] | منوعات [19] |
عالم السيارات [8] |
جديد المدونه
ضفدع ينقذ فأرا من الغرق |
الصحة السعودية: إصابة جمل بفيروس كورونا |
تصحيح تقديرات تقرير عن تغير المناخ |
كلية بيولوجية تُعيد الأمل لمرضى القصور الكُلوي |
شرب الماء والشاي الأخضر يساعد على تنظيف الكبد وتنشيطه |
تعرَّف على جزيرة سقطرى اليمن |
التهاب المسالك البولية في الأطفال الأعراض والعلاج |
تويوتا تسحب 33 ألف مركبة لعيب بالمحرك |
معرض ديترويت يكشف عن أكثر من 18 سيارة لأول مرة |
أغذية تؤدي إلى اصفرار الأسنان |
الاكثر مشاهده
الرئيسية » منتدى ucoz » إضافات uCoz » إضافات منوعه |
10:31 PM | |
إضافة صندوق المعجبين في الموقع بطريقة السلايد ، الكود المستخدم css ، دون استخدام اي كود سكريبت .
توجد اضافه قمت بنشرها سابقاً لعرض ايقونات او اي محتوى آخر ( اضغط هنا لمشاهدته ) ، نفس الاكواد المستخدمه في هذه الاضافه مع التغيير البسيط ليتم تثبيت الاضافه يمين اويسار الموقع . الاضافه الاولى يمين الصفحه طريقة التثبيت : انسخ كود الستايل css التالي والصقه في الملف الخاص بتصميم قالب الموقع ِِِِِِِِ .slide_likebox{ position: fixed; top:100px; right: 0px; } .slide_likebox{ background: url(http://test-web.ucoz.com/fb_bg.png) no-repeat; width:288px; height:345px; padding: 10px 5px 5x 50px; margin-right: -250px; cursor:pointer; } .slide_likebox:hover { margin-right: 0px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; } .slide_likebox iframe{ padding: 5px; margin-left:45px; margin-top:4px; width:228px; height:325px; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } احفظ التغييرات وتوجه الى تصميم الصفحه الرئيسيه انسخ الكود التالي والصقه فوق العلامه /body <div class="slide_likebox"> <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com/pages/%D9%8A%D9%85%D9%86-%D8%A7%D9%84%D9%88%D8%A7%D9%82%D8%B9/502613543136281&width=238&colorscheme=light&connections=15&stream=false&header=false&height=350" frameborder="none"style="border:none; overflow-y: scroll;overflow-x: hidden; width:228px; height:325px;" allowtransparency="true"></iframe> </div> قم بتغيير المحدد باللون الاحمر بعنوان صفحتك الخاصه في الفيس بوك ، ثم احفظ التغييرات الاضافه الثانيه يسار الصفحه طريقة التثبيت : اتبع نفس الخطوات اعلاه كود css : .slide_likebox{ position: fixed; top:250px; left: 0px; } .slide_likebox{ background: url(http://test-web.ucoz.com/fb-bg.png) no-repeat; width:288px; height:345px; padding: 5px 50px 5x 5px; margin-left: -250px; cursor:pointer; } .slide_likebox:hover { margin-left: 0px; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; transition: all 1.5s ease; } .slide_likebox iframe{ padding:5px 0 0px 5px; margin-left:-45px; margin-top:8px; width:238px; height:320px; background-color:#fff; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; } كود html : هو نفس الكود الموجود في الصندوق الثاني في الاعلى . احفظ التغييرات المصدر : يمن الواقع | |
إضافات منوعه | مشاهده: 777 | almegtreb :بواسطة الترتيب: 0.0/0 | الفئة :
Tweet |
مجموع التعليقات: 0 | |