تفضل الطريقة
لوحة تحكم الإدارة » الاكواد BB Codes » إضافة كود منتدى جديد
العنوان
link
مثال
CODE نسخ الكود
[link]http://google.com[/link]<br />
وسم BBCode
link
استخدام {option}
نعم
زر الصورة (اختيارية)
CODE نسخ الكود
look/images/images_bbcode_editor/world_link.gif<br />
الإستبدال
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>
ولك الإختيار