تصميم صفحة +google للمنتدى

اذهب الى الأسفل

تصميم صفحة +google للمنتدى

مُساهمة من طرف sami78 في الجمعة 26 يوليو 2013 - 15:15

السلام عليكم ورحمة الله رمضان كريم للجميع
كيف يمكنني تصميم صفحة +google للمنتدى
مثل هذه الصفحة كمثال فقط
https://plus.google.com/110114067289828398791/posts
بحيث عندما ينقر الزائر على ايقونة +google
يتحول الى صفحة +google للمنتدى
مع العلم عندي حساب gmail
لكن عندما ينقر الزائر على ايقونة +google
يتحول الى التالي
https://accounts.google.com/ServiceLogin?service=oz&passive=1209600&continue=https://plus.google.com/up/?type%3Dst%26client%3D1%26gpsrc%3Dwidget%26parent%3Dhttps://apis.google.com%26proxy%3DI2_1374689825233%26rsz%3D1%26hl%3Den_US%26partnerid%3Dwidget&hl=en_US
avatar
sami78
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 2579
السُمعة : 0

http://greffiers.forumalgerie.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تصميم صفحة +google للمنتدى

مُساهمة من طرف HAMSAHAQ في الجمعة 26 يوليو 2013 - 18:52

اخي ممكن تعمل اي صفحة وما تريد اتبع هذا الموضوع

-صفحات HTML
avatar
HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 7062
السُمعة : 118

http://alhoub.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تصميم صفحة +google للمنتدى

مُساهمة من طرف sami78 في السبت 27 يوليو 2013 - 19:33

ممكن مساعدة الخبراء
avatar
sami78
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 2579
السُمعة : 0

http://greffiers.forumalgerie.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تصميم صفحة +google للمنتدى

مُساهمة من طرف HAMSAHAQ في الإثنين 29 يوليو 2013 - 8:01

اخي كما قلن لك عليك اولا الحصول على كود الصفحة التي تريد عمل مثلها
  واتبع  طريقة عمل صفحات الهتمل
-صفحات HTML

 واذا تريد فتح صفحة استعمل هذا الشرح هنا
كود فتح الاعلان أو البانير بصفحة مستقلة
avatar
HAMSAHAQ
 
 

انثى
عدد المساهمات : 4871
معدل النشاط : 7062
السُمعة : 118

http://alhoub.arab.st/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: تصميم صفحة +google للمنتدى

مُساهمة من طرف sami78 في الإثنين 29 يوليو 2013 - 16:16

هذا هو الكود كاملا ساعدونا في تصميمه
الكود:


      <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="https://www.facebook.com/pages/منتدى-موظفي-قطاع-العدالة-الجزائريين/322841457818644
        " 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('forum_justice').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 -->
avatar
sami78
 
 

ذكر
عدد المساهمات : 175
معدل النشاط : 2579
السُمعة : 0

http://greffiers.forumalgerie.net/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

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