![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه Empty](https://2img.net/i/empty.gif)
السلام عليكم و رحمة الله و بركاته
اليوم جايب كود و تقنيه جديده ومميزه
و هو كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه
مثال
![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه Topic_11](https://i.servimg.com/u/f48/17/48/49/15/topic_11.png)
![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه Topic_12](https://i.servimg.com/u/f48/17/48/49/15/topic_12.png)
و الان اليكم الكود
اذهب الى
لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم css
ضع هذا الكود
ثم اذهب الى
[b]الان طريقة وضع الكود
![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه 411](https://i.servimg.com/u/f45/16/75/43/85/411.png)
![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه 510](https://i.servimg.com/u/f45/16/75/43/85/510.png)
![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه 610](https://i.servimg.com/u/f45/16/75/43/85/610.png)
![[Javascript] كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه 710](https://i.servimg.com/u/f45/16/75/43/85/710.png)
حدد المنتديات الثانويه فقط
و
ضع هذا الكود
الكود لنسخ
phpBB2, phpBB3, Invision:
و هذا الكود لنسخة
PunBB
ثم اضغط قدم
و الف مبروك
الكود منقول الموضوع الاصلى
http://www.avacweb.com/t990-how-to-install-a-preview-topic-add-on
اليوم جايب كود و تقنيه جديده ومميزه
و هو كود عرض صورة بنافذه منثيقه من الموضوع قبل الدخول اليه
مثال
و الان اليكم الكود
اذهب الى
لوحة الاداره / مظهر المنتدى / الصور و الالوان / الوان / ورقة تصميم css
ضع هذا الكود
الكود:
.popupWrapper {
background-color: rgba(70, 70, 70, 0.6);
border-radius: 4px 4px 4px 4px;
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.7);
left: 300px;
margin: 0 auto !important;
max-height: 400px;
max-width: 700px;
overflow: auto;
padding: 4px;
position: fixed !important;
top: 200px;
}
ثم اذهب الى
[b]الان طريقة وضع الكود
حدد المنتديات الثانويه فقط
و
ضع هذا الكود
الكود لنسخ
phpBB2, phpBB3, Invision:
الكود:
/*Topic Preview Forumotion Add On
*Created by Rideem3 of forum.malware-site.www
*Use of this script is prohibited without this full copyright in place
*/
if (/\/?f\d+.*/.test(window.location.pathname)) {
$(function () {
$('a.topictitle').after('<a href="#" style="margin-left: 5px;"
class="preview_topic">Preview Topic</a>');
$('.preview_topic').click(function () {
var url = this.previousSibling.href;
$('body').prepend('<div style="width: 100%; height: 100%; position:
fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4;
background-color: #3E3E3E;" class="modal"
id="document_modal"></div><div id="topic_popup"
class="popupWrapper" style="z-index: 10001;"></div>');
$('#topic_popup').load(url + ' .post:first', function () {
$('#document_modal').click(function () {
$('#document_modal, #topic_popup').remove();
});
});
return false;
});
});
}و هذا الكود لنسخة
PunBB
الكود:
/*Topic Preview Forumotion Add On
*Created by Rideem3 of forum.malware-site.www
*Use of this script is prohibited without this full copyright in place
*/
if (/\/?f\d+.*/.test(window.location.pathname)) {
$(function () {
$('a.topictitle').after('<a href="#" style="margin-left: 5px;"
class="preview_topic">Preview Topic</a>');
$('.preview_topic').click(function () {
var url = this.previousSibling.href;
$('body').prepend('<div style="width: 100%; height: 100%; position:
fixed; top: 0px; left: 0px; z-index: 10000; opacity: 0.4;
background-color: #3E3E3E;" class="modal"
id="document_modal"></div>');
$('.pun').prepend('<div id="topic_popup" class="popupWrapper" style="z-index: 10001;"></div>');
$('#topic_popup').load(url + ' .post:first', function () {
$('#document_modal').click(function () {
$('#document_modal, #topic_popup').remove();
});
});
return false;
});
});
}ثم اضغط قدم
و الف مبروك
الكود منقول الموضوع الاصلى
http://www.avacweb.com/t990-how-to-install-a-preview-topic-add-on
عدل سابقا من قبل admin في الأحد فبراير 24, 2013 11:02 am عدل 1 مرات