مرحبا بك عزيزي الزائر في مدونتنا المتواضعة ونتمنى ان تكون في اتم الصحة و العافية.
<div class="network"> <ul><li> <a class="network-arrow" href="http://mynewfiles.blogspot.com/"target="_blank">MY NEW FILES</a> <ul><li><a title="MY NEW FILES" href="http://mynewfiles.blogspot.com/" target="_blank"><img src="http://im39.gulfup.com/zP95i.png" alt="MY NEW FILES" style=" left: 10px;" /></a></li></ul></li></ul></div><style>.network{position: absolute;top: 80px;left: 670px;} .network ul li {list-style: none;position: relative;margin-left: 12px;display: inline-block;} .network ul li a {display: block;line-height: 25px;color: #26b9d4;padding: 0 5px;text-shadow: 1px 1px 0px #FFF;}a.network-arrow{background:url(http://im35.gulfup.com/ntNNw.png) no-repeat center 5px;width:15px;text-indent:-99999px;overflow:hidden;} .network li:hover > a.network-arrow,.network ul ul :hover > a.network-arrow{color: #3BB9FF !important; -webkit-border-top-left-radius: 5px;-moz-border-radius-topleft: 5px;border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topright: 5px;border-top-right-radius: 5px;background-color: #363636!important; background-position:center -180px;box-shadow: 0 1px 5px #000;} .network ul li:hover ul {display: block;} .network ul ul {display: none;position: absolute;top: 25px; right:0px;width: 204px;height: 70px; z-index: 99999;float: right;background: #363636!important; box-shadow: 0 2px 5px #000;-webkit-border-top-left-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-bottomleft: 5px;border-top-left-radius: 5px;border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;border-bottom-right-radius: 5px;-webkit-border-bottom-right-radius: 5px;} .network ul ul a{padding:10px 10px 3px; text-align:center;} .network ul ul a:hover{opacity:0.8;}</style>
/* Social &Newsletter Widget *//* Social */.social {
background:#fcfcfc;
height:80px;
padding:0 15px;
border-bottom:1px solid #f0f0f0;
}
.social li {
float:right;
width:52px;
margin-left:15px;
text-align:center;
}
.social li.last {
margin-right:0;
}
.social li a {
opacity:0.6;
filter:alpha(opacity=60);
font-size:11px;
color:#666;
padding-top:42px;
line-height:34px;
}
.social li a:hover {
opacity:1.0;
filter:alpha(opacity=100);
color:#666;
text-decoration:none;
}
.social .social-feed {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7HB3ueL5Hg41dlKO9eU_9Pjg16z34SE8JcZzDb8KsXZLF81nJz7USEKLvqN7ZHmNPA8DbSv95BWn9oC9Bf_rvcAmN_Qx5bdx2REfU1KoTPuoniiYKsN51-JDhhdt1yFuCj0F-5FL7J-U/s1600/ico-social-rss.png) no-repeat;
}
.social .social-twitter {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWqQ3lgq7Bny9lFBT_T-At0rF7pba2AI8VYz4jBpCvvDEXQ2uv3nt4Z6gltkM3x8O_smo1uNdRpTmAo19bt9bbGHC6gqJ9hBy7VB-D_GTGleWLWVcRbCkx1zO4E-5Yggd9grwotukV8Bo/s1600/ico-social-twitter.png) no-repeat;
}
.social .social-facebook {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYeJkBaBnQVnFDIF07DoYkmNirVF9lNDlZfP_nDSlfinf5NHGl2wh7-Q04fXa-xPDjalYp8-u4i6yEWL52OLGIMh0SDOCDNhTJ2iOFU5ToAKni-R_B0Qe2pvjmfdtb8E7KSGffMpMy9ac/s1600/ico-social-facebook.png) no-repeat;
}
.social .social-youtube {
display:block;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkVWkhbc3Tp37bofcGWlilixfF7h44MP04Fv3xjr7NHG9m05OCNTygBuZ7y0siNA7W7jl36yzqbDPSVaAvkN095pME4DA8yDnoOzccFLSJSD2DpoVyYTD36gMwbYKKN8SjqrFLuub1rx8/s1600/ico-social-youtube.png) no-repeat;
margin-right:0;
}
form.emailform {
margin:20px 0 0;
display:block;
clear:both;
}
.emailtext {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1QUT6-Hsv7kLeisEOeBmHsE2XplfggevSfMVP8HFW3x0nF5a3GlnC7RWEXi8mm_Dyi0ERlsbld_JAQHDWfO9-vDVE_FMPsIOGuTj2L_pTPyoM1v7JQvOZKJo4q399JE-q4lZgp6tZ1E7_/s28/w2b-mail.png) no-repeat scroll 4px center transparent;
padding:7px 15px 7px 33px;
color:#444;
font-weight:bold;
text-decoration:none;
border:1px solid #D3D3D3;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;
-moz-box-shadow:1px 1px 2px #CCC inset;
-webkit-box-shadow:1px 1px 2px #CCC inset;
box-shadow:1px 1px 2px #CCC inset;
}
.ebutton {
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor:pointer;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-goog-ms-border-radius:4px;
border-radius:4px;
background:#fbfbfb;
background:-moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f4f4f4));
background:-webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background:-o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background:-ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4', GradientType=0 );
background:linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
}
<div class="widget-content">
<div style="border: 1px solid DodgerBlue; padding: 1mm;">
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWnCiDkIUK0R9rP4pxsFqswnkN5aqdjow3Z7ew8iG36WTBYtheG_VZ-VaJ-GcR-8NY10Ae3DWoE-l3leR9lC09Ilw_cg2zX0P49wIuMFf-NuTgLt01OzBGW4n5iPl5lwk-TWVTHGoEZlc/s1600/email-px-png.png" /></center>
<center><span style="font-size:16px;font-weight: bold;;">توصل بكل المواضيع الجديدة ،كن السبّاق وقم بإدخال بريدك الإلكتروني و إنتظر الجديد</span>
<ul class="social">
<li><a class="social-facebook" href="رابط الفيس بوك" rel="nofollow" target="_blank">Facebook</a></li>
<li><a class="social-twitter" href="رابط تويتر" rel="nofollow" target="_blank">Twitter</a></li>
<li><a class="social-feed" href="رابط الخلاصة" rel="nofollow" target="_blank">RSS</a></li>
<li><a class="social-youtube" href="رابط اليوتيوب" rel="nofollow" target="_blank">YouTube</a></li>
</ul>
</center>
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" class="emailform" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=xxxxx', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">
<input type="hidden" value="softechnogeek" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" value="أدخل بريدك الإلكتروني..." name="email" class="emailtext" onblur="if (this.value == "") {this.value = "أدخل بريدك الإلكتروني...";}" onfocus="if (this.value == "أدخل بريدك الإلكتروني...") {this.value = ""}" />
<input type="submit" class="ebutton" value="إشترك" title="" alt="" />
</form>
<center>
<span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'trebuchet ms', Trebuchet, Arial, Verdana, sans-serif; font-size: 10px; font-style: italic; background-color: rgb(255, 255, 255); "></span>
</center>
<div dir="ltr" style="text-align: left;" trbidi="on">
<a href="http://homeblooger.blogspot.com/" target="_blank" title="Blogger Widget"><span style="font-size: xx-small;">Blogger Widget »</span></a></div>
</div>
</div>
جميع الحقوق محفوظة ........
.jpg)
.jpg)
