1. ĐЯ-ЩΘЩΘ

    ĐЯ-ЩΘЩΘ iq-team مراقب عآم

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    512
    الإعجابات المتلقاة:
    50
    نقاط الجائزة:
    28
    الجنس:
    ذكر
    الإقامة:
    مكة مكرمة
    [​IMG]

    » الصلاة و السلام على أشرف المرسليـن ...~
    » الحمد لله وحده نحمده و نشكره و نستعينه و نستغفره و نعود بالله من شرور أنفسنا و من سيئاتأعمالنا ...~
    » من يهده الله فلا مظل له و من يظلل فلن تجد له ولياً مرشدا ...~
    » و أشهد ألا إلاه إلا الله وحده لا شريك له و أن محمداً عبده و رسوله صلى الله عليه و سلم ...~
    » وعلى آله و صحبه أجمعين و من تبعهم بإحسان إلى يوم الدين ...~
    » ربنا لا علم لنا إلا ما علمتنا إنك أنت العليم الخبير ...~
    » ربنا لا فهم لنا إلا ما فهمتنا إنك أنت الجواد الكريم ...~
    » ربي اشرح لي صدري و يسر لي أمري و احلل عقدة من لساني يفقهوا قولي ...~

    » أما بعد ...~

    » فإن أصدق الحديث كتاب الله تعالى و خير الهدي هديُ سيدنا محمد صلى الله عليه و سلم...~
    » و شر الأمور محدثاتها و كل محدثة بدعة و كل بدعة ضلالة و كل ضلالة في النار ...~
    » فاللهم أجرنا و قنا عذابها برحمتك يا أرحم الراحمين ...~

    [​IMG]

    » أحبتي في شبكة عراق تيم أسعد الله أوقآتكم بالمحبة والأمل ...~

    » وأسأل الله العلي القدير أن تكونوا جميعآ بخير دون استثنآء ...~

    [​IMG]

    » اهلا وسهلا بكم جميعا في موضوعي لليوم ...~


    » شرح اليوم رح يكون عن طريقة اضافة ايقونات المشاركة في مواقع تواصل الاجتماعي بشكل رائع ...~

    ملاحظة : الشرح انا ماخذه من الموقع الام و هو بحقوق ShawneyJ

    [​IMG]

    اول خطوه نحمل ملف الايقونات

    اضغط هنا

    ثم نستخرجه دخل مجلد
    images

    الان توجه الى لوحة التحكم

    ثم

    البحث في القوالب

    ابحث عن قالب postbit_legacy

    ملاحظة : خذ نسخه من القالب قبل تطبيق شرح

    الان اذا ارت انت تضع الايقونات في اعلى الموضوع

    [​IMG]


    ابحث دخل القالب عن

    كود HTML:
    
    <!-- / icon and title -->
    
    </if>
    
    
    ثم ضع الكود التالي بعد الكود سابق مباشره

    كود PHP:
    <if condition="!in_array($GLOBALS[forumid], array(x,x,x))">
    <if 
    condition="(($post[postcount] % $vboptions[maxposts] == 1))">
    <if 
    condition="THIS_SCRIPT =='showthread'">
    <
    div id="share">
    <!-- 
    Facebook -->
    <
    a  href="http://www.facebook.com/sharer.php?u=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/facebook.png"  alt="Facebook" /></a>
    <!-- 
    Twitter -->
    <
    a  href="http://twitter.com/share?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&text=$post[title]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/twitter.png"  alt="Twitter" /></a>
    <!-- 
    Google+ -->
    <
    a  href="https://plus.google.com/share?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/gplus.png" alt="Google"  /></a>
    <!-- 
    Digg -->
    <
    a  href="http://www.digg.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/digg.png" alt="Digg"  /></a>
    <!-- 
    Reddit -->
    <
    a  href="http://reddit.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&title=$post[title]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/reddit.png" alt="Reddit"  /></a>
    <!-- 
    LinkedIn -->
    <
    a  href="http://www.linkedin.com/shareArticle?mini=true&url=$vboptions[bburl]/showthread.php?t=$thread[threadid]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/linkedin.png"  alt="LinkedIn" /></a>
    <!-- 
    Pinterest -->
    <
    a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());"><img  src="http://www.iq-team.org/vb/images/social/pinterest.png" alt="Pinterest" /></a>
    <!-- 
    StumbleUpon-->
    <
    a  href="http://www.stumbleupon.com/submit?url=$vboptions[bburl]/showthread.php?t=$thread[threadid]&title=$post[title]"  target="_blank"><img src="http://www.iq-team.org/vb/images/social/stumbleupon.png"  alt="StumbleUpon" /></a>
    </
    div>
    </if>
    </if>
    </if>
    ملاحظة هامه : عدل على <if condition="!in_array($GLOBALS[forumid], array(x,x,x))">

    X,X,X


    براقام الاقسام التي لا تريد انت تظهر الايقونات في داخل مواضيعها

    مثلا


    [COLOR=Black][COLOR=SeaGreen][COLOR=Black]<if condition="!in_array($GLOBALS[forumid], array([COLOR=Red]12,13[/COLOR]))">
    [COLOR=Red]
    [/COLOR][/COLOR][/COLOR][/COLOR]

    ثم اضغط على حفظ

    بعد كذا توجه تحكم با الاستايلات ثم اختار css رئيسي

    انزل الى هنا

    [​IMG]

    في مربع ثاني ضع الكود تالي


    كود HTML:
    <style type="text/css">
    #share img {
    width: 22px;
    height: 22px;
    padding: 5px;
    border: 0px;
    box-shadow: 0;
    display: inline;
    }
    #share img:hover {
    background-position: 0px -48px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    }
    a img {
        border: 0;
    }
    </style> 


    ثم اضغظ حفظ

    [​IMG]

    طيب البعض ما يفضل ان تكون الايقونات في اعلى يفضل ان تكون في اسفل

    هكذا

    [​IMG]


    مثل الخطوات سابقه لكن الكود تضعه

    بعد

    كود HTML:
    <!-- controls -->
    داخل
    postbit_legacy



    [​IMG]

    » وبكذا انتهى موضوعي لليوم ...~

    » تقبلو تحياتي انا اخوكم في الله ...~

    » أحمد...~

    » في حفظ الرحمن ...~

    [​IMG]
     
  2. ТUЯКł ΛŁ HΛЯБł

    ТUЯКł ΛŁ HΛЯБł DeveloPer Plus

    الأنتساب:
    ‏17 يوليو 2012
    المشاركات:
    111
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    16
    الوظيفة:
    طآلب جآمعي :(
    الإقامة:
    السعودية
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    الله يعطيك الف عافية يَ بطل .. )
     
  3. ТUЯКł ΛŁ HΛЯБł

    ТUЯКł ΛŁ HΛЯБł DeveloPer Plus

    الأنتساب:
    ‏17 يوليو 2012
    المشاركات:
    111
    الإعجابات المتلقاة:
    0
    نقاط الجائزة:
    16
    الوظيفة:
    طآلب جآمعي :(
    الإقامة:
    السعودية
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    يوجد خطآ لديك وهوه اكواد CSS

    ان كان تضع الكود في تعاريف CSS الاضافيه

    مالفائده من وضع

    كود HTML:
    <style type="text/css"></style>
    استخدامه اذا كنت تريد وضعه في القالب نفسه او اي مكان اخر

    الاستخدام الصحيح في تعاريف CSS الاضافيه

    [CSS]#share img {
    width: 22px;
    height: 22px;
    padding: 5px;
    border: 0px;
    box-shadow: 0;
    display: inline;
    }
    #share img:hover {
    background-position: 0px -48px;
    box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
    }
    a img {
    border: 0;
    }[/CSS]

    دون الحاجه الى

    كود HTML:
    <style type="text/css"></style>
    بالتوفيق اخي
     
  4. E L I M O

    E L I M O .: مشرف اقسام ألانضمة :. مشرف

    الأنتساب:
    ‏4 سبتمبر 2014
    المشاركات:
    614
    الإعجابات المتلقاة:
    917
    نقاط الجائزة:
    93
    الجنس:
    ذكر
    الوظيفة:
    Etudiant
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    وعليكم السلام ورحمة الله
    شكرا صديقي شرح رائع بس لو كان عن طريق الفيديو يكو افضل لان مثل هذه المواضيع تكون صعبة التطبيق الكامل
    تسلم حبيبي
     
  5. Ameer Eagle

    Ameer Eagle V • I • P

    الأنتساب:
    ‏7 يونيو 2014
    المشاركات:
    3,233
    الإعجابات المتلقاة:
    2,779
    نقاط الجائزة:
    113
    الجنس:
    ذكر
    الوظيفة:
    Student
    الإقامة:
    IraQ
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    أحسنت صديقي i:q^:
     
  6. S!L3NT H4X0R

    S!L3NT H4X0R DeveloPer Plus

    الأنتساب:
    ‏14 يناير 2012
    المشاركات:
    135
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    18
    الوظيفة:
    Cracker
    الإقامة:
    U.A.E
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    مشكوور اخى

    وبارك الله فيك وجزاك الله خيراً
     
  7. الأوكراني

    الأوكراني <div class="smal22">.:: غير موثوق ::.</div> موقوف لمخالفة الشروط

    الأنتساب:
    ‏22 أغسطس 2014
    المشاركات:
    255
    الإعجابات المتلقاة:
    3
    نقاط الجائزة:
    18
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    موفق حبيبي على الطرح الجميل
     
  8. MR.CAPTCHA

    MR.CAPTCHA Expert Developer ExpErt DeveloPer

    الأنتساب:
    ‏30 أغسطس 2014
    المشاركات:
    1,786
    الإعجابات المتلقاة:
    14
    نقاط الجائزة:
    38
    الوظيفة:
    I.T Student
    الإقامة:
    IRAQ
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    بارك الله بيك اخي
     
  9. ĐЯ-ЩΘЩΘ

    ĐЯ-ЩΘЩΘ iq-team مراقب عآم

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    512
    الإعجابات المتلقاة:
    50
    نقاط الجائزة:
    28
    الجنس:
    ذكر
    الإقامة:
    مكة مكرمة
    رد: شرح اضافة , ايقونات المشاركة في مواقع تواصل الاجتماعي , في اول مشاركة

    اشكركم جميعا

    ان شاء الله رح اعمل فديو للموضوع

    في اقرب وقت ممكن + تم تصحيح الخطا
     

مشاركة هذه الصفحة