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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير 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

مُساهمة من طرف des.ibda3araby في السبت سبتمبر 19, 2015 4:57 pm


des.ibda3araby
عضو خبير
عضو خبير

الجنس : انثى

العقرب

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

نقاط النشاط : 2466

السٌّمعَة : 110

بلد العضو :

العمر : 31


http://raghiba.forumarabia.com/

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

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

مُساهمة من طرف V.I.P في السبت سبتمبر 19, 2015 5:33 pm


V.I.P
عضو التميز
عضو التميز

الجنس : ذكر

السرطان

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

نقاط النشاط : 9459

السٌّمعَة : 10

بلد العضو :

العمر : 12


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

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

مُساهمة من طرف زائر في السبت سبتمبر 19, 2015 6:15 pm


منورين الموضوع ويسلمو ع الحضور الجميل


زائر
زائر


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

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

مُساهمة من طرف hamsahaq في الإثنين فبراير 22, 2016 4:24 pm


جزآڪ آللهـّ آلف خيّر


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


آلرآئع بآرٍِڪ آللهـّ فيڪ





hamsahaq
عضو جديد
عضو جديد

الجنس : انثى

الجدي

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

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

السٌّمعَة : 10

بلد العضو :

العمر : 67


http://alhoub.arab.st/

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

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

مُساهمة من طرف almaldin في الأربعاء أبريل 20, 2016 6:04 am



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






almaldin
الادارة العليا

الادارة العليا

الجنس : ذكر

الاسد

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

نقاط النشاط : 22684

السٌّمعَة : 76

بلد العضو :

العمر : 36





http://www.ibda3araby.com/

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

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

مُساهمة من طرف زائر في السبت مايو 21, 2016 6:32 am


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

تحياتــي


زائر
زائر


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

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

مُساهمة من طرف Basil Abdallah في الجمعة يوليو 01, 2016 8:08 am


Basil Abdallah
اشراف عام الدردشة
اشراف عام الدردشة

الجنس : ذكر

السمك

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

نقاط النشاط : 11799

السٌّمعَة : 69

بلد العضو :

العمر : 21




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

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

مُساهمة من طرف AYOUB bl في الجمعة يوليو 08, 2016 1:54 pm


مشكوووور على الموضوع المميز
تحية مع الشكر تحية مع الشكر تحية مع الشكر


AYOUB bl
عضو نشيط
عضو نشيط

الجنس : ذكر

القوس

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

نقاط النشاط : 329

السٌّمعَة : 13

بلد العضو :

العمر : 15


http://www.ahla-char7.blogspot.com

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

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

مُساهمة من طرف زائر في السبت أغسطس 27, 2016 1:34 am


يعطيك العافية على الموضوع دمت بخير


زائر
زائر


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

صفحة 1 من اصل 2 1, 2  الصفحة التالية

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

سجل دخولك لتستطيع الرد بالموضوع

لابد تكون لديك عضوية لتستطيع الرد سجل الان

سجل معنا الان

انضم الينا بمنتدي الابداع العربي فعملية التسجيل سهله جدا ؟


تسجيل عضوية جديدة

سجل دخولك

لديك عضوية هنا ؟ سجل دخولك من هنا .


سجل دخولك

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