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



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

 

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

اذهب الى الأسفل 
+3
Ďơйјผαи ©
AcheK MaRoc
Ashek keCH
7 مشترك
كاتب الموضوعرسالة
Ashek keCH
عضو نشيط

Ashek keCH


السمك القرد
■ - [ ڪِتـابَاتِيّ » * : 219
■ - [ نٍقآأطيٍ » * : 367
تاريخ الميلاد : 02/03/1992
■ - [ تآريخٍ آلتًسجيلٍ» * : 11/03/2012
■ - [ آلعٍمر» * : 32
الموقع : http://fononnt.yoo7.com
العمل/الترفيه : http://fononnt.yoo7.com
المزاج : http://fononnt.yoo7.com

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

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

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

AcheK MaRoc


العذراء الثور
■ - [ ڪِتـابَاتِيّ » * : 84
■ - [ نٍقآأطيٍ » * : 122
تاريخ الميلاد : 18/09/1997
■ - [ تآريخٍ آلتًسجيلٍ» * : 16/03/2012
■ - [ آلعٍمر» * : 26
الموقع : http://www.styleys.com
العمل/الترفيه : مشرف عام
المزاج : الحمد لله

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالإثنين أبريل 02, 2012 6:49 am

شكرا لك يا غالي على الكود و جزاك الله كل خير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Ďơйјผαи ©
المؤسسين

Ďơйјผαи ©


العقرب القرد
■ - [ ڪِتـابَاتِيّ » * : 2142
■ - [ نٍقآأطيٍ » * : 2438
تاريخ الميلاد : 26/10/1992
■ - [ تآريخٍ آلتًسجيلٍ» * : 23/02/2012
■ - [ آلعٍمر» * : 31
الموقع : منتدى ستايلي | ® Forum Styley
العمل/الترفيه : مصمم
المزاج : رآأإيِقً عُ طِوؤلِ الخُطٌ ..!

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالثلاثاء أبريل 03, 2012 6:23 pm

يسسسلممَوو
الرجوع الى أعلى الصفحة اذهب الى الأسفل
همس الشوق
عضو نشيط

avatar


العقرب النمر
■ - [ ڪِتـابَاتِيّ » * : 209
■ - [ نٍقآأطيٍ » * : 215
تاريخ الميلاد : 19/11/1998
■ - [ تآريخٍ آلتًسجيلٍ» * : 08/03/2012
■ - [ آلعٍمر» * : 25
الموقع : a7ssas.roo7.biz
العمل/الترفيه : .
المزاج : عادي

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالإثنين أبريل 30, 2012 1:00 am

.., رآئع ,,
يسلموو يآغ ـآلي ..
تحيآتي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
domo3
عضو نشيط

domo3


العذراء الحصان
■ - [ ڪِتـابَاتِيّ » * : 380
■ - [ نٍقآأطيٍ » * : 390
تاريخ الميلاد : 21/09/1990
■ - [ تآريخٍ آلتًسجيلٍ» * : 29/04/2012
■ - [ آلعٍمر» * : 33
الموقع : styles
العمل/الترفيه : studant
المزاج : gd

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالثلاثاء مايو 01, 2012 3:20 am

مشكووووووور كتير
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Mr.TnT
عضو نشيط

Mr.TnT


الجدي الفأر
■ - [ ڪِتـابَاتِيّ » * : 158
■ - [ نٍقآأطيٍ » * : 160
تاريخ الميلاد : 22/12/1996
■ - [ تآريخٍ آلتًسجيلٍ» * : 10/04/2012
■ - [ آلعٍمر» * : 27
الموقع : لبنان/سعودية
العمل/الترفيه : طالب
المزاج : http://xmafiawarx.eb2a.com/Games/

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالإثنين يونيو 25, 2012 7:33 am

شكرا جزيلا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://lkcso.eb2a.com/Games/
sami-sami
المرشحون لفريق الاشراف

sami-sami


الميزان الكلب
■ - [ ڪِتـابَاتِيّ » * : 63
■ - [ نٍقآأطيٍ » * : 69
تاريخ الميلاد : 04/10/1982
■ - [ تآريخٍ آلتًسجيلٍ» * : 11/03/2013
■ - [ آلعٍمر» * : 41
الموقع : http://foxa.msnyou.com
العمل/الترفيه : الشطرنج
المزاج : تمام

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد   تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالإثنين مارس 11, 2013 11:23 am

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

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