felinum

el psy ko: Updates Tab HTML

Oct 1st, 2016
9,450
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 5.67 KB | None | 0 0
  1. <!-- updates tab -->
  2.  
  3. {block:ifUpdatesTab}
  4. <div id="updates">
  5.  
  6.     <!------------------
  7.  
  8.   1) You can change the icons by visiting https://linearicons.com/free#cheat-sheet and pasting your desired icon title (e.g.:home, user, dice, etc.) over the existing icon titles below
  9.  
  10.   2) To create a new section, copy everything between "<!-- section 1 -- >" and "<!-- end section 1 -- >" and paste it right after "<!-- end section 4 -- >"
  11.  
  12.   ------------------>
  13.    
  14.  
  15.     <!-- section 1 -->
  16.     <div class="uparent">
  17.         {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
  18.         {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
  19.         <div class="ui"><div class="updates_icon">
  20.             <!-- paste your new selected icon title over "moon" -->
  21.             <i class="lnr lnr-moon" aria-hidden="true"></i>
  22.         </div></div>
  23.         {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
  24.         {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
  25.         <div class="container_content">
  26.             <div class="updates_title">
  27.                 title 1 <!-- your title here -->
  28.             </div>
  29.             Hello. <!-- your text here -->
  30.         </div>
  31.     </div>
  32.     <!-- end section 1 -->
  33.  
  34.  
  35.     <!-- section 2 -->
  36.     <div class="uparent">
  37.         {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
  38.         {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
  39.         <div class="ui"><div class="updates_icon">
  40.             <!-- paste your new selected icon title over "magic-wand" -->
  41.             <i class="lnr lnr-magic-wand" aria-hidden="true"></i>
  42.         </div></div>
  43.         {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
  44.         {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
  45.         <div class="container_content">
  46.             <div class="updates_title">
  47.                 title 2 <!-- your title here -->
  48.             </div>
  49.             <!--  you can create lists like so: -->
  50.             <ul>
  51.                 <li>update 1</li> <!-- 1st list item -->
  52.                 <li>update 2</li> <!-- 2nd list item -->
  53.                 <li>update 3</li> <!-- 3rd list item -->
  54.             </ul>
  55.             <!-- end list -->
  56.         </div>
  57.     </div>
  58.     <!-- end section 2 -->
  59.    
  60.    
  61.     <!-- section 3 -->
  62.     <div class="uparent">
  63.         {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
  64.         {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
  65.         <div class="ui"><div class="updates_icon">
  66.             <!-- paste your new selected icon title over "star" -->
  67.             <i class="lnr lnr-star" aria-hidden="true"></i>
  68.         </div></div>
  69.         {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
  70.         {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
  71.         <div class="container_content">
  72.             <div class="updates_title">
  73.                 title 3 <!-- your title here -->
  74.             </div>
  75.             <!-- for watching / reading / rec lists, you can add a rating system with star icons inside the <li>...</li> tags like so: -->
  76.             <ul>
  77.                 <li>TV Show
  78.                     <!-- 5 stars -->
  79.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  80.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  81.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  82.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  83.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  84.                 </li>
  85.                    
  86.                 <li>Book
  87.                     <!-- 4 stars -->
  88.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  89.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  90.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  91.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  92.                 </li>
  93.                    
  94.                 <li>Anime
  95.                     <!-- 3 stars -->
  96.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  97.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  98.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  99.                     <i class="lnr lnr-star" aria-hidden="true"></i>
  100.                 </li>
  101.             </ul>
  102.             <!-- end lists -->
  103.         </div>
  104.     </div>
  105.     <!-- end section 3 -->
  106.    
  107.    
  108.     <!-- section 4 -->
  109.     <div class="uparent">
  110.         {block:ifUpdatesTabTopRight}<div class="lino"></div>{/block:ifUpdatesTabTopRight}
  111.         {block:ifUpdatesTabBottomRight}<div class="lino"></div>{/block:ifUpdatesTabBottomRight}
  112.         <div class="ui"><div class="updates_icon">
  113.             <!-- paste your new selected icon title over "rocket" -->
  114.             <i class="lnr lnr-rocket" aria-hidden="true"></i>
  115.         </div></div>
  116.         {block:ifUpdatesTabTopLeft}<div class="lino"></div>{/block:ifUpdatesTabTopLeft}
  117.         {block:ifUpdatesTabBottomLeft}<div class="lino"></div>{/block:ifUpdatesTabBottomLeft}
  118.         <div class="container_content">
  119.             <div class="updates_title">
  120.                 title 4 <!-- your title here -->
  121.             </div>
  122.             <!-- you can insert links like so: -->
  123.             <a href="http://{name}.tumblr.com">link example</a>
  124.             <!-- end link -->
  125.         </div>
  126.     </div>
  127.     <!-- end section 4 -->
  128.    
  129. </div>
  130. {/block:ifUpdatesTab}
Advertisement
Add Comment
Please, Sign In to add comment