: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى  13041210

: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى

حفظ البيانات؟
الرئيسيةأحدث الصورالتسجيلدخول

شاطر|

: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل
كاتب الموضوعرسالة
EGMAN
EGMAN


عضو ذهبي

عضو ذهبي
معلومات اضافية
الجنس : ذكر
عدد المساهمات عدد المساهمات : 209
تاريخ التسجيل تاريخ التسجيل : 15/03/2012
العمر العمر : 28
الموقع الموقع : ** فنون نت :: https://5edma.forumarabia.com/ :: **

: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى  Empty
موضوع: : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى  Calend10الأربعاء مارس 28, 2012 6:21 pm




اهلا اخوانى ..كل عام وانتم بخير..
اقدم اليكم تعديل بسيط جدا ولكن جميل ..عبارة عن
اضافة اسفل مواضيع وردود منتداك ..لمشاركة المواضيع فى المواقع المشهورة
Facebook
diGG
delicious
StumbleUpon
تظهر هذه (مشاركة الموضوع فى)
بمجرد وضع الماوس على الصورة
اليكم مثال::
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اليكم شرح لعمل هذا التعديل
اولا ندخل الى ...
لوحة الادارة _مظهر المنتدى _التومبيلايت والقوالب
ونضغط تعديل لقالب VIewTopic_body
,ونبحث عن

الكود:
الرمز:

<div>{postrow.displayed.MESSAGE}</div>
او نبحث عن
الكود:
الرمز:

{postrow.displayed.MESSAGE}

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

الكود:
الرمز:
الكود:
<table style="table-layout: fixed;" width="90%" border="0" cellpadding="0" cellspacing="1" align="center"><tr><td class="code">
<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>
</td></tr></table>

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

الكود:
ا:


الكود:
<table style="table-layout: fixed;" width="90%" border="0" cellpadding="0" cellspacing="1" align="center"><tr><td class="code">

.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;
}
</td></tr></table>
ثم نضغط قدم...ومبروك التعديل

ملحوظة لمن تواجهه مشكلة فى مظهر الكود بعد التركيب يرجى عمل التعديلات من جديد ولكن على قالب viewtopic_body الاساسى وليس المعدل عليه... وان لم تستطيع تركيبه يمكنك ان تضع طلبك هنا دعم مشاكل التومبيلايت والاكواد

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




 الموضوع الأصلي : : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى //   المصدر : منتديات أحلى حكاية // الكاتب: EGMAN



: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى

استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة

مواضيع مماثلة

-
» تومبيلايت التحكم فى حجم الصور الشخصيه
» مطلوب تعديل على صورة
» تومبيلايت:شرح وضع صورة اعلى الفئات واسم كل قسم عليها واسفلها المنتدى
» تومبيلايت نافذة الدخول بشكل مختلف.دخول للزوار وترحيب بالاعضاء
» تومبيلايت:شرح اضافة صوره داخل جدول المشاركات والمواضيع
صفحة 1 من اصل 1
..

هام جداً: قوانين المساهمة في المواضيع. انقر هنا للمعاينة
الرد السريع
خدمات الموضوع
 KonuEtiketleri كلمات دليليه
: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى , : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى , : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى ,: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى ,: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى , : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى
 KonuLinki رابط الموضوع
 Konu BBCode BBCode
 KonuHTML Kodu HTMLcode
إذا وجدت وصلات لاتعمل في الموضوع او أن الموضوع [ : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى ] مخالف ,, من فضلك راسل الإدارة من هنا
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
معهد 4 خدمات :: [اقسام الشروحات والاكواد والهاكات] :: قسم الاكواد العام :: اكواد التومبيلات-
free search engine website submission top optimizationExactSeek: Relevant Web Search