|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
01-25-2014, 11:55 AM | #1 |
مدون جديد
تاريخ التسجيل: Jan 2014
المشاركات: 1
|
اداة تغيير خلفية الصفحة للزائر
السلام عليكم ... النهاردة هاقدم اداة احترافية للغاية ... اداة يمكنها تغيير الخلفية للصفحة عن طريق الزائر بطريقة احترافية جدا ..... معاينة : http://posters10.blogspot.com/ صورة للاداة التركيب : سهل جدا ... انسخ هذا فقط فى اداة جديدة فى بلوجر كود بلغة HTML:
<style type='text/css'> body {transition:all 0.9s ease} .stylechange:focus{-webkit-transform:translatex(669px);cursor:url(http://i42.servimg.com/u/f42/17/42/09/54/cursor10.png), progress;} .stylechange{cursor:url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto} .style-button{background:rgb(51, 51, 51);color:white} .style-button:hover{background:#9acd00;color:black} .stylechange il:hover{box-shadow:0 1px 14px #9acd00;border:1px solid #9acd00} .stylechange il{margin-bottom:10px;box-shadow:0 1px 14px black;border:1px solid black;transition:all 0.5s ease;cursor:url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto} </style> <link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Shadows+Into+Light' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Droid+Sans:bold' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Droid+Serif:bold' rel='stylesheet' type='text/css'/> <link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'/> <script type="text/javascript"> function bgChange(bg) { document.body.style.background=bg; } </script> <button class="stylechange" style=" height: 180.6px; position: fixed; top: 246px; left: -672px; background: white; padding-right: 44px; border: 1px solid rgb(51, 51, 51); box-shadow: 0 1px 14px black; transition: all 0.9s ease; width: 712px; outline: none;"> <div class="style-button" style=" position: absolute; right: -69px; top: 67px; -webkit-transform: rotate(-90deg); font-family: Droid Arabic kufi; padding-top: 7px; width: 180.6px; padding-bottom: 7px; font-size:16px; background-image: url(http://icons.iconarchive.com/icons/gakuseisean/aire/128/Images-icon.png); background-repeat: no-repeat; background-size: 37px; background-origin: content-box; background-position: 145px;"> <a style=" margin-right: 21px; text-decoration: blink; color: white; "> غير خلفية الصفحة</a> </div> <div style=" height: 141px; "> <div style=" padding-right: 10px; margin-bottom: 10px; color: black; margin-top: -10px;"> <il onclick="bgChange('url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png)')" style=" width: 40px; height: 40px; background-image: url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png); float: right; margin-left: 8px;"> </il> <il onclick="bgChange('url(http://1.bp.blogspot.com/-7Nvz0MhIT9I/UgcaZf5028I/AAAAAAAAC9s/7pPZla_RPFw/s1600/irongrip.png) fixed 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://1.bp.blogspot.com/-7Nvz0MhIT9I/UgcaZf5028I/AAAAAAAAC9s/7pPZla_RPFw/s1600/irongrip.png); float: right; margin-left: 8px;"> </il> <il onclick="bgChange('url(http://3.bp.blogspot.com/-xXMV-nL_PfU/UgZdib4gZqI/AAAAAAAAC9E/bqh5-sF0Qfo/s1600/beautiful_meadow_spring-wallpaper-1366x768.jpg) no-repeat 0px 0px fixed')" style=" width: 40px; height: 40px; background-image: url(http://3.bp.blogspot.com/-xXMV-nL_PfU/UgZdib4gZqI/AAAAAAAAC9E/bqh5-sF0Qfo/s1600/beautiful_meadow_spring-wallpaper-1366x768.jpg); float: right; margin-left: 8px; background-size: cover; "> </il><il onclick="bgChange('url(http://4.bp.blogspot.com/-6UomlX0iORQ/UgZdcP4hiDI/AAAAAAAAC88/uzrVkOB6nxI/s1600/sea_cave-wallpaper-1366x768.jpg) no-repeat 0px 0px fixed')" style=" width: 40px; height: 40px; background-image: url(http://4.bp.blogspot.com/-6UomlX0iORQ/UgZdcP4hiDI/AAAAAAAAC88/uzrVkOB6nxI/s1600/sea_cave-wallpaper-1366x768.jpg); float: right; margin-left: 8px; background-size: cover; "> </il><il onclick="bgChange('url(http://www.shbab2.net/vb/photos/2/20141358240031_274.jpg) no-repeat 0px 0px fixed')" style=" width: 40px; height: 40px; background-image: url(http://www.shbab2.net/vb/photos/2/20141358240031_274.jpg); float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www.shbab2.net/vb/photos/2/20141358240029_651.jpg) no-repeat -300px -150px fixed')" style=" width: 40px; height: 40px; background-image: url(http://www.shbab2.net/vb/photos/2/20141358240029_651.jpg); float: right; margin-left: 8px; background-size: cover; "> </il><il onclick="bgChange('url(http://www.shbab2.net/image/1373075076_883.jpg) no-repeat 0px 0px fixed')" style=" width: 40px; height: 40px; background-image: url(http://www.shbab2.net/image/1373075076_883.jpg); float: right; margin-left: 8px;background-size: cover; "> </il><il onclick="bgChange('url(http://wakpaper.com/large/Modern_wallpapers_22.jpg) no-repeat 0px -34px fixed')" style=" width: 40px; height: 40px; background-image: url(http://wakpaper.com/large/Modern_wallpapers_22.jpg); float: right; margin-left: 8px;background-size: cover; "> </il><il onclick="bgChange('url(http://blogsbits.com/wp-content/uploads/2013/01/Spring-Wallpaper.jpg) no-repeat 0px -414px fixed')" style=" width: 40px; height: 40px; background-image: url(http://blogsbits.com/wp-content/uploads/2013/01/Spring-Wallpaper.jpg); float: right; margin-left: 8px; background-size: cover; "> </il><il onclick="bgChange('url(http://forum.hwaml.com/imgcache2/hwaml.com_1338416336_229.jpg) no-repeat 0px 0px fixed')" style=" width: 40px; height: 40px; background-image: url(http://forum.hwaml.com/imgcache2/hwaml.com_1338416336_229.jpg); float: right; margin-left: 8px; background-size: cover; "> </il><il onclick="bgChange('url(http://forums.azyaalive.com/storeimg/azyaalive_1374956658_314.jpg) no-repeat -181px -33px fixed')" style=" width: 40px; height: 40px; background-image: url(http://forums.azyaalive.com/storeimg/azyaalive_1374956658_314.jpg); float: right; margin-left: 8px; background-size: cover; "> </il><il onclick="bgChange('url(http://img198.imageshack.us/img198/9653/l587.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://img198.imageshack.us/img198/9653/l587.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www.girls-top.net/vb/img/girls-top.net_1356529191_832.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://www.girls-top.net/vb/img/girls-top.net_1356529191_832.jpg);background-size:cover; float: right; margin-left: 8px; "> </il> <il onclick="bgChange('url(http://up.3dlat.com/uploads/134990993410.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://up.3dlat.com/uploads/134990993410.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://up.3dlat.com/uploads/13478363156.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://up.3dlat.com/uploads/13478363156.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://forums.azyaalive.com/storeimg/azyaalive_1374792834_539.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://forums.azyaalive.com/storeimg/azyaalive_1374792834_539.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www.marketwallpapers.com/wallpapers/2/wallpaper-11211.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://www.marketwallpapers.com/wallpapers/2/wallpaper-11211.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://nbd-saher.com/wallpapers/wp-content/uploads/%D8%A8%D8%B1%D9%83%D8%A7%D9%86-%D9%85%D8%AA%D9%88%D9%87%D8%AC.jpg) fixed no-repeat 0px -133px')" style=" width: 40px; height: 40px; background-image: url(http://nbd-saher.com/wallpapers/wp-content/uploads/%D8%A8%D8%B1%D9%83%D8%A7%D9%86-%D9%85%D8%AA%D9%88%D9%87%D8%AC.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://sfiles.d1g.com/photos/12/32/3833212_max.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://sfiles.d1g.com/photos/12/32/3833212_max.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://forums.imageslove.net/pictures/str-ly.com_1390168822_760.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://forums.imageslove.net/pictures/str-ly.com_1390168822_760.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://ossodatlas.com/up/uploads/13510067611.jpg) fixed no-repeat 0px -503px')" style=" width: 40px; height: 40px; background-image: url(http://ossodatlas.com/up/uploads/13510067611.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www.sowaar.com/wp-content/uploads/2013/08/maldivian_beach-wide.jpg) fixed no-repeat -183px -576px')" style=" width: 40px; height: 40px; background-image: url(http://www.sowaar.com/wp-content/uploads/2013/08/maldivian_beach-wide.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://p1.pichost.me/i/40/1639087.jpg) fixed no-repeat -147px -700px')" style=" width: 40px; height: 40px; background-image: url(http://p1.pichost.me/i/40/1639087.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www.700bk.com/vb/uploadcenter/uploads/03-2012/PIC-338-1331637900.jpg) fixed no-repeat 0px 0px')" style=" width: 40px; height: 40px; background-image: url(http://www.700bk.com/vb/uploadcenter/uploads/03-2012/PIC-338-1331637900.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www.shbab2.net/vb/shbab5/1334420497_711.jpg) fixed no-repeat -100px -300px')" style=" width: 40px; height: 40px; background-image: url(http://www.shbab2.net/vb/shbab5/1334420497_711.jpg); background-size:cover; float: right; margin-left: 8px;"> </il><il onclick="bgChange('url(http://www13.0zz0.com/2013/02/08/02/623688857.jpg) fixed no-repeat -100px -252px')" style=" width: 40px; height: 40px; background-image: url(http://www13.0zz0.com/2013/02/08/02/623688857.jpg); background-size:cover; float: right; margin-left: 8px;"> </il> </div></div> <div style=" position: absolute; bottom: 4px; right: 53px; width: 100%; text-align: center; border-top: 1px solid; padding-top: 5px; "><div style=" font-family: droid arabic naskh; font-size: 15px; "> الاداة الاحترافية لتغيير الخلفية ... من تصميم : محمد محمود عبد العزيز </div> <a href="https://www.facebook.com/mohamed.azel13" style=" font-family: "Segoe UI Light","Segoe UI Web Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Light","Helvetica Neue",Arial,sans-serif; color: black; text-decoration: overline; cursor: url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto; "> By: Mohamed Azel </a><a href="https://www.facebook.com/store.posters" style=" font-family: "Segoe UI Light","Segoe UI Web Light","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","HelveticaNeue-Light","Helvetica Neue",Arial,sans-serif; color: black; text-decoration: overline; cursor: url(http://i74.servimg.com/u/f74/17/42/09/54/jtrh110.png), auto; margin-left: 42px; "> By: Store posters </a> </div> </button> الاداة دية من تصميمى ... يارب تعجبكم اتمنى ان يعجبكم .... لو فية اى مشكلة قولى برد ... ولو عجبكم الاداة قولوا
__________________
|
01-31-2014, 10:33 PM | #2 |
خبير بلوجر
تاريخ التسجيل: Oct 2013
المشاركات: 1,738
|
رد: اداة تغيير خلفية الصفحة للزائر
__________________
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
ادوات بلوجر احترافية, تغيير صورة الخلفية للزائر |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
اداة عدد مرات شوهدت الصفحة ؟ | egycity | إضافات وأدوات بلوجر | 4 | 03-22-2013 12:38 PM |
اريد حدف اداة تعليقات في مداونتي /facebook و اداة اخرى و استبدلهما ب DISQUS | l3azzi | طلبات الدعم الفني | 8 | 12-01-2012 08:13 PM |
تغيير شكل اداة المتابعين في بلوجر بشكل اخر جميل جدا بتقنية css | السيد ابو جبل | إضافات وأدوات بلوجر | 0 | 09-04-2012 07:13 PM |
طلب تغيير خلفية القالب | sader12 | طلبات الدعم الفني | 6 | 08-07-2012 01:08 AM |
خلفية الصفحة [تمت التلبية] | eftekasy | طلبات تعديل القوالب | 17 | 07-25-2012 05:56 PM |
الساعة الآن 05:50 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |