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

اهلا ومرحبا بكم فى شبكة ومنتديات تايم سوفت
نتشرف بدعودة سيادتكم بالانضمام معنا فى اسرة المنتدى


مع تحيات الادارة





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

الرئيسيةاليوميةس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

تايمز :: منتدى استيلات استيلات واكواد احلى منتدا :: اكواد تومبيلات

شاطر

27.04.16 14:12
المشاركة رقم:
المدير العام
المدير العام

avatar

إحصائية العضو

عدد المساهمات : 83
معدل النشاط : 247
تاريخ التسجيل : 07/04/2016
وسام التميز
معاينة صفحة البيانات الشخصي للعضو http://tims.yoo7.com
مُساهمةموضوع: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css





تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css
السلام عليكم ورحمة الله وبركاته
اقدم اليوم حاجة جديدة وهي الغاء صور ازرار الكتابة ( كتابة موضوع جديد - اضافة رد )
وجعلها ازرار نصية مع اضافة تاثيرات عليها بتقنية css
او نفتح قالب viewtopic_body
ونبحث عن ,,
الكود:---------تضليل المحتوى
الكود:
    <!-- BEGIN switch_user_authpost -->
    <a href="{U_POST_NEW_TOPIC}" rel="nofollow"><img src="{POST_IMG}" id="{POST_IMG_ID}Newtopic" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a>&nbsp;&nbsp;&nbsp;
    <!-- END switch_user_authpost -->
    <!-- BEGIN switch_user_authreply -->
    <a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
    <!-- END switch_user_authreply -->
ونستبدله بــ
الكود:---------تضليل المحتوى
الكود:
        <!-- BEGIN switch_user_authpost -->
         <tr>   <div class="topic_en"><a href="{U_POST_NEW_TOPIC}" rel="nofollow" class="topic_1">موضوع جديد</a>
        <!-- END switch_user_authpost -->
</div>  </tr>
        <!-- BEGIN switch_user_authreply -->
        <div class="topic_en"><a href="{U_POST_REPLY_TOPIC}"rel="nofollow" class="topic_1">أضافة رد</a>
        <!-- END switch_user_authreply -->
          </div>  
ثم مرة اخرى نكرر نفس الاستبدال بالقالب لانه مكرر مرتين
ثم حفظ ثم نشر
ثم بورقة css نضع الكود الاتي
الكود:---------تضليل المحتوى
الكود:

.topic_en {
margin-left: 15px;
  
background: #00a1cb;
height: 37px;
  
width: 129px;
  
float: right;
  
font-family: Sans-serif;
font-size: 18px;
text-align: center;
transition: all 0.3s ease 0s;
-webkit-transition:300ms;
border:none!important;
  
border-radius:3px;
color:#FFF!important;
padding:5px 10px!important;
}

.topic_en:hover  {
background: #0190b5;
 
height: 37px;
  
width: 129px;
  
float: right;
  
font-family: Sans-serif;
font-size: 18px;
text-align: center;
transition: all 0.3s ease 0s;
-webkit-transition:300ms;
border:none!important;
  
border-radius:3px;
color:#FFF!important;
padding:5px 10px!important;
 
}
صورة للعملية بعد تعديل بالقالب ووضع الكود بورقة css

http://i61.tinypic.com/mb7d5y.jpg
وهذا تاثير اخر بكود css يجعل الزرين بخلفية ووتتغير الخلفية بشكل انسيابي
الكود css
الكود:---------تضليل المحتوى
الكود:

.topic_en {
margin-left: 15px;
  
background-image: url([url=http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo19.png]http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo19.png[/url]);
  
background-repeat: no-repeat;
  
height: 37px;
  
width: 129px;
  
float: right;
  
font-family: Sans-serif;
font-size: 18px;
text-align: center;
}

.topic_en:hover  {
background-image: url([url=http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo19.png]http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo19.png[/url]);
  
background-repeat: no-repeat;
  
background-position: 0px -37px;
 
font-family: Sans-serif;
font-size: 18px;
text-align: center;
}
صورة للتوضيح










توقيع : mido




What a Face مطلوب مشرفين لجميع الاقسام لطلب الاشراف من هنا  What a Face
  للاعلان على المنتدى قم بمراسلتى عبر الرسائل الخاصة 
  مع تحياتى للجميع 






الــرد الســـريـع
..



الذين يشاهدون محتوى الموضوع الآن : 9 ( الاأعضاء2 والزوار7)



تعليمات المشاركة
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة





Powered by vBulletin™ Version 3.8.7
Copyright © 2015 vBulletin Solutions, Inc. All rights reserved. منتديات