زر المشاركة فيسبوك

2 مشترك

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

 زر المشاركة فيسبوك Empty زر المشاركة فيسبوك

مُساهمة من طرف mounir.merroun الأحد 30 أكتوبر 2011 - 23:04

السلام عليكم
أود معرفة كيفية و ضع زر المشاركة فيسبوك أسفل الموضوع مباشرة و ليس أسفل الصفحة
علما أن التمبلات عندى مشغلة
منتداي من النسخة الثانية ال2PHPBB
و شكرا
mounir.merroun
mounir.merroun

 زر المشاركة فيسبوك 01010

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

http://ifcs.jeun.fr

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

 زر المشاركة فيسبوك Empty رد: زر المشاركة فيسبوك

مُساهمة من طرف HiMa ElMaSrY الأحد 30 أكتوبر 2011 - 23:16

السلام عليكم  زر المشاركة فيسبوك 123759

مرحباً بك في منتدى الدعم و المساعدة الخاص بشركة احلى منتدى  زر المشاركة فيسبوك Banner4

بما
أنك جديد في منتدانا, اعطيك هنا بعض الروابط التي يستحسن تذكرها و الإطلاع
على محتواها قبل أي سؤال مقبل:

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

 زر المشاركة فيسبوك Z10 مواضيع تشرح لك بالصور كل تقنيات و خبايا ادارة منتداك


 زر المشاركة فيسبوك A10 مواضيع تشرح لك تقنيات منقدمة لتشخيص ورفع مردود منتداك
=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
و الآن, للإجابة على سؤالك,..


HiMa ElMaSrY كتب:
السلام عليكم ورحمة الله وبركاته

اهلا اخوانى ..كل عام وانتم بخير..
اقدم اليكم تعديل بسيط جدا ولكن جميل ..عبارة عن
اضافة اسفل مواضيع وردود منتداك ..لمشاركة المواضيع فى المواقع المشهورة
Facebook
diGG
delicious
StumbleUpon
تظهر هذه (مشاركة الموضوع فى)
بمجرد وضع الماوس على الصورة
اليكم مثال::
https://i.servimg.com/u/f48/12/78/95/70/hima24.jpg
 زر المشاركة فيسبوك Hima24
اليكم شرح لعمل هذا التعديل
اولا ندخل الى ...
لوحة الادارة _مظهر المنتدى _التومبيلايت والقوالب
ونضغط تعديل لقالب VIewTopic_body
,ونبحث عن
الكود:
{postrow.displayed.MESSAGE}
او نبحث عن
الكود:
{postrow.displayed.MESSAGE}

ونضيف اسفلها هذا الكود
الكود:

<br>


<div id="lkbtn_1.1971322.17637444" class="hima_buttons">
<ul class="hima_links" style="visibility: visible;">
<li class="hima_share">
<img border="0" src="http://i48.servimg.com/u/f48/12/78/95/70/icon_s10.gif">
</a>
<ul class="hima_share_body">
<li class="share_header">مشاركة هذا الرد في </li>
<li class="right">
<img height="18px" width="18px" alt="" src="http://i48.servimg.com/u/f48/12/78/95/70/digg10.gif">
<div
 id="ati_digg" class="at_item" onclick="return addthis_sendto('digg');"
onmouseout="_atw.hov(this)" onmouseover="_atw.hov(this)">
<span class="at15t at15t_digg">Digg</span>
</div></a>
</li>
<li class="left">
<img height="18px" width="18px" alt="" src="http://i48.servimg.com/u/f48/12/78/95/70/delici10.gif">
<div
 id="ati_delicious" class="at_item" onclick="return
addthis_sendto('delicious');" onmouseout="_atw.hov(this)"
onmouseover="_atw.hov(this)">
<span class="at15t at15t_delicious">Delicious</span>
</div></a>
</li>
<li class="right">
<img height="30px" width="30px" alt="" src="http://cdn.stumble-upon.com/i/bg/logo_su.png">
<div
 id="ati_stumbleupon" class="at_item" onclick="return
addthis_sendto('stumbleupon');" onmouseout="_atw.hov(this)"
onmouseover="_atw.hov(this)">
<span class="at15t at15t_stumbleupon">StumbleUpon</span>
</div></a>
</li>
<li class="left">
<img height="16px" width="16px" alt="" src="http://static.ak.fbcdn.net/rsrc.php/yC/r/xTje5Xisi1_.ico">
<div
 id="ati_facebook" class="at_item" onclick="return
addthis_sendto('facebook');" onmouseout="_atw.hov(this)"
onmouseover="_atw.hov(this)">
<span class="at15t at15t_facebook">Facebook</span>
</div></a>
</li>
</ul>
</li>



ونسجل وننشر التعديل
ونذهل الى ورقية تصميم css
من مظهر المنتدى _الوان
ونضع هذا الكود فى بداية الحقل
الكود:



.hima_buttons {
    clear: both;
    font-family: tahoma;
    font-size: 11px;
    margin: 10px 0;
    position: relative;
}
.hima_buttons .hima_links {
    margin: 0;
    padding: 10px;
    visibility: hidden;
    width: auto;
}
.hima_buttons .hima_share, .hima_buttons .hima_like, .hima_buttons .seperator {
    display: inline-block;
    float: right;
}

.hima_share_body {
    -moz-border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 4px 7px;
    background: none repeat scroll 0 0 #F7F7F7;
    border: 1px solid #E0E0E0;
    list-style: none inside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    visibility: hidden;
    width: 281px;
    z-index: 999;
}
.hima_share:hover .hima_share_body {
    visibility: visible;
}
.hima_share_body li {
    border: medium none;
    width: 140px;
}
.hima_share_body li:hover {
    background: none repeat scroll 0 0 #FFEB90;
}
.hima_share_body li.share_header {
    -moz-border-radius: 5px 5px 0 0;
    background: none repeat scroll 0 0 #DDDDDD;
    font-size: 120%;
    margin-bottom: 3px;
    padding: 3px 5px;
    width: 270px;
}
.hima_share_body li.header:hover {
    background: none repeat scroll 0 0 #DDDDDD;
}
.hima_share_body li.left {
    border-right: 1px solid #E0E0E0;
    clear: left;
    float: left;
}
.hima_share_body li.right {
    clear: right;
    float: right;
}
.hima_share_body li img {
    float: left;
    padding: 4px;
    position: relative;
    top: -2px;
}
.hima_share_body li > a {
    color: #343434;
    display: block;
    padding: 4px;
    text-decoration: none;
}





    ثم نضغط قدم...ومبروك التعديل


    ملحوظة هامه جدا::هذه الفكره من ترايدنت ..وتم التعديل عليها حتى نصل الى الشكل المطلوب بدون اى مشاكل
    ..يمنع نقل الاكواد بدون ذكر المصدر مركز الاكواد والله على مااقول شهيد
    اخوكم
    HIMA ELMASRY

HiMa ElMaSrY
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17761
معدل النشاط : 22378
السُمعة : 38

https://www.facebook.com/hima.vic.752

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

 زر المشاركة فيسبوك Empty رد: زر المشاركة فيسبوك

مُساهمة من طرف mounir.merroun الأحد 30 أكتوبر 2011 - 23:33

شكرا جزاك الله خيرا
mounir.merroun
mounir.merroun

 زر المشاركة فيسبوك 01010

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

http://ifcs.jeun.fr

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

 زر المشاركة فيسبوك Empty رد: زر المشاركة فيسبوك

مُساهمة من طرف mounir.merroun الأحد 30 أكتوبر 2011 - 23:46

جربته لكن لم يعمل جيدا ة فقد ظهر متداخلا في خانة إسم العضو و ليس أسفل الموضوع
الكود {postrow.displayed.MESSAGE}

اللدي أعطيتني لم أجده في VIewTopic_body
المرجوا المساعدة
mounir.merroun
mounir.merroun

 زر المشاركة فيسبوك 01010

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

http://ifcs.jeun.fr

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

 زر المشاركة فيسبوك Empty رد: زر المشاركة فيسبوك

مُساهمة من طرف HiMa ElMaSrY الأحد 30 أكتوبر 2011 - 23:49

مرحبا صديقى
كيف لم تجد
{postrow.displayed.MESSAGE}
Question
طيب ممكن تعمل التعديل على القالب الاصلى
Arrow
HiMa ElMaSrY
HiMa ElMaSrY
 
 

ذكر
عدد المساهمات : 17761
معدل النشاط : 22378
السُمعة : 38

https://www.facebook.com/hima.vic.752

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

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


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