منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

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

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

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

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

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

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

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



ذكر
عدد المساهمات : 15
معدل النشاط : 1104

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
 
 

ذكر
عدد المساهمات : 1547
معدل النشاط : 5185

http://miccsoft.com

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

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

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

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

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

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



ذكر
عدد المساهمات : 15
معدل النشاط : 1104

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

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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