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



 
الرئيسيةأحدث الصورالتسجيلدخول

 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
RADIA
☆ الإدِارهـَ ☆
☆ الإدِارهـَ ☆
RADIA


الجنس : انثى
الدولة : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Female25
المهنة : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Collec10
احترام قوانين المنتدى : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 2z7kjh2
نوع المتصفح : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 03_12_1213545640002
نسخة المنتدى : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 03_12_1213545640007
عدد المساهمات : 9681
نقاط النشاط : 40499
تاريخ التسجيل تاريخ التسجيل : 26/10/2012
فريقك المفضل : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 205388

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالخميس ديسمبر 06, 2012 10:11 pm

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

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

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 1226123713
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://monntada.ahlamontada.com
 
تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» حصريا كود الاعجابات Facebook / Twitter / Digg باشكال مختلفه
» كود css لعمل زر المشاركة rss -twitter.digg-facebook اسفل صفحات المنتدي
»  شرح كيفيه جعل مواضيع + مساهمات منتداك تظهر فى الـ faceBook تلقائياً
» تومبيلايت:اطار جميل على وصف المنتديات مع تغير لو خلفية وصف المنتدى
» طلب مواضيع ووضعنا مواضيع وفاء بوفاء

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