اريد كود المواقع الاجتماعيه

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

اريد كود المواقع الاجتماعيه

مُساهمة من طرف mohamed ameen في الأحد 1 يونيو 2014 - 20:54

بسم الله الرحمان الر

السلام عليكم ورحمه الله وبركاته

انا اريد كود المواقع الاجتماعه ولكن اريده فى كل صفحات المنتدى  Like a Star @ heaven 

وارجوا الرد  silent
avatar
mohamed ameen



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

http://qemat-alebdah.alafdal.net/

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

رد: اريد كود المواقع الاجتماعيه

مُساهمة من طرف Michael_vx في الأحد 1 يونيو 2014 - 23:00

صور الكود







تم اضافة النسخة الماسية مع كود اعجاب الفيس والنشر دون الحاجة الى تعديل يتعرف على الصفحة تلقائا

ويسمح بوضع الاعجاب على المواضيع بشكل مباشر ونشرها ايضا بشكل مباشر


الكود:
[center]
<style type="text/css">
                    img, a { border: 0; }
                    #likebox_1 {
                        z-index: 10005;
                        border:2px solid #3c95d9;
                        background-color: #fff;
                        width:276px;
                        height: 210px;
                        position: fixed;
                        top: 20%;
                        right: -280px;
                -webkit-transition:800ms;
                  -moz-transition:800ms;
                    -o-transition:800ms;
                        transition:800ms;
                    }
                    #likebox_1_1 {
                        width:276px;
                        height: 210px;
                        overflow: hidden;
                    }
                    #likebox_1 img {
                        position: absolute;
                        top: -2px;
                        left: -50px;
                    }
                    #likebox_1 iframe {
                        border:0px solid #3c95d9;
                        overflow: hidden;
                        position: static;
                        height: 60px;
                        left:-2px;
                        top:-3px;
                    }
                    #net_1 {
                        z-index: 10010;
                        border:2px solid #3c95d9;
                        background-color: #fff;
                        width:470px;
                        height: 594px;
                        position: fixed;
                        top: 4%;
                        right: -474px;
                -webkit-transition:800ms;
                  -moz-transition:800ms;
                    -o-transition:800ms;
                        transition:800ms;
                    }
                    #net_1_1 {
                        width:470px;
                        height: 594px;
                        overflow: hidden;
                    }
                    #net_1 img {
                        position: absolute;
                        top: -2px;
                        left: -50px;
                    }
                    #net_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:266px;
                        height: 490px;
                        position: fixed;
                        top: 28%;
                        right: -270px;
                -webkit-transition:800ms;
                  -moz-transition:800ms;
                    -o-transition:800ms;
                        transition:800ms;
                    }
                    #polecam_1_1 {
                        width:266px;
                        height: 490px;
                        overflow: hidden;
                    }
                    #polecamy_img {
                        position: absolute;
                        top: -2px;
                        left: -50px;
                        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: 36%;
                        right: -154px;
                -webkit-transition:800ms;
                  -moz-transition:800ms;
                    -o-transition:800ms;
                        transition:800ms;
                    }
                    #google_1_1 {
                        width:152px;
                        height: 97px;
                        overflow: hidden;
                    }
                    #google_img {
                        position: absolute;
                        top: -2px;
                        left: -48px;
                        border: 0;
                    }
            #youtube_1 {
                z-index: 10006;
                border:2px solid #cb1c0e;
                background-color: #fff;
                width:574px;
                height: 342px;
                position: fixed;
                top: 12%;
                right: -578px;
                -webkit-transition:800ms;
                  -moz-transition:800ms;
                    -o-transition:800ms;
                        transition:800ms;
            }      
            #youtube_1:hover { right:0; }
            #net_1:hover { right:0; }
            #likebox_1:hover { right:0; }
            #google_1:hover { right:0; }
            #polecam_1:hover { right:0; }
            #youtube_1_1 {
                width:564px;
                height: 342px;
                overflow: hidden;
            }
            #youtube_1 img {
                position: absolute;
                top: -2px;
                left: -50px;
            }
                    </style>
            <!--                youtube                -->
            <div id="youtube_1"><div id="youtube_1_1">
            <img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/youtube.png" alt="" />
            <a href="http://micsoft.logu2.com">مايكل سوفت</a>
          <p>محتوى اليوتيوب</p>
            </div>
            </div>
            </div>

            <div id="likebox_1"><div id="likebox_1_1">
            <img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/facebook.png" alt="" />
            <a href="http://micsoft.logu2.com">مايكل سوفت</a>
      <div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;
     margin: 0pt;
        overflow: scroll; width: 500px; height: 200px;">
 
         <script>(function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>
 
         <div fb-xfbml-state="rendered" class="fb-like
fb_edge_widget_with_comment fb_iframe_widget" data-href=""
data-send="true" data-width="400" data-show-faces="true"
style="padding:10px;">
             <span style="height: 24px;
width: 400px;"><iframe
src="http://www.facebook.com/plugins/like.php?api_key=124578887583575&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df17a9cb2fc0170e%26origin%3Dhttp%253A%252F%252F/%252Ff2de3f05fea3bc6%26domain%3D/%26relation%3Dparent.parent&href=/&node_type=link&width=400&layout=standard&colorscheme=light&show_faces=true&send=true&extended_social_context=false"
 class="fb_ltr" title="Like this content on Facebook." style="border:
medium none; overflow: hidden; height: 24px; width: 400px;"
name="f1605443947c896" id="f1932adabfc1718"
scrolling="no"></iframe></span>
            </div>
            </div>
            </div>
            </div>
            <div id="polecam_1"><div id="polecam_1_1">
                          <img id="polecamy_img"
        src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/twitter.png"
        /><a href="http://micsoft.logu2.com">مايكل سوفت</a>
    <P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>
            </div>
            </div>
            </div>

            <div id="google_1"><div id="google_1_1">
 
           <img id="google_img"
src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/google_plus.png"
 />
            <a href="http://micsoft.logu2.com">مايكل سوفت</a>
            <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>
[/center]




اما عن شرح الكود عليك وضعة اولا فى احد العناصر المستفلة


لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة > انشاء عنصر جديد


هناك اشياء عليك فعلها بنفسك وهى استبدال عبارة


<p>محتوى اليوتيوب</p>
بكود مثلا ثناتك على اليتيوب او فديو الخ الخ او اى شىء اخر تريد


ايضا استبدال عبارة




<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>


بالكود الخاص بك على تويتر



Michael_vx
 
 

ذكر
عدد المساهمات : 1559
معدل النشاط : 5590
السُمعة : 69

http://miccsoft.com

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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة

رد: اريد كود المواقع الاجتماعيه

مُساهمة من طرف mohamed ameen في الإثنين 2 يونيو 2014 - 0:45

شكرا لكم جميعا على مروركم وعلى الاكواد الرائعه
avatar
mohamed ameen



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

http://qemat-alebdah.alafdal.net/

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

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


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