| تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد | |
|
+3Ďơйјผαи © AcheK MaRoc Ashek keCH 7 مشترك |
كاتب الموضوع | رسالة |
---|
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 والمزيد الأربعاء مارس 28, 2012 11:05 pm | |
| اهلا اخوانى ..كل عام وانتم بخير.. اقدم اليكم تعديل بسيط جدا ولكن جميل ..عبارة عن اضافة اسفل مواضيع وردود منتداك ..لمشاركة المواضيع فى المواقع المشهورة FacebookdiGG deliciousStumbleUponتظهر هذه (مشاركة الموضوع فى) بمجرد وضع الماوس على الصورة اليكم مثال:: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]اليكم شرح لعمل هذا التعديل اولا ندخل الى ... لوحة الادارة _مظهر المنتدى _التومبيلايت والقوالب ونضغط تعديل لقالب 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
الاعضاء
■ - [ ڪِتـابَاتِيّ » * : 84 ■ - [ نٍقآأطيٍ » * : 122 تاريخ الميلاد : 18/09/1997 ■ - [ تآريخٍ آلتًسجيلٍ» * : 16/03/2012 ■ - [ آلعٍمر» * : 26 الموقع : http://www.styleys.com العمل/الترفيه : مشرف عام المزاج : الحمد لله
| موضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد الإثنين أبريل 02, 2012 6:49 am | |
| شكرا لك يا غالي على الكود و جزاك الله كل خير
| |
|
| |
Ďơйјผαи ©
المؤسسين
■ - [ ڪِتـابَاتِيّ » * : 2142 ■ - [ نٍقآأطيٍ » * : 2438 تاريخ الميلاد : 26/10/1992 ■ - [ تآريخٍ آلتًسجيلٍ» * : 23/02/2012 ■ - [ آلعٍمر» * : 31 الموقع : منتدى ستايلي | ® Forum Styley العمل/الترفيه : مصمم المزاج : رآأإيِقً عُ طِوؤلِ الخُطٌ ..!
| موضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد الثلاثاء أبريل 03, 2012 6:23 pm | |
| | |
|
| |
همس الشوق
عضو نشيط
■ - [ ڪِتـابَاتِيّ » * : 209 ■ - [ نٍقآأطيٍ » * : 215 تاريخ الميلاد : 19/11/1998 ■ - [ تآريخٍ آلتًسجيلٍ» * : 08/03/2012 ■ - [ آلعٍمر» * : 25 الموقع : a7ssas.roo7.biz العمل/الترفيه : . المزاج : عادي
| موضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد الإثنين أبريل 30, 2012 1:00 am | |
| .., رآئع ,, يسلموو يآغ ـآلي .. تحيآتي ♥ ♥ | |
|
| |
domo3
عضو نشيط
■ - [ ڪِتـابَاتِيّ » * : 380 ■ - [ نٍقآأطيٍ » * : 390 تاريخ الميلاد : 21/09/1990 ■ - [ تآريخٍ آلتًسجيلٍ» * : 29/04/2012 ■ - [ آلعٍمر» * : 33 الموقع : styles العمل/الترفيه : studant المزاج : gd
| موضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد الثلاثاء مايو 01, 2012 3:20 am | |
| | |
|
| |
Mr.TnT
عضو نشيط
■ - [ ڪِتـابَاتِيّ » * : 158 ■ - [ نٍقآأطيٍ » * : 160 تاريخ الميلاد : 22/12/1996 ■ - [ تآريخٍ آلتًسجيلٍ» * : 10/04/2012 ■ - [ آلعٍمر» * : 27 الموقع : لبنان/سعودية العمل/الترفيه : طالب المزاج : http://xmafiawarx.eb2a.com/Games/
| موضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد الإثنين يونيو 25, 2012 7:33 am | |
| | |
|
| |
sami-sami
المرشحون لفريق الاشراف
■ - [ ڪِتـابَاتِيّ » * : 63 ■ - [ نٍقآأطيٍ » * : 69 تاريخ الميلاد : 04/10/1982 ■ - [ تآريخٍ آلتًسجيلٍ» * : 11/03/2013 ■ - [ آلعٍمر» * : 41 الموقع : http://foxa.msnyou.com العمل/الترفيه : الشطرنج المزاج : تمام
| موضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد الإثنين مارس 11, 2013 11:23 am | |
| شكرا على الكود الرائع تحياتي | |
|
| |
| تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد | |
|