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

شكــرا
إدارـــ ة المنتدي
تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 3140768227
Black Love

منتدى طريق التطوير

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


آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
عضو جديد
كود لحذف تم تسجيل مساهمتك بنجاح في المساهمات [ 2013 ]
كود اختر استايلك المفضل من EgY Ghost
50 كود css يعمل على جميع نسخ المنتدى
[style] استايل برامج بتقنية جديدة تومبيلات
فكر دائماً بأنك مميز
![ عندمـا نكـون أوفيـاء ]!
وعصفت بى ريح الذكريات
فاقد الحياة بدونك ياحبيتى
دايرة الاحزان
الخميس 30 يوليو 2020, 1:25 pm
الجمعة 10 يوليو 2020, 11:32 pm
الجمعة 10 يوليو 2020, 11:32 pm
الجمعة 10 يوليو 2020, 9:49 pm
الجمعة 10 يوليو 2020, 9:41 pm
السبت 20 يونيو 2020, 4:09 pm
السبت 20 يونيو 2020, 4:09 pm
السبت 20 يونيو 2020, 4:09 pm
السبت 20 يونيو 2020, 4:08 pm
السبت 20 يونيو 2020, 4:08 pm
Castro
العراقي الطائي
العراقي الطائي
العراقي الطائي
العراقي الطائي
Castro
Castro
Castro
Castro
Castro

شاطر

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

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

عدد المساهمات : 408
نقاطي : 593
السٌّمعَة : 1
دولتي : فلسطين
الجنس : ذكر
ممزآجي : تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 10z10
احترام قوانين المنتدى : تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 111010

تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Empty
مُساهمةموضوع: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Emptyالأحد 17 يناير 2016, 6:02 pm

لسلام عليكم ورحمة الله وبركاته
اقدم اليوم حاجة جديدة وهي الغاء صور ازرار الكتابة ( كتابة موضوع جديد - اضافة رد )
وجعلها ازرار نصية مع اضافة تاثيرات عليها بتقنية 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
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
https://2img.net/h/oi61.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;
}

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
https://2img.net/h/oi59.tinypic.com/5lnrip.gif


دمتم بخير  ushxg
توقيع : ابو العصاصيم




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

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

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

عدد المساهمات : 44
نقاطي : 47
السٌّمعَة : 13
ععمري : 30
دولتي : السعودية
الجنس : انثى
احترام قوانين المنتدى : تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 111010

تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Empty
مُساهمةموضوع: رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Emptyالأربعاء 20 أبريل 2016, 3:29 pm

طرحت فأبدعت يعطيك الف عافية
جهود مبارك جزاك الله خير
دمت ودام عطائك
ودائما بأنتظار جديدك الشيق
لك خالص تقديري واحترامي
دمت بخير
توقيع : JAR7




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

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

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

عدد المساهمات : 861
نقاطي : 873
السٌّمعَة : 14
ععمري : 20
دولتي : مصر
الجنس : ذكر
ممزآجي : تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 11z10
احترام قوانين المنتدى : تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 111010

تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Empty
مُساهمةموضوع: رد: تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Emptyالخميس 20 سبتمبر 2018, 1:32 pm

شكرآ علي الطرح 
شكرآ علي أبداعكم
توقيع : Castro




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لشكوى على اعضاء فريق المنتدى هنا
لشكوى على اعضاء المنتدى هنا
لطلب تغيير الأسم هنا
  [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]


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

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

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

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

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