دعم أحلى منتدى

طلب اضافة AOS Animate

2 مشترك

منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"

اذهب الى الأسفل

تم الحل طلب اضافة AOS Animate

مُساهمة من طرف moment الجمعة 3 يناير 2025 - 5:47

السلام عليكم ورحمة الله وبركاته
اخباركم جميعآ
كل عام وانتم بخير
كنت اريد من اخي كونان مشكورآ تعديل علي كود AOS Animate
واضافته الي الاقسام علي الرئيسية فقط مثل الصورة
طلب اضافة AOS Animate 2025-010

لينك الموقع https://michalsnik.github.io/aos/

وكنت اريده
الكود:
data-aos="fade-right"

اريد الحركة تكون في class="forum-row"

مشكور لكم مقدمآ
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الجمعة 3 يناير 2025 - 17:28

وعليكم السلام ورحمة الله وبركاته
وكل عام وانت والامة الاسلامية بخير دائما باذن الله,

اهلا اخي @moment
ممكن وضع قالب الفئات index_box

كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الجمعة 3 يناير 2025 - 19:19

الكود:
<ul class="linklist top">
<!-- BEGIN switch_user_logged_in -->
<li>
<a href="{U_SEARCH_NEW}"><i class="fa-duotone fa-fire-flame-curved"></i>المواضيع الجديدة</a>
</li>
<li>
<a href="{U_SEARCH_SELF}"><i class="fa-duotone fa-box-check"></i>مساهماتي</a>
</li>
<!-- END switch_user_logged_in -->
<li>
<a href="{U_SEARCH_UNANSWERED}"><i class="fa-duotone fa-comment-smile"></i>المواضيع بدون مساهمة</a>
</li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside">
<a href="{U_MARK_READ}" accesskey="m"><i class="fa-duotone fa-check-double"></i>اعتبر المواضيع مقروءة</a>
</li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg main-forums">
<ul class="topiclist">
<li class="header">
<div class="forum-title"><div class="table-title">{catrow.tablehead.L_FORUM}</div></div>
</li>
</ul>
<ul class="topiclist forums toggle">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<table class="forum-block">
<tr class="forum-row" id="gzarabforum-row">
<td class="forum-icon" id="gzaforum-icon">
<div class="forum_icon_game" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" ></div>
</td>
<td class="forum-name" id="gzaforum-name">
<div id="forum-title-cavo" class="forum-title-link">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forum_title">{catrow.forumrow.FORUM_NAME}</a>
</div> <div class="clearfix"></div>
<div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>
<div class="sub-forum-links">
{catrow.forumrow.LINKS}
</div>
<!-- BEGIN switch_moderators_links -->
<div class="forum-moderators">
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
</div>
<!-- END switch_moderators_links -->
</td>
<td class="forum-topics" id="gzaforum-topics">
<div class="forum-number-topics">
<span><span class="ipsDataItem_stats_number" title="المواضيع">{catrow.forumrow.TOPICS}</span><span id="gzipsDataItem">{L_TOPICS}</span></span>
</div>
</td>
<td class="forum-posts" id="gzaforum-posts">
<div class="forum-number-topics">
<span><span class="ipsDataItem_stats_number" title="المساهمات">{catrow.forumrow.POSTS}</span><span id="gzipsDataItem">{L_POSTS}</span></span>
</div>
</td>
<td class="poster-avatar" >
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
</td>
<td class="forum-last-post">
<!-- BEGIN switch_topic_title -->
<i class="far fa-pencil" id="gzpencilclock"></i><a class="no-link" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
<i class="far fa-clock" id="gzpencilclock"></i>{catrow.forumrow.USER_LAST_POST}<i class="far fa-user" id="gzfa-user"></i>
<!-- BEGIN ads -->
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
<!-- END ads -->
</td>
</tr>
</table>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مواضيع اليوم</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مشاركين اليوم</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مشاركين المنتدي</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="fa-duotone fa-trash-can-xmark"></i>حذف ملفات الارتباط</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
<!-- END switch_on_index -->
<div class="clear"></div>
<script type="text/javascript">
//<![CDATA[
(function($) {
$(".sub-forum-links").each(function() {
var sub = $(this);
if (!sub.is(":empty")) {
sub.contents().filter(function() {
return this.nodeType === 3;
}).remove().end().filter("a").wrap("<li></li>");
sub.wrapInner('<ul class="subLink"></ul>').prepend("» الأقسام الفرعية: <strong>" + sub.find("a").length + "</strong>");
}
});
})(jQuery);

$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});

var btn_collapse_show = $('<i></i>', {
class: 'ion-android-add-circle hidden',
'title': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);

var btn_collapse_hide = $('<i></i>', {
class: 'ion-android-remove-circle',
'title': '{L_HIDE_CAT}'
}).appendTo(btn_collapse);

var collapsed = [];

if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}

$(document).on('click', '.btn-collapse', function() {
$(this).children('.ion-android-add-circle').toggleClass('hidden');
$(this).children('.ion-android-remove-circle').toggleClass('hidden');
$(this).parents('.forabg').toggleClass('hidden');

if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}

if (!$(this).parents('.forabg').hasClass('hidden')) {
removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

createCookie('collapsed', collapsed);
} else {
collapsed.push('' + $(this).parents('.forabg').data('cindex'));

createCookie('collapsed', collapsed);
}
});

$('.forabg').each(function(i) {
$(this).data('cindex', '' + i);

$(btn_collapse)
.clone()
.attr('id', 'forabg' + i)
.appendTo($(this).find('.header'));

if ($.inArray('' + i, collapsed) > -1) {
$(this).toggleClass('hidden');
$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
}
});
});

function removeFromArray(item, array) {
var i = array.indexOf(item);

if (i > -1) {
array = array.splice(i, 1);
}
}

function createCookie(name, value, days) {
var expires;

if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
//]]>
</script>
<div class="clear"></div>
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الجمعة 3 يناير 2025 - 19:20

اسف اخي عشان أنا فاتح موب الآن فممكن ميكونش منسق
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الجمعة 3 يناير 2025 - 23:11

اهلا
جرب التالي

اولا ضع التالي بالتشكيلات العامة
الكود:
 <link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet" />  <script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>  <script>
    AOS.init({
      duration: 1200, // تأكيد أن التأثيرات ستستغرق 1200 ملي ثانية
    });
  </script>

ثم استبدل قالب الفئات بالتالي
الكود:
<ul class="linklist top">
<!-- BEGIN switch_user_logged_in -->
<li>
<a href="{U_SEARCH_NEW}"><i class="fa-duotone fa-fire-flame-curved"></i>المواضيع الجديدة</a>
</li>
<li>
<a href="{U_SEARCH_SELF}"><i class="fa-duotone fa-box-check"></i>مساهماتي</a>
</li>
<!-- END switch_user_logged_in -->
<li>
<a href="{U_SEARCH_UNANSWERED}"><i class="fa-duotone fa-comment-smile"></i>المواضيع بدون مساهمة</a>
</li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside">
<a href="{U_MARK_READ}" accesskey="m"><i class="fa-duotone fa-check-double"></i>اعتبر المواضيع مقروءة</a>
</li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg main-forums">
<ul class="topiclist">
<li class="header">
<div class="forum-title"><div class="table-title">{catrow.tablehead.L_FORUM}</div></div>
</li>
</ul>
    <section data-aos="fade-right" data-aos-duration="1500" data-aos-delay="200">
<ul class="topiclist forums toggle">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<table class="forum-block">
 

<tr class="forum-row" id="gzarabforum-row">
<td class="forum-icon" id="gzaforum-icon">
<div class="forum_icon_game" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" ></div>
</td>
<td class="forum-name" id="gzaforum-name">
<div id="forum-title-cavo" class="forum-title-link">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forum_title">{catrow.forumrow.FORUM_NAME}</a>
</div> <div class="clearfix"></div>
<div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>
<div class="sub-forum-links">
{catrow.forumrow.LINKS}
</div>
<!-- BEGIN switch_moderators_links -->
<div class="forum-moderators">
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
</div>
<!-- END switch_moderators_links -->
</td>
<td class="forum-topics" id="gzaforum-topics">
<div class="forum-number-topics">
<span><span class="ipsDataItem_stats_number" title="المواضيع">{catrow.forumrow.TOPICS}</span><span id="gzipsDataItem">{L_TOPICS}</span></span>
</div>
</td>
<td class="forum-posts" id="gzaforum-posts">
<div class="forum-number-topics">
<span><span class="ipsDataItem_stats_number" title="المساهمات">{catrow.forumrow.POSTS}</span><span id="gzipsDataItem">{L_POSTS}</span></span>
</div>
</td>
<td class="poster-avatar" >
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
</td>
<td class="forum-last-post">
<!-- BEGIN switch_topic_title -->
<i class="far fa-pencil" id="gzpencilclock"></i><a class="no-link" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
<i class="far fa-clock" id="gzpencilclock"></i>{catrow.forumrow.USER_LAST_POST}<i class="far fa-user" id="gzfa-user"></i>
<!-- BEGIN ads -->
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
<!-- END ads -->
</td>
</tr>

 
 
  
</table>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مواضيع اليوم</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مشاركين اليوم</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مشاركين المنتدي</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="fa-duotone fa-trash-can-xmark"></i>حذف ملفات الارتباط</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
     </section>
<!-- END switch_on_index -->
<div class="clear"></div>
<script type="text/javascript">
//<![CDATA[
(function($) {
$(".sub-forum-links").each(function() {
var sub = $(this);
if (!sub.is(":empty")) {
sub.contents().filter(function() {
return this.nodeType === 3;
}).remove().end().filter("a").wrap("<li></li>");
sub.wrapInner('<ul class="subLink"></ul>').prepend("» الأقسام الفرعية: <strong>" + sub.find("a").length + "</strong>");
}
});
})(jQuery);

$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});

var btn_collapse_show = $('<i></i>', {
class: 'ion-android-add-circle hidden',
'title': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);

var btn_collapse_hide = $('<i></i>', {
class: 'ion-android-remove-circle',
'title': '{L_HIDE_CAT}'
}).appendTo(btn_collapse);

var collapsed = [];

if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}

$(document).on('click', '.btn-collapse', function() {
$(this).children('.ion-android-add-circle').toggleClass('hidden');
$(this).children('.ion-android-remove-circle').toggleClass('hidden');
$(this).parents('.forabg').toggleClass('hidden');

if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}

if (!$(this).parents('.forabg').hasClass('hidden')) {
removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

createCookie('collapsed', collapsed);
} else {
collapsed.push('' + $(this).parents('.forabg').data('cindex'));

createCookie('collapsed', collapsed);
}
});

$('.forabg').each(function(i) {
$(this).data('cindex', '' + i);

$(btn_collapse)
.clone()
.attr('id', 'forabg' + i)
.appendTo($(this).find('.header'));

if ($.inArray('' + i, collapsed) > -1) {
$(this).toggleClass('hidden');
$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
}
});
});

function removeFromArray(item, array) {
var i = array.indexOf(item);

if (i > -1) {
array = array.splice(i, 1);
}
}

function createCookie(name, value, days) {
var expires;

if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
//]]>
</script>
<div class="clear"></div>

كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الجمعة 3 يناير 2025 - 23:38

تسلم اخي بارك الله فيك
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الجمعة 3 يناير 2025 - 23:56

طلب اضافة AOS Animate 2025-011

بس لو امكن اخي معالجة الفراغ الكبير وانا نازل بالسهم ؟
مشكور لك
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 السبت 4 يناير 2025 - 16:18

اهلا
جرب
استبدل كود التشكيلات العامة بالتالي
الكود:
<link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet" />  
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>

<script>
  AOS.init({
    duration: 1000,  // مدة الحركة بالميللي ثانية
    offset: 0,       // الزمان الذي يظهر فيه التأثير (0 تعني فور الوصول إلى أسفل الشاشة)
  });
</script>


واستبدل القالب بالتالي
الكود:
<ul class="linklist top">
<!-- BEGIN switch_user_logged_in -->
<li>
<a href="{U_SEARCH_NEW}"><i class="fa-duotone fa-fire-flame-curved"></i>المواضيع الجديدة</a>
</li>
<li>
<a href="{U_SEARCH_SELF}"><i class="fa-duotone fa-box-check"></i>مساهماتي</a>
</li>
<!-- END switch_user_logged_in -->
<li>
<a href="{U_SEARCH_UNANSWERED}"><i class="fa-duotone fa-comment-smile"></i>المواضيع بدون مساهمة</a>
</li>
<!-- BEGIN switch_user_logged_in -->
<li class="rightside">
<a href="{U_MARK_READ}" accesskey="m"><i class="fa-duotone fa-check-double"></i>اعتبر المواضيع مقروءة</a>
</li>
<!-- END switch_user_logged_in -->
</ul>
<!-- BEGIN catrow -->
<!-- BEGIN tablehead -->
<div class="forabg main-forums">
<ul class="topiclist">
<li class="header">
<div class="forum-title"><div class="table-title">{catrow.tablehead.L_FORUM}</div></div>
</li>
</ul>
<section data-aos="fade-right" data-aos-duration="1000" data-aos-offset="0">
<ul class="topiclist forums toggle">
<!-- END tablehead -->
<!-- BEGIN forumrow -->
<table class="forum-block">
 

<tr class="forum-row" id="gzarabforum-row">
<td class="forum-icon" id="gzaforum-icon">
<div class="forum_icon_game" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" ></div>
</td>
<td class="forum-name" id="gzaforum-name">
<div id="forum-title-cavo" class="forum-title-link">
<a href="{catrow.forumrow.U_VIEWFORUM}" class="forum_title">{catrow.forumrow.FORUM_NAME}</a>
</div> <div class="clearfix"></div>
<div class="forum-description">{catrow.forumrow.FORUM_DESC}</div>
<div class="sub-forum-links">
{catrow.forumrow.LINKS}
</div>
<!-- BEGIN switch_moderators_links -->
<div class="forum-moderators">
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
</div>
<!-- END switch_moderators_links -->
</td>
<td class="forum-topics" id="gzaforum-topics">
<div class="forum-number-topics">
<span><span class="ipsDataItem_stats_number" title="المواضيع">{catrow.forumrow.TOPICS}</span><span id="gzipsDataItem">{L_TOPICS}</span></span>
</div>
</td>
<td class="forum-posts" id="gzaforum-posts">
<div class="forum-number-topics">
<span><span class="ipsDataItem_stats_number" title="المساهمات">{catrow.forumrow.POSTS}</span><span id="gzipsDataItem">{L_POSTS}</span></span>
</div>
</td>
<td class="poster-avatar" >
<!-- BEGIN ads -->
<span class="AD_LastPA">
<span class="lastpost-avatar"><img src="{catrow.forumrow.ads.IMG}" alt="{catrow.forumrow.ads.TITLE}" /></span>
</span>
<!-- END ads -->
<!-- BEGIN avatar -->
<span class="lastpost-avatar">{catrow.forumrow.avatar.LAST_POST_AVATAR}</span>
<!-- END avatar -->
</td>
<td class="forum-last-post">
<!-- BEGIN switch_topic_title -->
<i class="far fa-pencil" id="gzpencilclock"></i><a class="no-link" href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
<!-- END switch_topic_title -->
<i class="far fa-clock" id="gzpencilclock"></i>{catrow.forumrow.USER_LAST_POST}<i class="far fa-user" id="gzfa-user"></i>
<!-- BEGIN ads -->
<span class="AD_LastInfos">
<b><a href="{catrow.forumrow.ads.LINK}">{catrow.forumrow.ads.TITLE}</a></b><br />
{catrow.forumrow.ads.DATE}<br />
{catrow.forumrow.ads.LOCATION}
</span>
<!-- END ads -->
</td>
</tr>

 
 
  
</table>
<!-- END forumrow -->
<!-- BEGIN tablefoot -->
</ul>
</div>
<!-- END tablefoot -->
<!-- END catrow -->
<!-- BEGIN switch_on_index -->
<ul class="linklist bottom">
<li>
<a href="{U_TODAY_ACTIVE}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مواضيع اليوم</a>
</li>
<li>
<a href="{U_TODAY_POSTERS}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مشاركين اليوم</a>
</li>
<li class="last">
<a href="{U_OVERALL_POSTERS}"><i class="fa-duotone fa-thin fa-star"></i>أفضل مشاركين المنتدي</a>
</li>
<!-- BEGIN switch_delete_cookies -->
<li class="rightside">
<a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="fa-duotone fa-trash-can-xmark"></i>حذف ملفات الارتباط</a>
</li>
<!-- END switch_delete_cookies -->
</ul>
     </section>
<!-- END switch_on_index -->
<div class="clear"></div>
<script type="text/javascript">
//<![CDATA[
(function($) {
$(".sub-forum-links").each(function() {
var sub = $(this);
if (!sub.is(":empty")) {
sub.contents().filter(function() {
return this.nodeType === 3;
}).remove().end().filter("a").wrap("<li></li>");
sub.wrapInner('<ul class="subLink"></ul>').prepend("» الأقسام الفرعية: <strong>" + sub.find("a").length + "</strong>");
}
});
})(jQuery);

$(document).ready(function() {
var btn_collapse = $('<div></div>', {
class: 'btn-collapse'
});

var btn_collapse_show = $('<i></i>', {
class: 'ion-android-add-circle hidden',
'title': '{L_EXPEND_CAT}'
}).appendTo(btn_collapse);

var btn_collapse_hide = $('<i></i>', {
class: 'ion-android-remove-circle',
'title': '{L_HIDE_CAT}'
}).appendTo(btn_collapse);

var collapsed = [];

if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}

$(document).on('click', '.btn-collapse', function() {
$(this).children('.ion-android-add-circle').toggleClass('hidden');
$(this).children('.ion-android-remove-circle').toggleClass('hidden');
$(this).parents('.forabg').toggleClass('hidden');

if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
collapsed = readCookie('collapsed').split(',');
}

if (!$(this).parents('.forabg').hasClass('hidden')) {
removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

createCookie('collapsed', collapsed);
} else {
collapsed.push('' + $(this).parents('.forabg').data('cindex'));

createCookie('collapsed', collapsed);
}
});

$('.forabg').each(function(i) {
$(this).data('cindex', '' + i);

$(btn_collapse)
.clone()
.attr('id', 'forabg' + i)
.appendTo($(this).find('.header'));

if ($.inArray('' + i, collapsed) > -1) {
$(this).toggleClass('hidden');
$('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
$('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
}
});
});

function removeFromArray(item, array) {
var i = array.indexOf(item);

if (i > -1) {
array = array.splice(i, 1);
}
}

function createCookie(name, value, days) {
var expires;

if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
expires = "; expires=" + date.toGMTString();
} else {
expires = "";
}
document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
}

function readCookie(name) {
var nameEQ = encodeURIComponent(name) + "=";
var ca = document.cookie.split(';');
for (var i = 0; i < ca.length; i++) {
var c = ca[i];
while (c.charAt(0) === ' ') c = c.substring(1, c.length);
if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
}
return null;
}
//]]>
</script>
<div class="clear"></div>
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment السبت 4 يناير 2025 - 17:23

تسلم اخي بارك الله فيك Cool Cool Cool
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment السبت 4 يناير 2025 - 18:05

بس للاسف اخي مش شغاله علي كل الصفحات تقريبآ عشان في التشكيلات العامة
ده لو عاوز اضيف الخاصية في اي شئ مثل 
overall_footer_begin
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 السبت 4 يناير 2025 - 22:11

ممكن جعله يعمل في جميع الصفحات
احذف كود التشكيلات العامة

ثم اضف التالي الى الهيدر
الكود:
<link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet" />  


والتالي الى الجافا مع اختيار جميع الصفحات
Spoiler:

بعد تركيبه في جميع الصفحات
تاكد انه لم ياثر على اماكن اخر في المنتدى
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الأحد 5 يناير 2025 - 1:51

للاسف اخي منفعتش
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الأحد 5 يناير 2025 - 16:27

moment كتب:للاسف اخي منفعتش
غريب  Like a Star @ heaven
هو اشتغل على منتداي

احتمال عندك اكواد جافا تسبب تعارض
تاكد
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الأحد 5 يناير 2025 - 17:35

تسلم اخي بارك الله فيك في فعلآ كود معارض هحاول ابحث عنه
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الأحد 5 يناير 2025 - 18:33

اخي كود بادئة المواضيع هو تقريبآ الي عطل الكود الثاني
الكود:
$(function() {
        $(document).ready(function() {
            $('a:not(:has(img))').each(function() {
                var html = $(this).html();
                var updatedHtml = html;

              
                  updatedHtml = updatedHtml
                        // Select prefix-Text
                        .replace(/\[جديد\]/g, '<span class="bade2-label جديد">جديد</span>')
                        .replace(/\[عاجل\]/g, '<span class="bade2-label عاجل">عاجل</span>')
                        .replace(/\[حصري\]/g, '<span class="bade2-label حصري">حصري</span>')
                        .replace(/\[تقنية\]/g, '<span class="bade2-label تقنية">تقنية</span>')
                        .replace(/\[درس\]/g, '<span class="bade2-label درس">درس</span>')
                        .replace(/\[ملحق\]/g, '<span class="bade2-label ملحق">ملحق</span>')
                        .replace(/\[شرح\]/g, '<span class="bade2-label شرح">شرح</span>')
                        .replace(/\[برنامج\]/g, '<span class="bade2-label برنامج">برنامج</span>')
                        .replace(/\[شكوي\]/g, '<span class="bade2-label شكوي">شكوي</span>')
                        .replace(/\[هام\]/g, '<span class="bade2-label هام">هام</span>')
                        .replace(/\[كود\]/g, '<span class="bade2-label كود">كود</span>')
                        .replace(/\[قانون\]/g, '<span class="bade2-label قانون">قانون</span>')
                        .replace(/\[أعلان\]/g, '<span class="bade2-label أعلان">أعلان</span>')
                        .replace(/\[العاب\]/g, '<span class="bade2-label العاب">العاب</span>')
                        .replace(/\[أستفسار\]/g, '<span class="bade2-label أستفسار">أستفسار</span>')
                        .replace(/\[طلب\]/g, '<span class="bade2-label طلب">طلب</span>')
                        .replace(/\[برامج\]/g, '<span class="bade2-label برامج">برامج</span>')
                        .replace(/\[رياضة\]/g, '<span class="bade2-label رياضة">رياضة</span>')
                        .replace(/\[تصميم\]/g, '<span class="bade2-label تصميم">تصميم</span>')
                        .replace(/\[حديث\]/g, '<span class="bade2-label حديث">حديث</span>')
                        .replace(/\[Js\]/g, '<span class="bade2-label Js">Js</span>')
                        .replace(/\[Css\]/g, '<span class="bade2-label Css">Css</span>')
                        .replace(/\[Html\]/g, '<span class="bade2-label Html">Html</span>')
                        .replace(/\[Template\]/g, '<span class="bade2-label Template">Template</span>')
                        .replace(/\[Blogger\]/g, '<span class="bade2-label Blogger">Blogger</span>')
            ;$(this).html(updatedHtml);
                });});});




    document.addEventListener("DOMContentLoaded", function() {
        var url = window.location.href;
        // التحقق من وجود '&mode=newtopic' في نهاية الرابط
        if (url.endsWith("&mode=newtopic")) {
            var conan2000 = [
              { value: 'conan20000', text: 'اختيار بادئة نصوص' },
                { value: 'option1', text: '[جديد]' },
                { value: 'option2', text: '[عاجل]' },
                { value: 'option3', text: '[حصري]' },
                { value: 'option4', text: '[تقنية]' },
                { value: 'option5', text: '[درس]' },
                { value: 'option6', text: '[ملحق]' },
                { value: 'option7', text: '[شرح]' },
                { value: 'option8', text: '[برنامج]' },
                { value: 'option9', text: '[شكوي]' },
                { value: 'option10', text: '[هام]' },
                { value: 'option11', text: '[كود]' },
                { value: 'option12', text: '[قانون]' },
                { value: 'option13', text: '[أعلان]' },
                { value: 'option14', text: '[العاب]' },
                { value: 'option15', text: '[أستفسار]' },
                { value: 'option16', text: '[طلب]' },
                { value: 'option17', text: '[برامج]' },
                { value: 'option18', text: '[رياضة]' },
                { value: 'option19', text: '[تصميم]' },
                { value: 'option20', text: '[حديث]' },
                { value: 'option21', text: '[Js]' },
                { value: 'option22', text: '[Css]' },
                { value: 'option23', text: '[Html]' },
                { value: 'option24', text: '[Template]' },
                { value: 'option25', text: '[Blogger]' },
                { value: 'conan200000', text: 'مسح' }
            ];

            var $input = document.querySelector('input[name="subject"]');
            var $dropconan2000 = document.createElement('select');
            var $forumButton = document.createElement('button');
            $dropconan2000.classList.add('dropconan2000', 'default'); // Start with default class
            $forumButton.classList.add('dropconan2000-forum', 'default'); // Start with default class
            $forumButton.textContent = 'التبديل الى بادئات نص';

            var isConan2000Visible = true;

            function populatedropconan2000(options) {
                $dropconan2000.innerHTML = ''; // Clear existing options
                options.forEach(function(option) {
                    var opt = document.createElement('option');
                    opt.value = option.value;
                    opt.textContent = option.text;
                    $dropconan2000.appendChild(opt);
                });
            }
            populatedropconan2000(conan2000);
            $forumButton.addEventListener('click', function(event) {
                event.preventDefault();
                if (isConan2000Visible) {
                    populatedropconan2000(konan2000);
                    $forumButton.textContent = 'بادئة-نص';
                    $forumButton.classList.remove('default');
                    $forumButton.classList.add('forumd');
                    $dropconan2000.classList.remove('default');
                    $dropconan2000.classList.add('forumd');
                }
                isConan2000Visible = !isConan2000Visible;
            });

            $dropconan2000.addEventListener('change', function() {
                var selectedValue = $dropconan2000.value;
                var selectedText = $dropconan2000.options[$dropconan2000.selectedIndex].text;
                var currentValue = $input.value;

                if (selectedValue === 'conan20000') {
                    return;
                } else if (selectedValue === 'conan200000') {
                    $input.value = '';
                } else {
                    if (currentValue) {
                        // Adding selectedText with a leading comma if there are existing words
                        $input.value = selectedText + '' + currentValue;
                    } else {
                        $input.value = selectedText;
                    }
                }
            });
            var container = document.createElement('div');
            container.classList.add('dropconan2000-container');
            container.appendChild($forumButton);
            container.appendChild($dropconan2000);
            $input.parentNode.insertBefore(container, $input.nextSibling);
        }
    });

    document.write('<style type="text/css">\
    .dropconan2000-forum.default,.dropconan2000.default{color:#000;cursor:pointer;}
    .dropconan2000-forum.forumd,.dropconan2000.forumd{color:#fff;cursor:pointer;}
    .dropconan2000.default, .dropconan2000.forumd{height:40px;}
    button.dropconan2000-forum.default{display:none;}
    select.dropconan2000.default{margin:0px;margin-right:10px;}
    button.dropconan2000-forum.forumd,button.dropconan2000-forum.default{padding:10px;border-radius:10px;margin-bottom:5px;margin-right:5px;}
    .dropconan2000-container{display:inline-block;margin-bottom:0!important;} </style>');


تعديل : كذا كود للاسف
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الأحد 5 يناير 2025 - 19:27

وجدت حل انها تنضاف في العناصر المستقلة في المنتدي
والاعلانات الخاصة
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الأحد 5 يناير 2025 - 20:29

moment كتب:وجدت حل انها تنضاف في العناصر المستقلة في المنتدي
والاعلانات الخاصة
صحيح انا نسيته  Embarassed

وايضا هذا [حصري] حل مشكلة عدم عمل أغلب اكواد الجافا سكربت
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الأحد 5 يناير 2025 - 21:06

تسلم اخي بارك الله فيك
هو نفس الشئ هينضاف بالطبع في العناصر المستقلة

والاعلانات الخاصة
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الإثنين 6 يناير 2025 - 15:08

moment كتب:تسلم اخي بارك الله فيك
هو نفس الشئ هينضاف بالطبع في العناصر المستقلة

والاعلانات الخاصة
الله يسلمك اخي
نعم هل جربت تضع الكود في الاعلانات الخاصة بدلا من التشكيلات العامة
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الإثنين 6 يناير 2025 - 20:14

انا ضفته بالطبع في الاعلانات الخاصة لكن لازم معه تشكيلات العناصر المستقله عشان يغطي علي المنتدي بالكامل
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الإثنين 6 يناير 2025 - 20:37

moment كتب:انا ضفته بالطبع في الاعلانات الخاصة لكن لازم معه تشكيلات العناصر المستقله عشان يغطي علي المنتدي بالكامل
ربما يكفي وضعه بالاعلانات الخاصه لا أدري

هل تم الحل
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف moment الثلاثاء 7 يناير 2025 - 2:39

تم الحل اخي بارك الله فيك وسجلته في الاعلانات والعناصر المستقلة
moment
moment
 
 

ذكر
عدد المساهمات : 93
معدل النشاط : 434
السُمعة : 0

https://gzarab.yoo7.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

تم الحل رد: طلب اضافة AOS Animate

مُساهمة من طرف كونان2000 الثلاثاء 7 يناير 2025 - 15:23

moment كتب:تم الحل اخي بارك الله فيك وسجلته في الاعلانات والعناصر المستقلة
يالله يسلمك اخي moment
cat

تم حل المشكلة & ينقل للأرشيف.

يرجى مراجعة : قوانين منتدى الدعم
كونان2000
كونان2000
احلى نائب
احلى نائب

ذكر
عدد المساهمات : 1843
معدل النشاط : 3835
السُمعة : 341

https://anime.forumperso.com/

Digit@l يعجبه هذا الموضوع

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"

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