منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.

انشاء منتدى مجاني شبيه بهذا المنتدى
أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



 انشاء منتدى مجاني

أقسام الدعم

دعم الخدمات العامة:
مشاكل كلمة السر
مشاكل فتح المنتدى
مشاكل لوحة الإدارة
مشاكل تنسيق المظهر
المشاكل الأخرى

----------------------

دعم الخدمات التكميلية :
مشاكل النطاقات
مشاكل التومبلايت

----------------------

مراسلة الإدارة :

طلب كلمة السر
إرسال أكواد أو شروحات
أتصل بنا
كيفية طلب كلمة سر جديدة
> طريقة طلب كلمة سر

تنبيه: لا تضع أبداً ايميل الإنشاء في مساهماتك و لا تعطيه لأحد!
المواضيع الأخيرة
» مشكله في الرتب
اليوم في 18:09 من طرف zaydoon

» طلب سلايد بسيط*
اليوم في 15:50 من طرف meme.99

» ايكونه محذوفه اسفل التعليق ..
اليوم في 14:59 من طرف zaydoon

»  طلب الكود
اليوم في 12:53 من طرف ahd allah

» ربط المنتدى بالمدونة
اليوم في 11:16 من طرف ahd allah

» مشكلة
اليوم في 7:09 من طرف MĨĎŐ

» شفرة اعلان فى نسجة الجوال
أمس في 18:30 من طرف zeewab

» هل يقبل احلى منتدى ان
أمس في 17:39 من طرف JAR7

» شفرة اعلان
أمس في 14:15 من طرف ahd allah

أفضل الأعضاء الموسومين
@الزعيم
 
@@
 
@stones
 
@Mohamed Nsr
 
@JAR7
 

عمل منتدى

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

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

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

مُساهمة من طرف JAR7 في السبت 19 سبتمبر 2015 - 7:19

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

http://i59.tinypic.com/5lnrip.gif
دمتم بخير

JAR7
أحلى مساعدة
أحلى  مساعدة

انثى
عدد المساهمات : 2352
معدل النشاط : 3694

http://www.t3qnyiat.com/

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

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


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