الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

الحب في الله
منتدى الحب في الله
يرحب بجميع اعضائنا الدين انضموا وزوارنا الكرام راجين ان نكون قد حققنا هدفنا وهو ارضائكم بادن الله
بتقديم خدماتنا المجانية
مواضيع عامة وشاملة
جميع اكواد منتديات احلى منتدى من اكواد css اكواد html اكواد template اكواد javascript وستايلات وتصاميم وواجهات رتب ازرار ايقونات اوسمة توقيعات بنرات صور شخصية مجانية
نرحب بكم جميعا معنا
ونتمنى من كل الزوار ان يشرفونا بالتسجيل بالمنتدى
رضائكم هو هدفنا
تحياتنا الخالصة

الحب في الله
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

الحب في الله

مرحباً بك يا زائر في منتدى الحب في الله
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  

 

 تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد

اذهب الى الأسفل 
كاتب الموضوعرسالة
يريد الجنة
✿ الإدارََييِنّ ✿
✿ الإدارََييِنّ ✿
يريد الجنة


الجنس : ذكر
عدد المساهمات عدد المساهمات : 6086
نقاط نقاط : 27400
السٌّمعَة السٌّمعَة : 7
صور رمزية : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 07_04_1213337538384

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد I_icon_minitimeالجمعة ديسمبر 30, 2011 12:34 am

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

او نبحث عن
الكود:
{postrow.displayed.MESSAGE}

ونضيف اسفلها هذا الكود
الكود:
<br><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;
}




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

ملحوظة لمن تواجهه مشكلة فى مظهر الكود بعد التركيب يرجى عمل التعديلات من جديد ولكن على قالب viewtopic_body الاساسى وليس المعدل عليه.
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://el-hoube-fi-lah.hooxs.com
 
تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» كود css وضع ازرار النشر rss -twitter.digg-facebook اسفل المنتدى
» كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
» كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
» شرح تغير صور (مواضيع جديدة - لا توجد أية مواضيع جديدة -المنتدى مُقفل)
» تومبيلايت التحكم فى حجم الصور الشخصيه

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
الحب في الله :: ✿ المنتدى الاكواد لتطوير المواقع والمنتديات ✿ :: قسم تطوير المواقع والمنتديات اكواد التومبلات | Templates-
انتقل الى: