Dưới đây là 1 vài code blogger thường dùng cho Template Median UI
1. Code Button tùy chỉnh
<a class="button" href="javascript:;">Button</a>
2. Code nút Download
<a class="button" href="javascript:;"><i class="icon dl"></i>Download</a>
3. Code nút Demo
<a class="button" href="javascript:;"><i class="icon demo"></i>Demo</a>
4. Code nút Demo và Download
<div class="btnF">
<a class="button ln" href="javascript:;">Demo</a>
<a class="button" href="javascript:;"><i class="icon dl"></i>Download</a>
</div>
5. Code download File
<div class="dlBox">
<!--[ Change data-text='...' atribute to add new file type ]-->
<span class="fT" data-text="zip"></span>
<div class="fN">
<!--[ File name ]-->
<span>file_name.zip</span>
<span class="fS">200kb</span>
</div>
<!--[ Download link (change href='...' atribute to add link download) ]-->
<a aria-label="Download" class="button" href="javascript:;"><i class="icon dl"></i></a>
</div>
6. Code Bảng
<div class="table">
<table style="white-space: nowrap;">
<thead>
<tr>
<th>No</th>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
<th>Column 4</th>
<th>Column 5</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Data table 1</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
</tr>
<tr>
<td>2</td>
<td>Data table 2</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
</tr>
<tr>
<td>3</td>
<td>Data table 3</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
</tr>
<tr>
<td>4</td>
<td>Data table 4</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
<td>0.000.000</td>
</tr>
</tbody>
</table>
</div>
7. Code chú thích
Chú thích 1:
<p class="note wr notranslate"><b>Warning!</b><br />Epcot là công viên giải trí tại Walt Disney World Resort có các điểm tham quan thú vị, gian hàng quốc tế và pháo hoa. Từng đoạt giải thưởng và các sự kiện đặc biệt theo mùa.</p>`
Chú thích 2:
<p class="note notranslate">Epcot là công viên giải trí tại Walt Disney World Resort có các điểm tham quan thú vị, gian hàng quốc tế và pháo hoa. Từng đoạt giải thưởng và các sự kiện đặc biệt theo mùa.</p>`
8. Khung chứa code
<div class="pre preH"><pre>Code here</pre></div>
