نجم اليوم
الصورة الرمزية تفاصيل العضوية تكريم العضو الملاحظات
البيانات
سبب الاختيار
,, عطاء مميز ,,
بيانات اضافية



أهلا وسهلا بك إلىشبكه ملتقى العراقيين والعرب.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.


/z من الارشيف z/


كود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 20.04.21 14:17 من طرف ابن الصحراءكتب: [مشع]بعثة نبي الله يوسف عليه السلام:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 19.04.21 18:10 من طرف ابن الصحراءكتب: محمد صلى الله عليه وسلم كأنك تراه:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 19.04.21 18:03 من طرف ابن الصحراءكتب: أعمال تعادل قيام الليل:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 02.07.22 10:41 من طرف يوزر جديدكتب: تفعيل عضويه:: اكمل الموضوعكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 19.04.21 17:57 من طرف ابن الصحراءكتب: طريق الهجرة المباركة:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 20.04.21 14:37 من طرف ابن الصحراءكتب: شكر وتقدير الى الاخ العراقي الطائي:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 08.01.22 3:51 من طرف ابن الصحراءكتب: وقفات تربوية من سيرة الرسول في القرآن الكريم:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 19.04.21 15:27 من طرف ابن الصحراءكتب: المدينة الوحيدة التي تقع بين قارتين:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 19.04.21 17:53 من طرف ابن الصحراءكتب: الدين الإسلامي:: اكمل الموضوعقراءة كاملةكود التواصل الاجتماعي للمنتدى - صفحة 2 Empty 08.01.22 15:30 من طرف ابن الصحراءكتب: معاني أسماء الله الحسنى ومقتضاها (العفو):: اكمل الموضوعقراءة كاملة


شبكه ملتقى العراقيين والعرب :: ┘¬»[ الاهدائات والترحيب ! :: القسم الخاص بمواضيع اخونا ابن الصحراء :: ادكار المساء

انتقل الى الصفحة : الصفحة السابقة  1, 2
كاتب الموضوع ابن الصحراء مشاهدة صفحة طباعة الموضوع  | أرسل هذا الموضوع إلى صديق  |  الاشتراك انشر الموضوع
 
المشاركة رقم   تم النشر فى :18 - 07 - 2022
.AWARDS
جائزه اصدقاء المنتدى
اصدقاء للابد
رونق الحظور
نوع الوسام رونق الحظور الدائم
المدير العام
وسام المدير العام
وسام وارث سنابل العطاء
شكرا الاداره
اكمل قصتك
شكر الاداره
 
SMS ~ [+]
وسآم سطوع مشرق  / نقاط: 0

ابن الصحراء

شكر الاداره60مساهمه


رقم العضوية: 92



No Awards Yet
♛عدد المساهمات : 123
السمعه♛» السمعه♛» : 46
♛تاريخ الميلاد : 09/06/1970
♛تاريخ التسجيل » : 28/03/2021
♛ النقاط المكتسبه : 4251
العمر : 54
الابداع : شكر من الاداره
احلى : احلى محاور
الخبره :
كود التواصل الاجتماعي للمنتدى - صفحة 2 Left_bar_bleue60 / 10060 / 100كود التواصل الاجتماعي للمنتدى - صفحة 2 Right_bar_bleue
وردهموضوع: كود التواصل الاجتماعي للمنتدى
تم النشر فى :18 - 07 - 2022


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






19.07.22 4:28
المشاركة رقم: #
razan
razan


ڷــۄنۨ ̨ٻۧــﯣمۘــک
♛عدد المساهمات : 3521
♛تاريخ التسجيل » : 06/12/2012

https://asdd.ahladalil.com

مُساهمة

سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ

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

استخرجت الكود وملف css والصورة وتم التطبيق .. واحببت ان اضعة للجميع لمن يهتم
بايقونات مميزة حصريا

بالبداية للمعاينة وضعتها في صفحة منفصله لرؤايتها ومن اعجبته يكمل بقية
الموضوع لمعرفة كيف وضعها بموقعه باي مكان يريد وهي في غاية السهوله

هذا هو رابط المعاينة ... هناااا


طبعا إنا وضعت 4 ايقونات فقط من اصل 13 وبإمكانك إضافة ما تشاء دون اضافة أي صوره

مميزاتها
1. لا داعي للبحث عن ايقونات لكل موقع تواصل .. هي صورة واحدة فقط وعليها 13
موقع تواصل اجتماعي + rss
2. تستطيع ان تختار ما تشاء من المواقع الموجودة وحذف ما تريد وكل ما عليك
وضع التسمية بالكود والصوره تظهر لوحدها
3. تستطيع وضعها باي مكان .. منتدى او مدونه او اي موقع وفي اي مكان تريد

ان اعجبتك الايقونات بعد المعاينه طبق معي الشرح وعلى بركة الله

1. ارفع الصورة المرفقة واسمها icons-social.png وهي صوره واحدة فقط
(تحتوي على 13 موقع تواصل) الى موقعك واعرف مسارها

2. افتح ملف ( css ) ثم قم بالبحث عن اسم الصورة (icons-social.png) ثم ضع رابط
الصورة مكانها طبعا حسب مسارها بموقعك وهي موجودة بالسطر 30 مع ابقاء الرابط بين
قوسين وبعد ذلك ارفع ملف الـ css الى موقعك واعرف المسار


2. واخيرا انسخ هذا الكود وعدل حسب ما هو موضح
وضع الكود اينما تريد ...
( الهيدر او النافبار او الفوتير او أي مكان اخر تريد ظهور الايقونات به )
الكود:

<link rel="stylesheet" href="رابط مسار ملف سي اس اس" type="text/css" />
</div>
<div class="clearbreak"></div>
<div id="jsn-social-icons">
<ul>
<li class="facebook">
<a href="رابط صفحتك على الفيس بوك" title="Facebook" target="_blank">
Facebook</a>
</li>
<li class="twitter">
<a href="رابط صفحتك على تويتر" title="Twitter" target="_blank">
Twitter</a>
</li>
<li class="googleplus">
<a href="رابط صفحتك على قوقل بلص" title="googleplus" target="_blank">
googleplus</a>
</li>
<li class="youtube">
<a href="رابط قناتك على اليوتيوب" title="YouTube" target="_blank">
YouTube</a>
</li>
</ul>
</div>
<!-- mordant -->
وانتهى

ملاحظة :
من يريد حذف أي ايكونه فقط احذف رابطها بالكامل من بداية (
  • )
    من يريد اضافة ايقونات اخرى فقط علية اضافة اسمها فقط بعد وضع رابط جديد وستظهر الصوره لوحدها

    مثلا رابط اليوتيوب بالاخضر انسخ نفس الرابط وضعة اسفله مع تغيير التسمية ورابط الصفحة

    ومهم ان تكون التسمية مطابقة للموجوده في ملف css حتى ياخذ الصورة لوحدة
    وهذه هي تسميات مواقع التواصل الموجوده بملف css

    facebook
    twitter
    youtube
    googleplus
    pinterest
    myspace
    flickr
    dribble
    stumbleupon
    yahoo
    skype
    rss
    linkedin

    وهذا مثال على كيف يكون اضافة الرابط الجديد مثلا اريد اضافة رابط لموقع التواصل
    pinterest
    الكود:
    <li class=" pinterest ">
    <a href=" رابط صفحتك على بنترست" title=" pinterest " target="_blank">
    pinterest </a>
    </li>

    الملفات المرفقه
    كود التواصل الاجتماعي للمنتدى - صفحة 2 Paperclip الملفات المرفقة
    • كود التواصل الاجتماعي للمنتدى - صفحة 2 Zip mordant.zip‏ (32.6 كيلوبايت, 29 مشاهدات)













  • 19.07.22 4:37
    المشاركة رقم: #
    razan
    razan


    ڷــۄنۨ ̨ٻۧــﯣمۘــک
    ♛عدد المساهمات : 3521
    ♛تاريخ التسجيل » : 06/12/2012

    https://asdd.ahladalil.com

    مُساهمة

    سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ

    قم بالاحتفاض بكودك السابق 
    لانه يمكن ان تكون اخطاء في هدا الكود الجديد
    ان لم يعمل الكود بشكل جيد قم بمراجعتنا شاكرين 
    حظورك الكريم
    كود التواصل الاجتماعي للمنتدى - صفحة 2 5f1d5310
    كود التواصل الاجتماعي للمنتدى - صفحة 2 90642510











    19.07.22 14:18
    المشاركة رقم: #
    razan
    razan


    ڷــۄنۨ ̨ٻۧــﯣمۘــک
    ♛عدد المساهمات : 3521
    ♛تاريخ التسجيل » : 06/12/2012

    https://asdd.ahladalil.com

    مُساهمة

    سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ

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











    19.07.22 14:23
    المشاركة رقم: #
    razan
    razan

    razan

    ڷــۄنۨ ̨ٻۧــﯣمۘــک
    كود التواصل الاجتماعي للمنتدى - صفحة 2 Perp12كود التواصل الاجتماعي للمنتدى - صفحة 2 Perp12كود التواصل الاجتماعي للمنتدى - صفحة 2 Blue11كود التواصل الاجتماعي للمنتدى - صفحة 2 Dark_g11
    كود التواصل الاجتماعي للمنتدى - صفحة 2 Orange12كود التواصل الاجتماعي للمنتدى - صفحة 2 Gree11كود التواصل الاجتماعي للمنتدى - صفحة 2 Gree11كود التواصل الاجتماعي للمنتدى - صفحة 2 Orange12
    ♛لونك المفضل» : Tomato
    ♛عدد المساهمات : 3521
    السمعه♛» السمعه♛» : 71
    ♛تاريخ الميلاد : 03/03/1990
    ♛تاريخ التسجيل » : 06/12/2012
    ♛ النقاط المكتسبه : 19978
    العمر : 34
    الابداع : التصميم
    احلى : احلى الخبراء
    الخبره :
    كود التواصل الاجتماعي للمنتدى - صفحة 2 Left_bar_bleue100 / 100100 / 100كود التواصل الاجتماعي للمنتدى - صفحة 2 Right_bar_bleue
    اساطير المنتدى..عَطَاؤهٌمْ ثَمِيْنّ ♥ : كود التواصل الاجتماعي للمنتدى - صفحة 2 Medal-icon

    https://asdd.ahladalil.com

    مُساهمة

    سُبْحَانَكَ اللَّهُمَّ وَبِحَمْدِكَ ، أَشْهَدُ أَنْ لا إِلهَ إِلَّا أَنْتَ أَسْتَغْفِرُكَ وَأَتْوبُ إِلَيْكَ

    كود تواصل اجتماعي فوق الموضوع

    ابحث عن قالب SHOWTHREAD

    رمز PHP:


    واضف تحته

    هذا الكود
    طريقة التركيب الاكثر استخداما هو الكود ادناه

    ولكن جميع الكودات تعمل دون مشاكل :


    ونبحث

    ad_showthread_beforeqr

    عادة هذا يكون فارغ وان وجد فيه شي احذفه وركب هذا الكود
    الكود:
    <!--  ALKHULAQI.COM TOOLBAR -->

    <table class="tborder" border="0" cellSpacing="1" cellPadding="6">
                    <tr>
    <td class="vbmenu_control"><font face="Tahoma">
                        <span style="font-size: 9pt; "><strong>$vbphrase[thread_starter]
                        </strong>
                        </span></font> </td>
    <td class="thead"><b><font face="Tahoma"><span class="smallfont">
                        <span style="font-size: 9pt">$thread[postusername]</span></span><span style="font-size: 9pt">
                        </span></font></b> </td>
    <td class="vbmenu_control"><font face="Tahoma">
                        <span style="font-size: 9pt; "><strong>$vbphrase[replies]
                        </strong>
                        </span></font> </td>
    <td class="thead"><font face="Tahoma"><span class="smallfont">
                        <span style="font-size: 9pt; font-weight: 700">
                        $thread[replycount]</span></span></font></td>
    <td class="vbmenu_control"><font face="Tahoma">
                        <span style="font-size: 9pt; "><strong>$vbphrase[views]
                        </strong>
                        </span></font> </td>
    <td class="thead"><font face="Tahoma"><span class="smallfont">
                        <span style="font-size: 9pt; font-weight: 700">
                        $thread[views]</span></span></font></td>
    <td class="vbmenu_control"><font face="Tahoma">
                        <span style="font-size: 9pt; ">&nbsp;<a rel="nofollow" href="/vb/printthread.php?$session[sessionurl]t=$threadid"><img class="style1" src="$stylevar[imgdir_button]/printer.gif" alt="$vbphrase[show_printable_version]" /></a><span lang="en-us">  
            | <a rel="nofollow" href="/vb/sendmessage.php?$session[sessionurl]do=sendtofriend&t=$threadid"><img class="style1" src="$stylevar[imgdir_button]/sendtofriend.gif" alt="$vbphrase[email_this_page]" /></a> | <a rel="nofollow" href="/vb/subscription.php?$session[sessionurl]do=addsubscription&t=$threadid"><if condition="$show['subscribed']">
        <a rel="nofollow" href="/vb/subscription.php?$session[sessionurl]do=removesubscription&t=$threadid">
            <img class="style1" src="$stylevar[imgdir_button]/subscribe.gif" alt="$vbphrase[unsubscribe_from_this_thread]" /></a>
            <else />
        <a rel="nofollow" href="/vb/subscription.php?$session[sessionurl]do=addsubscription&t=$threadid">
            <img class="style1" src="$stylevar[imgdir_button]/subscribe.gif" alt="$vbphrase[subscription]" /></a>
    </if>
    </a></span>
    <td class="thead" style="width: 152px"><font face="Tahoma"><span class="smallfont">
                        <span style="font-size: 9pt; font-weight: 700">
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style">
    <a href="http://www.addthis.com/bookmark.php?v=250&pub=alkhulaqi" class="addthis_button_compact">انشر</a>
    <span class="addthis_separator">|</span>
    <a class="addthis_button_facebook"></a>
    <a class="addthis_button_myspace"></a>
    <a class="addthis_button_google"></a>
    <a class="addthis_button_twitter"></a>
    </div>
    <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=alkhulaqi"></script>
    <!-- AddThis Button END -->
    </span></span></font></td>
                        </span></font> </td>
    <td class="thead"><b><font face="Tahoma"><span class="smallfont">
                        <span style="font-size: 9pt"><a name="fb_share" type="button_count" href="http://www.facebook.com/sharer.php">انشر الموضوع</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></span></span><span style="font-size: 9pt">
                        </span></font></b> </td>
                    </tr>
                </table>
    <!-- / ALKHULAQI.COM TOOLBAR -->

    @ابن الصحراء

    ويكون بهدا الشكل
    كود التواصل الاجتماعي للمنتدى - صفحة 2 Do.php?imgf=1370180037391

    ادا لقيت الصور ممسوحه في الكود قم بتغييرها كما تشاء












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

    الــرد الســـريـع
    ..


    مواضيع ذات صلةالرئيسيهمواضيع جديدهمواضيع لم يتم الرد عليها

    اخر عشر مشاركات الاعظاء
    الاعضاء الدين شاركوا في الموضوع
    2 مشترك close
    razan
    ابن الصحراء



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

    BB code is متاحة
    كود [IMG] متاحة
    كود HTML معطلة


    كود التواصل الاجتماعي للمنتدى - صفحة 2 Collap31
    أعلي 10 إحصائيات
    أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات