طلب كودين فيس بوك + صور كمثال

السلام عليكم

طلب كود مربع اعجبنى مثل هذا




وطلب كود مواقع التواصل مثل الصورة



ملحوظة الصور من جوجل

ليس لدى حق تعديل تومبلايت

وشكرا لكم

مزيكاتى-Eslamsoka كتب:السلام عليكم

طلب كود مربع اعجبنى مثل هذا




وطلب كود مواقع التواصل مثل الصورة



لمحوظة الصور من جوجل

ليس لدى حق تعديل تومبلايت

وشكرا لكم

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

الكود:

<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.is-best.net/">مايكل سوفت</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.is-best.net/">مايكل سوفت</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.is-best.net/">مايكل سوفت</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.is-best.net/">مايكل سوفت</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>

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

إقتباس : كتب:<p>محتوى اليوتيوب</p>

بكود مثلا ثناتك على اليتيوب او فديو الخ الخ او اى شىء اخر تريد
ايضا استبدال عبارة

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

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