الگو:Infobox Company: تفاوت میان نسخه‌ها

از ویکی لاله زار آنلاین
تفاوت با ویرایش جدیدتر ←
Lalehzaronline (بحث | مشارکت‌ها)
دیوان‌سالاران، مدیران رابط کاربری، مدیران
۲٬۳۸۷ ویرایش‌ها
صفحه‌ای تازه حاوی «<div class="company-infobox"> <!-- هدر --> <div class="ci-header"> {{{نام شرکت|بدون‌نام}}} </div> <!-- مشخصات --> <div class="ci-flex"> <!-- ستون اطلاعات --> <div class="ci-info"> {{#if:{{{نوع|}}}| <div class="ci-row"> <div class="ci-label">نوع</div> <div class="ci-value">{{{نوع}}}</div> </div> }} {{#if:{{{سال ت...» ایجاد کرد
 
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<div class="company-infobox">
<div class="company-box">


  <!-- هدر -->
   <div class="company-header">
   <div class="ci-header">
     {{{نام شرکت|بدون‌نام}}}
     {{{نام شرکت|بدون‌نام}}}
   </div>
   </div>


  <!-- مشخصات -->
   <div class="company-body">
   <div class="ci-flex">
 
   
     <div class="company-info">
    <!-- ستون اطلاعات -->
     <div class="ci-info">


       {{#if:{{{نوع|}}}|
       {{#if:{{{نوع|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">نوع</div>
         <div class="company-label">نوع</div>
         <div class="ci-value">{{{نوع}}}</div>
         <div class="company-value">{{{نوع}}}</div>
       </div>
       </div>
       }}
       }}


       {{#if:{{{سال تأسیس|}}}|
       {{#if:{{{سال تأسیس|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">سال تأسیس</div>
         <div class="company-label">سال تأسیس</div>
         <div class="ci-value">{{{سال تأسیس}}}</div>
         <div class="company-value">{{{سال تأسیس}}}</div>
       </div>
       </div>
       }}
       }}


       {{#if:{{{موسس|}}}|
       {{#if:{{{موسس|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">مؤسس</div>
         <div class="company-label">مؤسس</div>
         <div class="ci-value">{{{موسس}}}</div>
         <div class="company-value">{{{موسس}}}</div>
       </div>
       </div>
       }}
       }}


       {{#if:{{{دفتر مرکزی|}}}|
       {{#if:{{{دفتر مرکزی|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">دفتر مرکزی</div>
         <div class="company-label">دفتر مرکزی</div>
         <div class="ci-value">{{{دفتر مرکزی}}}</div>
         <div class="company-value">{{{دفتر مرکزی}}}</div>
       </div>
       </div>
       }}
       }}


       {{#if:{{{حوزه فعالیت|}}}|
       {{#if:{{{حوزه فعالیت|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">حوزه فعالیت</div>
         <div class="company-label">حوزه فعالیت</div>
         <div class="ci-value">{{{حوزه فعالیت}}}</div>
         <div class="company-value">{{{حوزه فعالیت}}}</div>
       </div>
       </div>
       }}
       }}


       {{#if:{{{محصولات کلیدی|}}}|
       {{#if:{{{محصولات کلیدی|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">محصولات کلیدی</div>
         <div class="company-label">محصولات کلیدی</div>
         <div class="ci-value">{{{محصولات کلیدی}}}</div>
         <div class="company-value">{{{محصولات کلیدی}}}</div>
       </div>
       </div>
       }}
       }}


       {{#if:{{{وب‌سایت|}}}|
       {{#if:{{{وب‌سایت|}}}|
       <div class="ci-row">
       <div class="company-row">
         <div class="ci-label">وب‌سایت</div>
         <div class="company-label">وب‌سایت</div>
         <div class="ci-value">[{{{وب‌سایت}}} {{{وب‌سایت}}}]</div>
         <div class="company-value">[{{{وب‌سایت}}} {{{وب‌سایت}}}]</div>
       </div>
       </div>
       }}
       }}
خط ۶۳: خط ۶۰:
     </div>
     </div>


    <!-- ستون لوگو -->
     <div class="company-logo">
     <div class="ci-logo">
       {{#if:{{{لوگو|}}}|
       {{#if:{{{لوگو|}}}|
      [[File:{{{لوگو}}}|260px|center]]
        [[File:{{{لوگو}}}|260px]]
       }}
       }}
     </div>
     </div>
خط ۷۴: خط ۷۰:


<style>
<style>
.company-infobox {
.company-box {
   width: 100%;
   width: 100%;
   border: 1px solid #d0d0d0;
   border: 1px solid #ccc;
   background: #ffffff;
   background: #fff;
   border-radius: 10px;
   border-radius: 10px;
   box-shadow: 0 0 12px rgba(0,0,0,0.15);
   box-shadow: 0 0 10px rgba(0,0,0,0.15);
  padding: 0;
   margin: 20px 0;
   margin: 20px 0;
   direction: rtl;
   direction: rtl;
  font-size: 15px;
}
}


.ci-header {
.company-header {
   background: #003c66;
   background: #003b63;
   color: #fff;
   color: #fff;
   padding: 14px;
   padding: 12px;
   font-size: 20px;
   font-size: 20px;
   font-weight: bold;
   font-weight: bold;
  text-align: center;
   border-radius: 10px 10px 0 0;
   border-radius: 10px 10px 0 0;
  text-align: center;
}
}


.ci-flex {
.company-body {
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
   justify-content: space-between;
   padding: 15px;
   gap: 20px;
   gap: 20px;
  padding: 15px;
}
}


.ci-info {
.company-info {
   flex: 1;
   flex: 1;
}
}


.ci-logo {
.company-logo {
   width: 260px;
   width: 260px;
   display: flex;
   display: flex;
خط ۱۱۵: خط ۱۰۸:
}
}


.ci-row {
.company-row {
   display: flex;
   display: flex;
   border-bottom: 1px solid #eee;
   border-bottom: 1px solid #eee;
   padding: 8px 0;
   padding: 7px 0;
}
}


.ci-label {
.company-label {
   width: 35%;
   width: 30%;
   font-weight
   font-weight: bold;
}
 
.company-value {
  width: 70%;
}
 
@media(max-width:600px) {
  .company-body {
    flex-direction: column-reverse;
  }
  .company-logo {
    width: 100%;
  }
}
</style>

نسخهٔ ۱۷ آوریل ۲۰۲۶، ساعت ۰۹:۲۶

   بدون‌نام








<style> .company-box { 

 width: 100%;
 border: 1px solid #ccc;
 background: #fff;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(0,0,0,0.15);
 margin: 20px 0;
 direction: rtl;

}

.company-header { 

 background: #003b63;
 color: #fff;
 padding: 12px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 border-radius: 10px 10px 0 0;

}

.company-body { 

 display: flex;
 flex-direction: row;
 padding: 15px;
 gap: 20px;

}

.company-info { 

 flex: 1;

}

.company-logo { 

 width: 260px;
 display: flex;
 align-items: center;
 justify-content: center;

}

.company-row { 

 display: flex;
 border-bottom: 1px solid #eee;
 padding: 7px 0;

}

.company-label { 

 width: 30%;
 font-weight: bold;

}

.company-value { 

 width: 70%;

}

@media(max-width:600px) { 

 .company-body {
   flex-direction: column-reverse;
 }
 .company-logo {
   width: 100%;
 }

} </style>

برگرفته از «http://lalehzaronline.com/wiki/index.php?title=الگو:Infobox_Company&oldid=423»