daily pastebin goal
12%
SHARE
TWEET

Untitled

a guest Feb 21st, 2019 69 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <?php get_header(); ?>
  2. <div id="columns">
  3. <div id="frontpage" class="clearfix">  
  4.  
  5.     <?php
  6.     query_posts('posts_per_page=9' . '&orderby=date');
  7.     while ( have_posts() ) : the_post();
  8.     if ( in_category( 'Streetstyle' )) {
  9.         if(condition){ ?>
  10.             <div <?php post_class('pin'); ?>>
  11.                 <div class="reader-look">
  12.                     <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1>
  13.                     <?php if ( has_post_thumbnail() ) {
  14.                         the_post_thumbnail();
  15.                     }
  16.                     ?>
  17.                     <div class="clearfix"><tag>Streetstyle</tag></div>
  18.                     </a>
  19.                 </div>
  20.             </div>
  21.         <?php }
  22.     } elseif ( in_category( array( 'blogger-outfit' ) )) { //du kan også bruke komma her eks: 'streetstyle', 'ukategorisert'
  23.         if(condition){ ?>
  24.                 <div class="reader-look">
  25.                     <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1>
  26.                     <?php if ( has_post_thumbnail() ) {
  27.                         the_post_thumbnail();
  28.                     }
  29.                     ?>
  30.                     <div class="clearfix"><tag>Blogger Outfit For dagen</tag></div>
  31.                     </a>
  32.                 </div>
  33.  
  34.         <?php }
  35.      }
  36.      elseif ( in_category( array( 'video' ) )) { //du kan også bruke komma her eks: 'streetstyle', 'ukategorisert'
  37.         if(condition){ ?>
  38.                 <div class="reader-look">
  39.                     <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1>
  40.                     <?php if ( has_post_thumbnail() ) {
  41.                         the_post_thumbnail();
  42.                     }
  43.                     ?>
  44.                     <div class="clearfix"><tag>Video</tag></div>
  45.                     </a>
  46.                 </div>
  47.  
  48.         <?php }
  49.       }
  50.      elseif ( in_category( array( 'tips' ) )) { //du kan også bruke komma her eks: 'streetstyle', 'ukategorisert'
  51.         if(condition){ ?>
  52.                 <div class="reader-look">
  53.                     <a href="<?php the_permalink(); ?>"><h1><?php the_title(); ?></h1>
  54.                     <?php if ( has_post_thumbnail() ) {
  55.                         the_post_thumbnail();
  56.                     }
  57.                     ?>
  58.                     <div class="clearfix"><tag>Fashion tips</tag></div>
  59.                     </a>
  60.                 </div>
  61.         <?php }
  62.       }
  63.      else {
  64.         if(condition){ ?>
  65.         <a href="<?php the_permalink(); ?>">
  66.             <div <?php post_class('pin'); ?>>
  67.                 <h1>
  68.                     <?php the_title(); ?>
  69.                 </h1>
  70.                 <?php if ( has_post_thumbnail() ) {
  71.                     the_post_thumbnail();
  72.                 }
  73.                 the_content(' '); ?>
  74.             </div>
  75.         </a>
  76.     <?php } }
  77.     ?>          
  78.     <?php endwhile;
  79.     // Reset Query
  80.     wp_reset_query(); ?>
  81. </div>
  82. </div>
  83.    
  84. #wrapper #frontpage {
  85.     position: relative;
  86.     left: 15px;
  87. }
  88. #wrapper #columns {
  89.     -moz-column-count: 3;
  90.     -moz-column-gap: 40px;
  91.     -moz-column-fill: auto;
  92.     -webkit-column-count: 3;
  93.     -webkit-column-gap: 10px;
  94.     -webkit-column-fill: auto;
  95.     column-count: 3;
  96.     column-gap: 15px;
  97.     column-fill: auto;
  98. }
  99. #wrapper #columns .pin {
  100.     -moz-column-break-inside: avoid;
  101.     -webkit-column-break-inside: avoid;
  102.     column-break-inside: avoid;
  103.     display: inline-block;
  104.     width: 360px;
  105.     font: 100 12.5px 'Helvetica';
  106.     line-height: 18px;
  107.     color: #3a3a3a;
  108.     margin-bottom: 20px;
  109. }
  110. .reader-look h1  {
  111.     text-shadow: white 1px 1px 0px;
  112.     margin-bottom: 10px;
  113.     font: 100 24px 'Lato';
  114.     color: #333;
  115.     text-transform: uppercase;
  116.     text-decoration: none;
  117. }
  118. .reader-look h1 a {
  119.     color: #333;
  120.     text-decoration: none !important;
  121. }
  122. .reader-look img {
  123.     width: 360px;
  124.     height: auto !important;
  125. }
  126. tag {
  127.     background: #000;
  128.     color: #FFF;
  129.     padding: 10px;
  130.     display: inline-block;
  131.     font-weight: bold;
  132.     text-transform: lowercase;
  133.     font: 100 16px 'Lato';
  134.     -webkit-font-smoothing: subpixel-antialiased;
  135.     margin-bottom: 20px;
  136. }
  137. #wrapper #columns .pin .more-link {
  138.     margin-top: 10px;
  139.     color: #000;
  140. }
  141. #wrapper #columns .pin img {
  142.     width: 360px;
  143.     height: auto;
  144. }
  145. #wrapper #columns .pin iframe {
  146.     width: 380px !important;
  147.     height: auto !important;
  148. }
  149. #wrapper #columns .pin h1  {
  150.     text-shadow: white 1px 1px 0px;
  151.     margin-bottom: 10px;
  152.     font: 100 24px 'Lato';
  153.     color: #333;
  154.     text-transform: uppercase;
  155. }
  156. #wrapper #columns .pin h1 a {
  157.     color: #333;
  158.     text-decoration: none;
  159. }
  160. #wrapper #columns .pin a {
  161.     color: #333;
  162.     text-decoration: none;
  163. }
  164. #wrapper .pin .heading {
  165.   text-align:center;
  166.   border-bottom:1px solid #dddddd;
  167.   margin-bottom: 20px;
  168. }
  169. #wrapper .pin .heading h1 {
  170.   display:inline-block;
  171.   font: 100 21px 'Lato';
  172.   position:relative;
  173.   top: 12px;
  174.   background:#fff;
  175.   padding:0 12px;
  176. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top