PHP pixum Exemples

Exemple #1

Fichier : 02_text_2_column.php Projet : hyrmedia/microweber

print pixum(250, 200);
?>
" alt="">
            <div class="caption">
              <h2 class="element lipsum">Simple Text</h2>
              <p class="element lipsum"><?php 
print lipsum();
?>
</p>
            </div>
        </div>
      </div>
  </div>
  <div class="mw-col" style="width:50%" >
      <div class="mw-col-container">
          <div class="element thumbnail edit">
              <img src="<?php 
print pixum(250, 200);
?>
" alt="">
              <div class="caption">
                <h2 class="element lipsum">Simple Text</h2>
                <p class="element lipsum"><?php 
print lipsum();
?>
</p>
              </div>
          </div>
      </div>
  </div>
</div>

Exemple #2

Fichier : about_us.php Projet : Staalkoper/templates

print TEMPLATE_URL . "img/mw.soc.tw.png";
?>
" /></a> <a target="_blank" href="http://plus.google.com"><img src="<?php 
print TEMPLATE_URL . "img/mw.soc.googplus.png";
?>
" /></a> <a target="_blank" href="http://youtube.com/microweber"><img src="<?php 
print TEMPLATE_URL . "img/mw.soc.yt.png";
?>
" /></a><br>
						</span> </div>
				</div>
			</div>
			<div class="mw-col" style="width:25%" align="center">
				<div class="mw-col-container">
					<div class=""> <img class="img-rounded img-polaroid" src="<?php 
print pixum(170, 170);
?>
" height="170" />
						<p class="element"><strong>Team Member</strong></p>
						<p class="element"><em>Current Position</em></p>
						<hr class="visible-desktop element">
						<p class="element" align="justify">The following text is ready for edit. Click here and describe your company team members briefly.</p>
						<br>
						<span class="social-icons ement"> <a target="_blank" href="http://www.facebook.com/microweber"><img src="<?php 
print TEMPLATE_URL . "img/mw.soc.fb.png";
?>
" /></a> <a target="_blank" href="http://www.twitter.com/microweber"><img src="<?php 
print TEMPLATE_URL . "img/mw.soc.tw.png";
?>
" /></a> <a target="_blank" href="http://plus.google.com"><img src="<?php 
print TEMPLATE_URL . "img/mw.soc.googplus.png";

Exemple #3

Fichier : image_cats_left_text.php Projet : hyrmedia/microweber

<img class="element img-polaroid" style="width: 100%" src="<?php 
print pixum(800, 120);
?>
" />
<div class="mw-row">
  <div class="mw-col" style="width: 30%">
    <div class="mw-col-container">
      <div class="well element" style="padding-bottom: 0">
        <module type="categories" class="nav nav-pills" for="content" />
      </div>
    </div>
  </div>
  <div class="mw-col" style="width: 70%">
    <div class="mw-col-container">
      <h2 class="element layout-title lipsum">Simple Text</h2>
      <p class="element layout-paragraph lipsum">
          <?php 
print lipsum();
?>
      </p>
    </div>
  </div>
</div>

Exemple #4

Fichier : 04_text_column.php Projet : hyrmedia/microweber

<img class="element img-polaroid" src="<?php 
print pixum(800, 150);
?>
" width="100%" alt=""  />
<div class="well">
    <h2 class="element lipsum">Two Columns & Picture</h2>
    <p class="element lipsum"><?php 
print lipsum();
?>
</p>
</div>

Exemple #5

Fichier : image_text_subscribe_banners_cats_left.php Projet : hyrmedia/microweber

print lipsum();
?>
</p>
          </div>
      </div>
    </div>
    <div class="mw-col" style="width: 40%">
       <div class="mw-col-container">
          <module type="newsletter" />
          <div class="mw-row">
              <div class="mw-col" style="width: 50%">
                <div class="mw-col-container">
                    <img class="element img-polaroid" style="margin-top: 0;" src="<?php 
print pixum(200, 200);
?>
" />
                    <img class="element img-polaroid" src="<?php 
print pixum(200, 200);
?>
" />
                </div>
              </div>
              <div class="mw-col" style="width: 50%">
                <div class="mw-col-container">
                    <module type="categories" for="content" class="well nav nav-pills" />
                </div>
              </div>
          </div>
        </div>
    </div>
</div>

Exemple #6

Fichier : 01_text_with_pic.php Projet : hyrmedia/microweber

<div class="mw-row">
  <div class="mw-col" style="width:25%" >
    <div class="mw-col-container">
        <img class="element img-polaroid img-rounded" src="<?php 
print pixum(150, 150);
?>
"    />
    </div>
  </div>
  <div class="mw-col" style="width: 75%">
    <div class="mw-col-container">
      <h2 class="element layout-title lipsum">Simple Text</h2>
      <p class="element lipsum"><?php 
print lipsum();
?>
</p>
      <p class="element lipsum"><?php 
print lipsum();
?>
</p>
    </div>
  </div>
</div>

Exemple #7

Fichier : index.php Projet : minhkiller/microweber

<img class="element" src="<?php 
print pixum(300, 300);
?>
" />

Exemple #8

Fichier : typography.php Projet : Staalkoper/templates

        <div class="mw-ui-col" style="width: 25%">
            <div class="mw-ui-col-container">
                 <p>Vivamus cursus orci risus, at commodo nulla laoreet ut. Vestibulum sit amet odio nisl. Suspendisse potenti. Mauris bibendum, elit at iaculis lacinia, ipsum turpis ornare elit, sit amet congue est erat et arcu. Sed in pharetra lectus.</p>
            </div>
        </div>
      </div>


      <h4>Combined</h4>

      <div class="well">
        <div class="mw-row">
          <div class="mw-col" style="width: 25%">
              <div class="mw-col-container">
                   <img src="<?php 
print pixum(250, 250);
?>
" alt="" />
              </div>
          </div>
          <div class="mw-col" style="width: 75%">
              <div class="mw-col-container">
                   <p>Vivamus cursus orci risus, at commodo nulla laoreet ut. Vestibulum sit amet odio nisl. Suspendisse potenti. Mauris bibendum, elit at iaculis lacinia, ipsum turpis ornare elit, sit amet congue est erat et arcu. Sed in pharetra lectus. Pellentesque et sem ornare, dignissim mauris id, vulputate urna. Proin sodales neque quam, ut pellentesque nunc volutpat sed.</p>
                   <a href="javascript:;">Read More</a>
              </div>
          </div>

        </div>
      </div>

      <h3>Lists</h3>

Exemple #9

Fichier : picture_with_categories.php Projet : Staalkoper/templates

<?php

/*

type: layout

name: Categories with pictures  
*/
?>
<div class="mw-row picture-with-categories-layout">
    <div class="mw-col" style="width: 60%">
      <div class="mw-col-container">
        <img src="<?php 
print pixum(600, 300);
?>
" class="element" alt="" width="100%" />
      </div>
    </div>
    <div class="mw-col" style="width: 40%">
      <div class="mw-col-container">
        <div class="item-box pad2"><module type="content_categories" id="<?php 
print uniqid('content_categories_' . rand());
?>
" /></div>
      </div>
    </div>
</div>

Exemple #10

Fichier : floatet_image_paragraph_2x.php Projet : hyrmedia/microweber

              <h2 class="element lipsum">Simle title</h2>
              <p class="element lipsum">
                  <?php 
print lipsum();
?>
              </p>
        </div>
    </div>
  </div>
</div>
<div class="well">
  <div class="mw-row">
    <div class="mw-col" style="width:35%" >
      <div class="mw-col-container">
           <img class="element img-polaroid" src="<?php 
print pixum(450, 150);
?>
"  />
      </div>
    </div>
    <div class="mw-col" style="width:65%" >
        <div class="mw-col-container">
              <h2 class="element lipsum">Simle title</h2>
              <p class="element lipsum">
                  <?php 
print lipsum();
?>
              </p>
        </div>
    </div>
  </div>

Exemple #11

Fichier : 4pics.php Projet : hyrmedia/microweber

"  />
    </div>
  </div>
  <div class="mw-col" style="width:50%">
    <div class="mw-col-container">
        <img class="element img-polaroid" width="100%" src="<?php 
print pixum(400, 150);
?>
"  />
    </div>
  </div>
</div>
<div class="mw-row">
  <div class="mw-col" style="width:50%">
    <div class="mw-col-container">
        <img class="element img-polaroid" width="100%" src="<?php 
print pixum(400, 150);
?>
"  />
    </div>
  </div>
  <div class="mw-col" style="width:50%">
    <div class="mw-col-container">
        <img class="element img-polaroid" width="100%" src="<?php 
print pixum(400, 150);
?>
"  />
    </div>
  </div>
</div>

Exemple #12

Fichier : last_articles.php Projet : hyrmedia/microweber

      <div class="mw-col-container">
        <div class="element">
            <img class="element img-polaroid" width="100%"  src="<?php 
print pixum(280, 240);
?>
" alt="" />
            <p class="element lipsum">July 11,  2012  Author Name</p>
            <h3 class="lipsum">Title</h3>
        </div>
      </div>
    </div>
    <div class="mw-col" style="width: 33%">
      <div class="mw-col-container">
        <div class="element">
            <img class="element img-polaroid" width="100%"  src="<?php 
print pixum(280, 240);
?>
" alt="" />
            <p class="element lipsum">July 11,  2012  Author Name</p>
            <h3 class="lipsum">Title</h3>
        </div>
      </div>
    </div>





</div>

Exemple #13

Fichier : template_settings.php Projet : Staalkoper/templates

<div id="settings-holder" style="padding: 22px;">
  <?php 
$header_image = get_option('header_image', 'mw-template-tale');
$font = get_option('font', 'mw-template-tale');
$header_image_pixum = pixum(250, 250);
if ($header_image == false) {
    $header_image = $header_image_pixum;
}
?>
  <div id="imagepreview"><img src="<?php 
print $header_image;
?>
"></div>
  <span id="headeruploader" class="mw-ui-btn">Upload Image</span>   <span id="removeimage" class="mw-ui-btn">Remove Image</span> <br>
  <div id="progress"></div>
  <style>
  
  #settings-container {
    font-family: Lato, sans-serif;
    color: #555566;
	overflow:visible;
	
}

      #imagepreview img{
          max-width: 100%;
      }

    </style>  
	
	<script>