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

2 مشترك

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

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

مُساهمة من طرف مزيكاتى-Eslamsoka الأربعاء 20 مايو 2015 - 23:49

السلام عليكم

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

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


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

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

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

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

وشكرا لكم


عدل سابقا من قبل مزيكاتى-Eslamsoka في الإثنين 25 مايو 2015 - 6:19 عدل 1 مرات
مزيكاتى-Eslamsoka
مزيكاتى-Eslamsoka

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

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

http://mazikate.0wn0.com

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

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

مُساهمة من طرف Michael_vx الخميس 21 مايو 2015 - 2:30

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

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

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


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

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

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

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

وشكرا لكم
بالنسبة للى فى الصورة الاولى هات رابط اى موقع او منتدى موجود عليه المربع ده
بالنسبة للثانى متاح وموجود
تم اضافة النسخة الماسية مع كود اعجاب الفيس والنشر دون الحاجة الى تعديل يتعرف على الصفحة تلقائا
ويسمح بوضع الاعجاب على المواضيع بشكل مباشر ونشرها ايضا بشكل مباشر
كود :
الكود:
<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>
بالكود الخاص بك على تويتر
avatar
Michael_vx
 
 

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

https://www.vxblog.eu

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

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

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

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