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


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


شاطر | 
 

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

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




نقاط : 17461

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


مُساهمةموضوع: كود الفيس و تويتر و جوجل بلس للمنتديات والمواقع واحلى منتدى و البلوجر   الإثنين ديسمبر 02, 2013 7:09 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 -->


 <!-- google_1 --><div id="google_1"><div id="google_1_1">
 <img
 id="google_img"
src="http://i45.servimg.com/u/f45/16/75/43/85/google10.png" /><div
 style="color:#999;font-size:11px; padding-top: 15px;
 padding-right:30px; margin:5px; width:98px; height:97px;">
 <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
 <g:plusone size="tall"></g:plusone>
 </div></div></div>

 <!-- google_1 -->
طريقة وضع الكود

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


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

ثم ابحث عن


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

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

و اذهب الى

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


جديد



ضع الكود


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



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

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