منتدى طريق التطوير
عزيزي الزائر/ عزيزتى الزائرة يرجي التكرم بتسجيل الدخول
أذا كنت عضو هنا أو التسجيل أن لم تكن عضو وترغب في الأنصمام
إلي أسرة المنتدي سنتشرف في تسجيلك

شكــرا
إدارـــ ة المنتدي
تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 3140768227
منتدى طريق التطوير
عزيزي الزائر/ عزيزتى الزائرة يرجي التكرم بتسجيل الدخول
أذا كنت عضو هنا أو التسجيل أن لم تكن عضو وترغب في الأنصمام
إلي أسرة المنتدي سنتشرف في تسجيلك

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


طريق التطوير اكبر منتدى لخدمات تطوير المواقع والمنتديات { دعم ، تطوير ، تصميم ، اشهار }
 
الرئيسيةالرئيسية  البوابةالبوابة  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول    
انتظرونا قريبا عودة اقوي


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
معلمة خصوصي بجدة تجي البيت 0538226807
معلمة تأسيس ابتدائي بجدة 0537655501
معلمين ومعلمات خصوصي بالرياض 0537655501
معلمة انترناشونال في مكة المكرمة 0537655501
معلمة خصوصي بالرياض 0537655501
معلمة خصوصي بالرياض 0537655501
أهم الأجهزة الذكية لبناء مكاتب عصرية ومتطورة
أفضل معلمة خصوصية في الرياض لجميع المراحل الدراسية 0537655501
معلمة تأسيس وتحفيظ القرآن بمكة المكرمة 0537655501
مدرسة تأسيس قدرات حي المروج بتبوك 0537655501
الخميس 21 نوفمبر 2024, 2:48 am
الأربعاء 13 نوفمبر 2024, 2:33 am
الثلاثاء 05 نوفمبر 2024, 1:46 am
الإثنين 28 أكتوبر 2024, 4:25 pm
الإثنين 21 أكتوبر 2024, 1:10 am
الإثنين 21 أكتوبر 2024, 12:58 am
الإثنين 14 أكتوبر 2024, 10:28 pm
الأربعاء 09 أكتوبر 2024, 5:13 am
الثلاثاء 01 أكتوبر 2024, 12:46 am
الأحد 22 سبتمبر 2024, 5:28 am











شاطر

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

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

am42

عدد المساهمات : 165
نقاطي : 475
السٌّمعَة : 4
ععمري : 28
دولتي : مصر
الجنس : ذكر
ممزآجي : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 3z10
احترام قوانين المنتدى : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 111010

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

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

اهلا اخوانى ..كل عام وانتم بخير..
اقدم اليكم تعديل بسيط جدا ولكن جميل ..عبارة عن
اضافة اسفل مواضيع وردود منتداك ..لمشاركة المواضيع فى المواقع المشهورة
Facebook
diGG
delicious
StumbleUpon
تظهر هذه (مشاركة الموضوع فى)
بمجرد وضع الماوس على الصورة
اليكم مثال::
https://i.servimg.com/u/f48/12/78/95/70/hima24.jpg
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اليكم شرح لعمل هذا التعديل
اولا ندخل الى ...
لوحة الادارة _مظهر المنتدى _التومبيلايت والقوالب
ونضغط تعديل لقالب 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 الاساسى وليس المعدل عليه... وان لم تستطيع تركيبه يمكنك ان تضع طلبك هنا دعم مشاكل التومبيلايت والاكواد

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




الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل
كاتب الموضوعرسالة
jordan.girl
عضو جديد 

jordan.girl

عدد المساهمات : 126
نقاطي : 174
السٌّمعَة : 0
دولتي : غير معروف
الجنس : انثى
احترام قوانين المنتدى : تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد 111010

تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty
مُساهمةموضوع: رد: تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Emptyالجمعة 10 أغسطس 2012, 2:33 pm

الله يعطيك العافية على الموضوع المميز
توقيع : jordan.girl




الرجوع الى أعلى الصفحة اذهب الى الأسفل

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

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

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

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

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتدى طريق التطوير :: اكواد احلى منتدى | T-ALTWER :: قسم اكواد TEMPLETE-
تومبيلايت تعديل جميل جدا لمشاركة مواضيع منتتداك فى facebook،digg والمزيد Empty

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