عيد الاضحى المبارك


مواضيع تهمك

ركن شروحات الزين فورو XENFORO هذا القسم خاص بكل شروحات إستخدام XENFORO وتعديلات القوالب

[شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM

السلام عليكم، لا شك أنك ترغب في الحصول على عرض الشبكة في الموارد ، مثل إضافة TH] NODE] . رابط الإضافة: https://www.themehouse.com/xenforo/2/addons/nodes لكن هنا سنستخدم كود CSS بسيط يجب عليك وضعه في...

احصائياتى

الردود
5

المشاهدات
1401
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to beholdmaaidni is a splendid one to behold

  • maaidni غير متواجد حالياً

المشاركات
998

+التقييم
187

تاريخ التسجيل
Oct 2015

الاقامة
المغرب

نظام التشغيل
windows 8.1

رقم العضوية
605
07-27-2018, 01:44 PM
المشاركة 1
07-27-2018, 01:44 PM
المشاركة 1
افتراضي [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
السلام عليكم، لا شك أنك ترغب في الحصول على عرض الشبكة في الموارد ، مثل إضافة TH] NODE] .

رابط الإضافة:
كود:
https://www.themehouse.com/xenforo/2/addons/nodes
لكن هنا سنستخدم كود CSS بسيط يجب عليك وضعه في
كود:
Extra.less
واللذي سوف يغنيك عن الإضافة برمتها.

صورة قبل التعديل:



صورة بعد التعديل:



كود:
/* CODE_GRID-XFRM_MAAIDNI */
.structItem--resource {
    background-color: white !important;
    border-collapse: collapse;
    padding: 0px;
    width: 100%;
    min-height: 138px;
    height: 138px;
    height: auto;
    display: inline-block !important;
    margin: 9px 0px 0px 6px;
    max-width: 49% !important;
    max-height: 162px;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
    width: 96px;
    height: 96px;
    font-size: 57.6px;
    margin-left: 3px;
}

.structItem--resource .structItem-cell--main {
    width: 100%;
    height: 112px;
}
.structItem--resource .structItem-cell--resourceMeta {
    display: block;
    width: auto !important;
    margin-top: -13px;
    margin-bottom: 15px;
}

span.avatar.avatar--s.avatar--separated.structItem-secondaryIcon {
    display: none;
}
.structItem--resource .ratingStarsRow--justified {
    border-bottom: 1px solid #dfdfdf;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.pairs.pairs--justified>dd {
    float: left;
    text-align: right;
    max-width: 100%;
}
.structItem--resource .structItem-metaItem--lastUpdate {
    float: right;
}
.structItem--resource .structItem-metaItem--downloads {
    float: left;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconExpanded {
    width: 120px;
}
div[data-type="resource"] .structItemContainer {
    background-color: #f5f5f5;
}
@media (max-width: 1125px) {
  .structItem--resource {
    max-width: calc(95%) !important;
  }
}
@media (max-width: 650px) {
  .structItem--resource {
    display: table !important;
    max-width: 100% !important;
    margin: 5px 5px 5px 0px;
    box-shadow: none;
    }
}
/* CODE_GRID-XFRM_MAAIDNI */
ملاحظة: إذا كان لديك استايل أسود استخدم الكود أسفله

كود:
/* CODE_GRID-XFRM_MAAIDNI */
.structItem--resource {
    background-color: Gris anthracite !important;
    border-collapse: collapse;
    padding: 0px;
    width: 100%;
    min-height: 138px;
    height: 138px;
    height: auto;
    display: inline-block !important;
    margin: 9px 0px 0px 6px;
    max-width: 49% !important;
    max-height: 162px;
    box-sizing: border-box;
    vertical-align: top;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.28);
}

.structItem-cell--iconExpanded .structItem-iconContainer .avatar {
    width: 96px;
    height: 96px;
    font-size: 57.6px;
    margin-left: 3px;
}

.structItem--resource .structItem-cell--main {
    width: 100%;
    height: 112px;
}
.structItem--resource .structItem-cell--resourceMeta {
    display: block;
    width: auto !important;
    margin-top: -13px;
    margin-bottom: 15px;
}

span.avatar.avatar--s.avatar--separated.structItem-secondaryIcon {
    display: none;
}
.structItem--resource .ratingStarsRow--justified {
    border-bottom: 1px solid #FFFF00;
    margin-bottom: 2px;
    padding-bottom: 2px;
}
.pairs.pairs--justified>dd {
    float: left;
    text-align: right;
    max-width: 100%;
}
.structItem--resource .structItem-metaItem--lastUpdate {
    float: right;
}
.structItem--resource .structItem-metaItem--downloads {
    float: left;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconExpanded {
    width: 120px;
}
div[data-type="resource"] .structItemContainer {
    background-color: #303030;
}
@media (max-width: 1125px) {
  .structItem--resource {
    max-width: calc(95%) !important;
  }
}
@media (max-width: 650px) {
  .structItem--resource {
    display: table !important;
    max-width: 100% !important;
    margin: 5px 5px 5px 0px;
    box-shadow: none;
    }
}
/* CODE_GRID-XFRM_MAAIDNI */


قديم 07-28-2018, 12:53 PM
المشاركة 2
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت غير متواجد حالياً
افتراضي رد: [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
عشت ياباشا.

شروحات ناريه

قديم 07-28-2018, 01:50 PM
المشاركة 3
for sat
.:: عضو مبدع ::.
  • for sat غير متواجد حالياً
افتراضي رد: [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
ماشاءالله
شرح واضافة ولا اروع

قديم 07-28-2018, 07:21 PM
المشاركة 4
abo-karim
.:: Administrator ::.
  • abo-karim غير متواجد حالياً
افتراضي رد: [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
الله عليك

واقسم بالله العظيم مبدع

قديم 07-28-2018, 09:01 PM
المشاركة 5
maaidni
.:: معرب ومطور ومشرف ::.
قسم منتديات XenForo
  • maaidni غير متواجد حالياً
افتراضي رد: [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
بارك الله فيكم جميعا

أرقـى الناس هو أقلهم حديثاً عن النـاس وأنقـى الناس هو أحسنهم ظناً بالنـاس وأتقـى الناس , هو أكثرهم سعياً في خدمة الناس.

قديم 07-30-2018, 02:11 PM
المشاركة 6
MesterPerfect
.:: كبار شخصيات المنتدى ::.
المنتدى مراقب من خلاله
  • MesterPerfect غير متواجد حالياً
افتراضي رد: [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
الله يبارك فيك أخي ويجازيك خيرا

اضافة رد

العلامات المرجعية

[شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM


أدوات الموضوع

الانتقال السريع
المواضيع المتشابهه للموضوع: [شرح]- عمل عرض الشبكة في الموارد Grid layout for XFRM
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
[Webmaster Tools] حل مشكلة الموارد المحظورة فى ادوات مشرفى المواقع لتحسين فهرسة موقعك abo-karim ركن عالم جوجل Google 11 07-11-2020 01:03 AM
[ تعريب] : تعريب إضافة شروط التحميل من المتجر [J] XFRM Extras MesterPerfect اضافات الزين فورو XENFORO 4 01-18-2019 02:21 PM
[ شرح ] : عمل عرض الشبكة في المشاركات Grid layout for Thread maaidni ركن شروحات الزين فورو XENFORO 5 08-25-2018 03:43 PM
ما هيا الموارد المحظوره فى ادوات مشرفى المواقع ؟ وكيف حل المشكله هيلبرنت ركن تقنيات محركات البحث سيو SEO 2 03-17-2018 08:59 PM
[Android] : ماذا تعني رموز الشبكة ( H+,H,G,E,3G,Lte) هيلبرنت Android اندرويد 0 12-14-2016 01:44 AM




الساعة الآن 04:36 PM
RSS 2.0XML Site MapTAGS SiteInfo SiteRSS FeedMap SectionsvB MapsMap TagSitemap ForumMaps Forum