منتدى الدراسات المتطورة


منتدى لكل الطلبة ... لكل الاغراض الطلابية
 
الرئيسيةالبوابة*اليوميةمكتبة الصورس .و .جبحـثالمجموعاتالتسجيلدخول


شاطر | 
 

 كود الفيس و تويتر بطريقه احترافيه لمنتديات والمواقع واحلى منتدى

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




نقاط : 17461

تاريخ التسجيل : 01/01/1970


مُساهمةموضوع: كود الفيس و تويتر بطريقه احترافيه لمنتديات والمواقع واحلى منتدى   الإثنين ديسمبر 02, 2013 7:07 pm

اليوم اقدم لكم كود الفيس و تويتر بطريقه احترافيه

صوره للكود

قبل مرور الماوس



عندما يمر الماوس على ايقونة الفيس بوك



و هذه عند مرور الماوس على ايقونة تويتر


تكبير الصورة معاينة الأبعاد الأصلية.



و الان الكود
الكود: ---------تضليل المحتوى
الكود:
<script type="text/javascript" src="http://adminstar20.3rab.pro/10969.js"></script>
<style type="text/css">
img, a { border: 0; }
#likebox_1 {
    z-index: 10005;
    border:2px solid #3c95d9;
    background-color: #fff;
    width:196px;
    height: 353px;
    position: fixed;
    top: 18%;
    right: -200px;
}

#likebox_1_1 {
    width:196px;
    height: 353px;
    overflow: hidden;
}

#likebox_1 img {
    position: absolute;
    top: -2px;
    left: -35px;
}

#likebox_1 iframe {
    border:0px solid #3c95d9;
    overflow: hidden;
    position: static;
    height: 360px;
    left:-2px;
    top:-3px;
}
#polecam_1 {
    z-index: 10004;
    border:2px solid #6CC5FF;
    background-color: #6CC5FF;
    width:246px;
    height: 353px;
    position: fixed;
    top: 35%;
    right: -250px;
}

#polecam_1_1 {
    width:246px;
    height: 353px;
    overflow: hidden;
}

#polecamy_img {
    position: absolute;
    top: -2px;
    left: -35px;
    border: 0;
}
#google_1 {
    z-index: 10003;
    border-top:2px solid #0056a0;
    border-bottom: 2px solid #0056a0;
    border-right:2px solid #0056a0;
    border-left: hidden;
    background-color: #006ec9;
    width:152px;
    height: 97px;
    position: fixed;
    top: 52%;
    right: -154px;
}

#google_1_1 {
    width:152px;
    height: 97px;
    overflow: hidden;
}

#google_img {
    position: absolute;
    top: -2px;
    left: -33px;
    border: 0;
}
#youtube_1 {
    z-index: 10003;
    border:2px solid #cb1c0e;
    background-color: #fff;
    width:196px;
    height: 353px;
    position: fixed;
    right: -200px;
}

#youtube_1_1 {
    width:196px;
    height: 353px;
    overflow: hidden;
}

#youtube_1 img {
    position: absolute;
    top: -2px;
    left: -35px;
}

</style>

<!-- facebook --><div id="likebox_1"><div id="likebox_1_1">
<img src="http://i45.servimg.com/u/f45/16/75/43/85/fb110.png" alt="" />
<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script><div
 class="fb-like-box"
data-href="ضع هنا رابط صفحتك على الفيس بوك
 " data-width="200" data-height="356" data-show-faces="true"
data-stream="false" data-header="false"></div>
</div>
</div>
<!-- facebook -->


<!-- twitter -->
                <div id="polecam_1"><div id="polecam_1_1">
                <img id="polecamy_img" src="http://i45.servimg.com/u/f45/16/75/43/85/twitte10.png" />

                <script src="http://www.crezeman.com/vb/js/widget.js"></script>
                <script>
                new TWTR.Widget({
                  version: 2,
                  type: 'profile',
                  rpp: 3,
                  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: 'default'                  }
                }).render().setUser('وضع هنا اسم صفحتك على تويتر').start();
                </script>
                </div></div>
<!-- twitter -->

طريقة وضع الكود

ابحث فى داخل الكود عن


اقتباس :
ضع هنا رابط صفحتك على الفيس بوك
و استبدلها برابط صفحتك على الفيس

ثم ابحث عن


اقتباس :
وضع هنا اسم صفحتك على تويتر
و استبدلها باسم صفحتك على تويتر

و اذهب الى

لوحة الاداره / العناصر الاضافيه / اداره العناصر الستقله على المنتدى / انشاء عنصر شخصي

جديد


ضع الكود

ثم اضغط سجل و اسحب الكود وضعه فى العناصر


, اضغط سجل
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كود الفيس و تويتر بطريقه احترافيه لمنتديات والمواقع واحلى منتدى
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى الدراسات المتطورة :: الـقـسـم الـعـام-
انتقل الى: