home الرئيسيةpeople_outline الأعضاء vpn_key دخول


chatالمواضيع الأخيرة
كلمات لهــا معنى access_timeالأحد يناير 20, 2019 10:42 pmpersonمحمد فهمي يوسف
طلب بتصميم غلافaccess_timeالأحد يناير 20, 2019 3:01 pmpersonAhmed Alshiqaqi
طلب كتابه علي شعارaccess_timeالأحد يناير 20, 2019 2:39 pmpersonمودي الشرقاوي
طلب بعمل غلاف فيس بوكaccess_timeالأحد يناير 20, 2019 9:37 ampersonAhmed Alshiqaqi
اريد تصميم غلاف لصفحة فيس access_timeالسبت يناير 19, 2019 11:05 pmpersonAhmed Alshiqaqi
تصميم بنر access_timeالسبت يناير 19, 2019 6:21 pmpersonرؤوف
1طلب بتغيير لون access_timeالجمعة يناير 18, 2019 3:18 pmpersonAhmed Alshiqaqi
طلب بتصميم شبيه باحترافيهaccess_timeالجمعة يناير 18, 2019 3:11 pmpersonAhmed Alshiqaqi
طلب تصميم شعارaccess_timeالجمعة يناير 18, 2019 11:26 ampersonAhmed Alshiqaqi
new_releasesأفضل 10 أعضاء في هذا الأسبوع

طريقة عرض الأقسام

لونك المفضل



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

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

ربي يسعدك ع موضوع

تم تقيمك




لمراسلة الادارة بأمور خاصة لايشاهدها غير الادارة فقط

من هنا لوضع اى شكوى خاصة بمنتدانا الحبيب

لطلبات تغيير الاسماء

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

بارك الله فيك


 لمراسلة الادارة بأمور خاصة لايشاهدها غير الادارة فقط
 من هنا لطلب الالتحاق بفريق منتدانا الحبيب

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

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

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

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


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


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



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


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



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

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

تحياتــي

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

رووووووووووووعةة
ما شاء الله
استمر بعملك المميز

وردة حمراء ,m,nn 3(1)



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

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

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

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

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

منورين جميعا

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

شكرا لك
طرح مميز


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

قالب ممتاز
شكرا لك واصل


If the plan doesn’t work, change the plan, but never the goal
وردة حمراء وردة حمراء

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

أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

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

تصميم اكثر من رائع
لك منى كل تحية وردة حمراء


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

تصميم جميل
ارسال رد

هــــــام

ندعوك للتسجيل في المنتدى لتتمكن من ترك رد أو تسجيل الدخول اذا كنت من اسرة المنتدى

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