"Test" کے نسخوں کے درمیان فرق

نعت کائنات سے
Jump to navigationJump to search
(نیا صفحہ: {{صفحہ اول/عنوان2}} <!-- ============== ستون کا آغاز================ --> {| style="margin-top:10px; background:none;" <!-- ============== دایاں ستو...)
 
کوئی خلاصۂ ترمیم نہیں
سطر 1: سطر 1:
{{صفحہ اول/عنوان2}}
*, *:before, *:after {
<!-- ============== ستون کا آغاز================ -->
-moz-box-sizing: border-box;
{| style="margin-top:10px; background:none;"
-webkit-box-sizing: border-box;
<!-- ============== دایاں ستون شروع ================ -->
box-sizing: border-box;
| style="width:60%; border:1px solid #a7d7f9; background:#fffaf5; vertical-align:top; color:#000; padding: 0px 10px 10px 0px; {{border-radius|7px}}" |
}
{| id="mp-right" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:transparent;"
<!-- ============== منتخب مضمون ================ -->
! {{صفحہ اول/خانہ
|عنوان  = منتخب&nbsp;مضمون
|تصویر  = HSutvald2.svg
|متن =<div id="mf-ur">  {{صفحہ اول/منتخب مضمون}}</div>
|orange = oLumiereSur
}}
</div>
<!-- ================== بہترین مضمون =============== -->
! {{صفحہ اول/خانہ
|عنوان  = بہترین&nbsp;مضمون
|تصویر  = HSUtvaldgrey.png
|متن =  <div id="mf-ur">{{صفحہ اول/بہترین مضمون}}</div>
}}
</div>
<!-- ================== حالیہ واقعات=============== -->
! {{صفحہ اول/خانہ
|عنوان  = حالیہ&nbsp;واقعات
|تصویر  = HSAktuell.svg
|متن =  <div id="mf-ur">{{خبروں میں}}</div></div>
}}
<!-- ============== آج کا دن ================= -->
! {{صفحہ اول/خانہ
| تصویر  = HSDagensdatum.svg
| عنوان  = آج کا دن
| متن = <div id="mf-ur">{{آج کے دن}}</div>
}}
</div>
<!-- ================== منتخب فہرست=============== -->
<!-- ! {{صفحہ اول/خانہ
|عنوان  = منتخب فہرست
|تصویر  = HSAktuell.svg
|متن = {{منتخب فہرست صفحہ اول}}</div>
}} -->
<!-- =============  تصاویر ================== -->
<!-- ! {{صفحہ اول/خانہ
|id      = mf-gambarpilihan
|عنوان  = منتخب تصویر
|تصویر  =  HSBild.svg
|متن = <div id="mf-ur" style="margin-bottom: auto;" title="">{{صفحہ اول/منتخب تصویر}}</div>
|lien    =
}}
</div> -->
<!-- ============= دایاں ستون کا اختتام ================= -->
|}
| style="solid transparent;" |
<!-- ============== بایاں ستون کا آغاز ================ -->
| style="width:40%; border:1px solid #a7d7f9; background:#f5faff; vertical-align:top; padding: 0px 10px 10px 0px; {{border-radius|7px}}"|
<!-- =====================  ستون شروع  ==================== -->
{| id="mp-left" cellpadding="2" cellspacing="5" style="width:100%; vertical-align:top; background:#f5faff; background:transparent;"
<!-- ===================== دعوت شرکت =============== -->
! <div id="mf-ur">{{صفحہ اول/خانہ2
| تصویر  = W-circle.svg
| عنوان  = ویکیپیڈیا کا حصہ بنیں!
| متن =  <div id="mf-ur">{{صفحہ اول/خوش آمدید}}</div>
}}</div>
<!-- ====================== الفاظ و اقوال/اقتباسات =============== -->
! {{صفحہ اول/خانہ2
| تصویر  = HS Korganizer.svg
| عنوان  = آج کا لفظ
| متن = {{اردو کی عام غلطیاں}}
}}
<!-- {{آسان خط|[[wikt:|ویکشنری]] '''·''' [[ویکیپیڈیا:آج کے الفاظ/جملہ الفاظ کی نمائش|مکمل فہرست اغلاط]]}} -->
! {{صفحہ اول/خانہ2
| تصویر  = HSBook.svg
| عنوان  = آج کی بات
| متن = {{/پیغام/4}}
}}
<!-- ===================== منصوبہ =============== -->
! {{صفحہ اول/خانہ2
| تصویر  = {{{img1|Text-x-generic with pencil-2.svg}}}
| عنوان  = {{{jud1|حالیہ موضوعات}}}
| متن = {{صفحہ اول/ہدف مضامین|}}
}}
<!-- ========================= اضافی =============== -->
<!--
! {{صفحہ اول/خانہ2
| تصویر  =
| عنوان  =
| متن = {{سانچہ}}
}}
-->
<!-- ====================== برادری =============== -->
! {{صفحہ اول/خانہ2
| تصویر  = HSSamarbete.svg
| عنوان  = ویکیپیڈیا صارفین
| متن = {{ویکی برادری}}
}}
</div>
<!-- ================== کیا آپ جانتے تھے  =============== -->
! {{صفحہ اول/خانہ2
|عنوان  = کیا آپ جانتے تھے؟
|تصویر  = HSVissteduatt.svg
|متن =  {{صاف}} {{کیا آپ جانتے تھے؟|}}
|lien    =  {{صاف}}
}}
</div>
|}
<!--
<!-- ================= ستون کے بائیں سرے میں میز=============== -->
<!-- ======================== بایاں ستون ختم =============== -->
|}
<!-- ========================= ستون اختتام=============== -->
<!-- =========================  دیگر زبانیں=============== -->
<!-- {|id="mp-sp" cellpadding="2" cellspacing="5" style="margin: 1px 2px; width:99.5%; vertical-align:top; background:#fbfffa; border:1px solid #a7d7f9; border-radius:5px; color:#000;"
| {{رنگین عنوان |title=آج کی تصویر|File=HSBild.svg}}
{{صفحہ اول/منتخب تصویر}}
|} -->


{|id="mp-sp" cellpadding="2" cellspacing="5" style="margin: 1px 2px; width:99.5%; vertical-align:top; background:#fafbff; border:1px solid #a7d7f9; border-radius:5px; color:#000;"
 
|{{رنگین عنوان |title=کیا آپ بھی لکھنا چاہتے ہیں؟|File=HSEditor.svg}}
 
{{خانہ تخلیق مضمون}}
ul.main {  
{{آسان خط|[[ویکیپیڈیا:ہدایتی مواد|بذریعہ وڈیو رہنمائی]]}}
  list-style: none;
|}
  max-width: 75%;
</div>
  margin: 20px auto;
<!-- ==================== دستبرداری آغاز ==================== -->
}
{{صفحہ اول/سماجی روابط}}
h3 {padding: 0; margin: 0;}
{| style="margin:0 0 0 0; background:#fff5fa; width:99.5%; margin-top:12px; background:#e9f4ff;"
 
| style="width:99.5%; border:1px solid #000000; vertical-align:top; color:#000; padding: 0px 0px 0px 0px; " |
 
{| width="99.5%" style=" padding:0px; margin-top:0px; margin-bottom:0px; background:#e9f4ff;"
.date {
|-
  width: 17%;
| align=center |[[ویکیپیڈیا:عمومی اظہار لاتعلقی|ویکیپیڈیا صحت ومعتبریت کی کوئی ضمانت فراہم نہیں کرتا]]۔<br /><small>[[ویکیمیڈیا فاؤنڈیشن]] ویکیپیڈیا پر موجود مواد کی صحت کا ذمہ دار نہیں ہے۔ ہر ترمیم کنندہ خود اپنی ترمیم کا ذمہ دار ہے۔</small>
  padding: 15% 1% 0 0 ;
|}
  float: left;
|}
}
{| style="margin: 0 auto;background-color:transparent"
 
|[[ملف:Crystal 128 mail.png|24px|link=ویکیپیڈیا:ہم سے رابطہ کریں|alt=ہم سے رابطہ کریں]]||''[[ویکیپیڈیا:ہم سے رابطہ کریں|مدد کی ضرورت ہے؟ ہم سے رابطہ کریں!]]''
.date h3 {
|}
  font-size: 1.5em;
<!-- ===================== دستبرداری اختتام ====================== -->
}
{{روابط صفحہ اول}}
 
{{Nobots}}
.date p {
{{noexternallanglinks}}
  font-size: .8em;
__NOTOC____NOEDITSECTION__
}
[[زمرہ:صفحۂ اول]]
 
.events {
  float: left;
  width: 80%;
  border-left: 1px solid #ccc;
  margin-top: 10%;
  padding-top: 3%;
}
 
.events-detail {
  max-width: 550px;
}
 
.events-detail li{
  padding: 10px;
  border-bottom: 1px dashed #ccc;
  line-height: 22px;
  transition: ease .4s all;
}
 
.events-detail li:hover {
  background: #e9e9e9;
}
 
.event-time {
  font-weight: 900;
}
 
.events-detail li a {
  text-decoration: none;
  color: #444;
  width: 100%;
  height: 100%;
  display: block;
}
 
.event-location {
    font-size: .8em;
    color: tomato;
    margin-left: 70px;
}
 
 
 
@media all and (max-width: 641px) {
    .date {
      width: 100%;
      border-bottom: 1px solid #ccc;
      margin-bottom: 10px;
    }
 
  .events {
    border:none;
    width: 100%;
    margin-top: 0;
  }
 
  .events-detail {
    padding: 0;
  }
 
  li.date p {
    margin:0;
  }
}
 
 
<ul class="main">
  <li class="date">
    <h3>Dec 18</h3>
    <p>Schedule of Events</p>
  </li>
  <li class= "events">
    <ul class="events-detail">
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
    </ul> 
   
 
  </li>
       
 
 
    <li class="date">
    <h3>Dec 19</h3>
    <p>Schedule of Events</p>
  </li>
  <li class= "events cf">
    <ul class="events-detail">
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
     
      <li>
        <a href="#">
          <span class="event-time">2:00pm - </span>
          <span class="event-name">Kickoff Ceremony</span>
          <br />
          <span class="event-location">Headquarters</span>
        </a>
      </li>
    </ul>
   
 
  </li>
       
</ul>

نسخہ بمطابق 14:28، 22 جنوری 2017ء

  • , *:before, *:after {

-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


ul.main {

 list-style: none;
 max-width: 75%;
 margin: 20px auto;

} h3 {padding: 0; margin: 0;}


.date {

 width: 17%;
 padding: 15% 1% 0 0 ;
 float: left;

}

.date h3 {

 font-size: 1.5em;

}

.date p {

 font-size: .8em;

}

.events {

 float: left;
 width: 80%;
 border-left: 1px solid #ccc;
 margin-top: 10%;
 padding-top: 3%;

}

.events-detail {

 max-width: 550px;

}

.events-detail li{

 padding: 10px;
 border-bottom: 1px dashed #ccc;
 line-height: 22px;
 transition: ease .4s all;

}

.events-detail li:hover {

 background: #e9e9e9;

}

.event-time {

 font-weight: 900;

}

.events-detail li a {

 text-decoration: none;
 color: #444;
 width: 100%;
 height: 100%;
 display: block;

}

.event-location {

   font-size: .8em;
   color: tomato;
   margin-left: 70px;

}


@media all and (max-width: 641px) {

   .date {
     width: 100%;
     border-bottom: 1px solid #ccc;
     margin-bottom: 10px;
   }
 
 .events {
   border:none;
   width: 100%;
   margin-top: 0;
 }
 
 .events-detail {
   padding: 0;
 }
 
 li.date p {
   margin:0;
 }

}


  • Dec 18

    Schedule of Events

    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>


  • Dec 19

    Schedule of Events

    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>
    • <a href="#"> 2:00pm - Kickoff Ceremony
      Headquarters </a>