PHP pixum示例

示例#1

文件： 02_text_2_column.php 项目： 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>

示例#2

文件： about_us.php 项目： 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";

示例#3

文件： image_cats_left_text.php 项目： 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>

示例#4

文件： 04_text_column.php 项目： 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>

示例#5

文件： image_text_subscribe_banners_cats_left.php 项目： 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>

示例#6

文件： 01_text_with_pic.php 项目： 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>

示例#7

文件： index.php 项目： minhkiller/microweber

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

示例#8

文件： typography.php 项目： 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>

示例#9

文件： picture_with_categories.php 项目： 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>

示例#10

文件： floatet_image_paragraph_2x.php 项目： 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>

示例#11

文件： 4pics.php 项目： 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>

示例#12

文件： last_articles.php 项目： 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>

示例#13

文件： template_settings.php 项目： 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>