تفضل الطريقة
لوحة تحكم الإدارة » الاكواد BB Codes » إضافة كود منتدى جديد
العنوان
link
مثال
CODE
[link]http://google.com[/link]
وسم BBCode
link
استخدام {option}
نعم
زر الصورة (اختيارية)
CODE
look/images/images_bbcode_editor/world_link.gif
الإستبدال
CODE
<script>
$(document).ready(function(){
$('.js-newWindow').click(function (event) {
event.preventDefault();
var $this = $(this);
var url = $this.attr("data-url");
var windowName = "popUp";
window.open(url, windowName);
});
});
</script>
<style>
.js-newWindow{
display:inline-block;
margin-bottom:0;
font-weight:400;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:3px 3px;
font-size:17px;
line-height:1.428571429;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
background:#4F9950 !important;
color: #FFF !important;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
min-width:120px;
text-decoration:none !important;
margin:10px auto;
}
.js-newWindow span{
font-size:12px
}
</style>
<div style="text-align:center">
<a href="#" data-url="{option}" class="js-newWindow">
Télécharger
<i class="fa fa-download"></i>
</a>
<noscript>يجب تفعيل الجافاسكريبت في المتصفح</noscript>
</div>
ستجد اضافة زر

للمحرر انقر عليه وضع الرابط الخارجي.
الكود السابق سيتطلب ان يكون المستخدم مفعل الجافاسكريبت في المتصفح الأفضل حتى يعمل عند الجميع استعمال الرابط العادي وهذا الكود بدله
CODE
<style>
.js-newWindow{
display:inline-block;
margin-bottom:0;
font-weight:400;
text-align:center;
vertical-align:middle;
cursor:pointer;
background-image:none;
border:1px solid transparent;
white-space:nowrap;
padding:3px 3px;
font-size:17px;
line-height:1.428571429;
border-radius:4px;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;
background:#4F9950 !important;
color: #FFF !important;
font-family: "Droid Arabic Kufi","tahoma",sans-serif;
min-width:120px;
text-decoration:none !important;
margin:10px auto;
}
.js-newWindow span{
font-size:12px
}
</style>
<div style="text-align:center">
<a href="{option}" class="js-newWindow">
Télécharger
<i class="fa fa-download"></i>
</a>
</div>
ولك الإختيار