1. أهلا وسهلاً بكم في :: IQ-TeaM FORUM :: .
    إذا كانت هذه الزيارة الأولى أو لديك الرغبة بالانضمام لأعضاء شبكة عراق تيم فيجب الاطلاع على خصوصية الشبكه فربما بقائك زائر افضل لك من الانضمام بحيث أن قوانين شبكة عراق تيم لا تتناسب مع اهتماماتك .
    • للأطلاع على الخصوصية وسياسة الاستخدام - التفاصيل
    • بعد الاطلاع على سياسة الموقع وقوانين شبكة عراق تيم يمكنك التسجيل معنا - تسجيل عضو جديد
    إستبعاد الملاحظة
الكاتب : ĐЯ-ЩΘЩΘ | المشاهدات : 356 | الردود : 8
  1. ĐЯ-ЩΘЩΘ iq-team مراقب عآم

    الأنتساب:
    ‏13 يوليو 2014
    المشاركات:
    512
    الإعجابات المتلقاة:
    50
    نقاط الجائزة:
    75
    الجنس:
    ذكر
    الإقامة:
    مكة مكرمة
    نظام التشغيل:
    Linux
    اللغة البرمجية:
    CSS
    Facebook:
    YouTube:
    [​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ΛЯБł DeveloPer Plus

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

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

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

    يوجد خطآ لديك وهوه اكواد 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 .: مشرف اقسام ألانضمة :. مشرف

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

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

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

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

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

    مشكوور اخى

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

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

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

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

    بارك الله بيك اخي
     
  9. ĐЯ-ЩΘЩΘ iq-team مراقب عآم

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

    اشكركم جميعا

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

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

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