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>
وبكدة حصلت على اداة احترافية فى منتهى الروعة 
الاداة دية من تصميمى ... يارب تعجبكم
اتمنى ان يعجبكم .... لو فية اى مشكلة قولى برد ... ولو عجبكم الاداة قولوا 
__________________
|
|
|