تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css
صفحة 1 من اصل 1
تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css
تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css
السلام عليكم ورحمة الله وبركاته
اقدم اليوم حاجة جديدة وهي الغاء صور ازرار الكتابة ( كتابة موضوع جديد - اضافة رد )
وجعلها ازرار نصية مع اضافة تاثيرات عليها بتقنية css
او نفتح قالب viewtopic_body
ونبحث عن ,,
ثم حفظ ثم نشر
ثم بورقة css نضع الكود الاتي
![تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css Mb7d5y](https://2img.net/h/oi61.tinypic.com/mb7d5y.jpg)
https://2img.net/h/oi61.tinypic.com/mb7d5y.jpg
وهذا تاثير اخر بكود css يجعل الزرين بخلفية ووتتغير الخلفية بشكل انسيابي
الكود css
![تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 5lnrip](https://2img.net/h/oi59.tinypic.com/5lnrip.gif)
https://2img.net/h/oi59.tinypic.com/5lnrip.gif
دمتم بخير
السلام عليكم ورحمة الله وبركاته
اقدم اليوم حاجة جديدة وهي الغاء صور ازرار الكتابة ( كتابة موضوع جديد - اضافة رد )
وجعلها ازرار نصية مع اضافة تاثيرات عليها بتقنية 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>
<!-- 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 Mb7d5y](https://2img.net/h/oi61.tinypic.com/mb7d5y.jpg)
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;
}
![تومبيلات الغاء ازرار كتابة موضوع وجعلها نصية واضافة تاثير css 5lnrip](https://2img.net/h/oi59.tinypic.com/5lnrip.gif)
https://2img.net/h/oi59.tinypic.com/5lnrip.gif
دمتم بخير
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى