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

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

الجنس : انثى

العقرب

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

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

السٌّمعَة : 110

بلد العضو :

العمر : 31


http://raghiba.forumarabia.com/

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

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

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

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

الجنس : ذكر

السرطان

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

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

السٌّمعَة : 10

بلد العضو :

العمر : 12


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

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

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


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


زائر
زائر


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

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

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


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


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


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




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

الجنس : انثى

الجدي

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

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

السٌّمعَة : 10

بلد العضو :

العمر : 67


http://alhoub.arab.st/

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

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

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



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





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

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

الجنس : ذكر

الاسد

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

نقاط النشاط : 24254

السٌّمعَة : 88

بلد العضو :

العمر : 36





https://www.ibda3araby.com/

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

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

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


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

تحياتــي


زائر
زائر


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

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

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

avatar
Basil Abdallah
بصمة خالدة

بصمة خالدة

الجنس : ذكر

السمك

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

نقاط النشاط : 11841

السٌّمعَة : 70

بلد العضو :

العمر : 22


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

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

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


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

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

الجنس : ذكر

القوس

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

نقاط النشاط : 332

السٌّمعَة : 13

بلد العضو :

العمر : 15


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

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

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

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


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


زائر
زائر


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

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

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

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

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

سجل معنا الان

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


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

سجل دخولك

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


سجل دخولك

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