دليل الإشهار العربي
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

إذا كانت هذه أول زيارة لك في الإشهار العربي، نرجوا منك مراجعة قوانين المنتدى من خلال الضغط هنا وأيضاً يشرفنا انضمامك إلى أسرتنا الضخمة من خلال الضغط هنا.

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Empty(تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
السلام عليكم احبائي Cool Cool 

اقدم لكم كود جديد من برمجتي لعمل شكل جديد للاقسام مع عمل حركة عن مرور الموشر ;) 

صورة الكود :

(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  718512269

الان ناتي للتركيب cat 

ادخل الى قالب index_Box

وابحث في القالب عن الكود الاتي :


الكود:

<span class="forumlink">
 <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
 </span



و استبدله بالكود :


الكود:

 <meta charset="UTF-8" /><title>قائمة الفئات</title><style>
    .category {
        border: 1px solid #ccc;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px;
        transition: transform 0.3s, box-shadow 0.3s;
    }

    .category img {
        width: 50px;
        height: 50px;
        float: right;
        margin-left: 10px;
    }

    .category h2 {
        margin-top: 0;
    }

    .category p {
        margin-bottom: 0;
    }

    .category:hover {
        transform: translateY(-5px);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }
</style> 
<div class="category">
       <img alt="Icon 1" src="icon1.png" />    
   <h2>
      <a href="category1.html">عنوان الفئة الأولى</a>
   </h2>
       
   <p>
      وصف الفئة الأولى.
   </p>
</div>
<div class="category">
       <img alt="Icon 2" src="icon2.png" />    
   <h2>
      <a href="category2.html">عنوان الفئة الثانية</a>
   </h2>
       
   <p>
      وصف الفئة الثانية.
   </p>
</div>
<div class="category">
       <img alt="Icon 3" src="icon3.png" />    
   <h2>
      <a href="category3.html">عنوان الفئة الثالثة</a>
   </h2>
       
   <p>
      وصف الفئة الثالثة.
   </p>
</div>


 

لاضافة اقسام اكثر استخدم هذا الكود : 


الكود:

<div class="category">
       <img alt="Icon " src="icon.png" />    
   <h2>
      <a href="category2.html">عنوان الفئة</a>
   </h2>
       
   <p>
      وصف الفئة .
   </p>
</div>



وابحث عن الكود التالي وقم بحذفه :


الكود:

 <span class="gensmall">{catrow.forumrow.TOPICS}</span>




يمكنك استخدام الكود كما تحب وليس الاقسام فقط .. كل ما عليك قعله هو نسخ الكود ووضعه باي مكان تريده ان بظهر فيه .. تحياتي لكم (تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Emptyرد: (تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
شكرا لك و بارك الله فيك على المشاركه

احسنت التكويد  (تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873

اقترح عليك  ايضا تغيير روابط  الصور بايقونات جوجل او font awesome

سيكون ذلك افضل

"الكود لا يتناسب مع النسخه الاخيره الا بعد التعديل "

تقبل مروري
(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Emptyرد: (تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
Tech-Info كتب:
شكرا لك و بارك الله فيك على المشاركه

احسنت التكويد  (تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873

اقترح عليك  ايضا تغيير روابط  الصور بايقونات جوجل او font awesome

سيكون ذلك افضل

"الكود لا يتناسب مع النسخه الاخيره الا بعد التعديل "

تقبل مروري
(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873


نعم يمكنك بالفعل استخدام fontawesome.com بدلا من الصور .. اخبرني من فضلك عن المشكلة التي واجهتك بالكود عند وضعه بالمنتدي

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Emptyرد: (تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
المشكلة ليست في الكود نفسه هو يعمل بشكل جيد

بل في اختلاف قالب index_box النسخه الاخيره

لتغيير الكود الاصلي بالكود الذي الذي قمت انت بتصميمه

(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Emptyرد: (تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
Tech-Info كتب:
المشكلة ليست في الكود نفسه هو يعمل بشكل جيد

بل في اختلاف قالب index_box النسخه الاخيره

لتغيير الكود الاصلي بالكود الذي الذي قمت انت بتصميمه

(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873


بالفعل تختلف النسخة الاخيرة سيتم اضافة شرح للنسخة الاخيرة شكرا لك

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Emptyرد: (تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
اخي يمكنك ادخال دالات الأقسام الخاصة بأحلى منتدى حتى عندما يقوم بتركيبه اي شخص لا يضطر الى تكرار الكود على جميع االاقسام والمنتديات
وفقط يقوم بوضعه مرة واحدة والتكرار يكون من تلقاء نفسه

وبالدالات أقصد اللي مقل هذه

الكود:

{catrow.forumrow.FORUM_NAME}

description(تومبيلات)حصريا شكل جديد للاقسام مع تاثير  Emptyرد: (تومبيلات)حصريا شكل جديد للاقسام مع تاثير

more_horiz
Mc nabulsy كتب:
اخي يمكنك ادخال دالات الأقسام الخاصة بأحلى منتدى حتى عندما يقوم بتركيبه اي شخص لا يضطر الى تكرار الكود على جميع االاقسام والمنتديات
وفقط يقوم بوضعه مرة واحدة والتكرار يكون من تلقاء نفسه

وبالدالات أقصد اللي مقل هذه

الكود:

{catrow.forumrow.FORUM_NAME}



بالضبط ممكن عملها بشكل تلقائي للاقسام تسلم ياغالي  (تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873 (تومبيلات)حصريا شكل جديد للاقسام مع تاثير  235873



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
power_settings_newقم بتسجيل الدخول للرد

جميع الحقوق محفوظة لدليل الاشهار العربي