شاطر
استعرض الموضوع السابقاذهب الى الأسفلاستعرض الموضوع التالي

تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

زائر
زائر
تمت المشاركة في السبت سبتمبر 19, 2015 6:40 am
تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير 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(http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo19.png);
 
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(http://i21.servimg.com/u/f21/16/46/77/76/uo_ouo19.png);
 
background-repeat: no-repeat;
 
background-position: 0px -37px;
 
font-family: Sans-serif;

font-size: 18px;

text-align: center;

}

صورة للتوضيح



http://i59.tinypic.com/5lnrip.gif

دمتم بخير

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

avatar
عضو خبير
الجنس : انثى

العقرب

عدد المساهمات : 1879

نقاط النشاط : 2469

السٌّمعَة : 110

بلد العضو :

العمر : 32

معاينة صفحة البيانات الشخصي للعضوhttp://raghiba.forumarabia.com/
تمت المشاركة في السبت سبتمبر 19, 2015 4:57 pm
ربي يسعدك ع موضوع

تم تقيمك
التوقــيـــــــــــــــــــــع

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

avatar
بصمة خالدة
الجنس : ذكر

السرطان

عدد المساهمات : 9947

نقاط النشاط : 10778

السٌّمعَة : 11

بلد العضو :

العمر : 13

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في السبت سبتمبر 19, 2015 5:33 pm
بارك الله فيك
التوقــيـــــــــــــــــــــع

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

زائر
زائر
تمت المشاركة في السبت سبتمبر 19, 2015 6:15 pm
منورين الموضوع ويسلمو ع الحضور الجميل

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

avatar
عضو جديد
الجنس : انثى

الجدي

عدد المساهمات : 74

نقاط النشاط : 114

السٌّمعَة : 10

بلد العضو :

العمر : 67

معاينة صفحة البيانات الشخصي للعضوhttp://alhoub.arab.st/
تمت المشاركة في الإثنين فبراير 22, 2016 4:24 pm
جزآڪ آللهـّ آلف خيّر


علىّـآ آلموٍِضوٍِع آلمفيد وٍِ


آلرآئع بآرٍِڪ آللهـّ فيڪ
التوقــيـــــــــــــــــــــع

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

avatar
بصمة خالدة
الجنس : ذكر

الاسد

عدد المساهمات : 23062

نقاط النشاط : 26540

السٌّمعَة : 90

بلد العضو :

العمر : 37

معاينة صفحة البيانات الشخصي للعضوhttps://www.ibda3araby.com/
تمت المشاركة في الأربعاء أبريل 20, 2016 6:04 am


يعطيك العآفيه يا الغلا
طرح بقمة الذوووق والرووعهـ
تسلم يدك ع الطرح المميز لاعدمنـآك ,...
بانتظارجديدك بكل شوق ودي وشذى وردي

التوقــيـــــــــــــــــــــع

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

زائر
زائر
تمت المشاركة في السبت مايو 21, 2016 6:32 am
السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك

تحياتــي

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

avatar
بصمة خالدة
الجنس : ذكر

السمك

عدد المساهمات : 11065

نقاط النشاط : 11882

السٌّمعَة : 70

بلد العضو :

العمر : 22

معاينة صفحة البيانات الشخصي للعضو
تمت المشاركة في الجمعة يوليو 01, 2016 8:08 am
رووووووووووووعةة
ما شاء الله
استمر بعملك المميز

وردة حمراء ,m,nn 3(1)
التوقــيـــــــــــــــــــــع

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

avatar
عضو نشيط
الجنس : ذكر

القوس

عدد المساهمات : 255

نقاط النشاط : 337

السٌّمعَة : 14

بلد العضو :

العمر : 15

معاينة صفحة البيانات الشخصي للعضوhttp://www.ahla-char7.blogspot.com
تمت المشاركة في الجمعة يوليو 08, 2016 1:54 pm
مشكوووور على الموضوع المميز
تحية مع الشكر تحية مع الشكر تحية مع الشكر

رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css

زائر
زائر
تمت المشاركة في السبت أغسطس 27, 2016 1:34 am
يعطيك العافية على الموضوع دمت بخير
استعرض الموضوع السابقالرجوع الى أعلى الصفحةاستعرض الموضوع التالي
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Propellerads                                                                           Propellerads