mirror of
https://github.com/php/web-php.git
synced 2026-03-23 23:02:13 +01:00
logo page improvements
Put back chunks of the old logo page that I'm nostalgic for. Use print_image() function for rendering img tags as before. Remove some now-unused CSS.
This commit is contained in:
Peter Cowburn
@@ -27,30 +27,26 @@ function random_bgcolor($min, $max)
|
||||
";\"";
|
||||
}
|
||||
?>
|
||||
<h1>Download</h1>
|
||||
|
||||
<p>
|
||||
Click on link below image and save the image.
|
||||
<h1>Download Logos and Icons</h1>
|
||||
|
||||
<p class="warn">
|
||||
Do not just include the graphic from our servers on your page!
|
||||
Copy the image to your site please.
|
||||
</p>
|
||||
|
||||
<ul>
|
||||
<li>
|
||||
Copy the image to your server.
|
||||
</li>
|
||||
<li>
|
||||
Prefer SVG and convert to size/format you need.
|
||||
</li>
|
||||
<li>
|
||||
The font used is
|
||||
<a href="http://www.myfonts.com/fonts/bitstream/handel-gothic/">Handel
|
||||
Gothic</a>.
|
||||
</li>
|
||||
</ul>
|
||||
<p>
|
||||
In case you have found some PHP logos, icons or other material around
|
||||
the web, feel free to point those out to us, so we can include them here,
|
||||
if appropriate. And oh, if you're wondering about the font we used, it's
|
||||
called <a href="http://www.myfonts.com/fonts/bitstream/handel-gothic/">Handel
|
||||
Gothic</a>.
|
||||
</p>
|
||||
|
||||
<h2>Licensing</h2>
|
||||
<h2>PHP logo</h2>
|
||||
|
||||
<p>
|
||||
The author Colin Viebrock released the image as
|
||||
The author Colin Viebrock released the PHP logo as
|
||||
<a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons
|
||||
Attribution-Share Alike 4.0 International</a>, feel free to reuse, do not
|
||||
forget the terms of use:
|
||||
@@ -69,98 +65,317 @@ function random_bgcolor($min, $max)
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
<div class="logo-list row">
|
||||
<div class="col center">
|
||||
<img src="/images/logos/new-php-logo.png" width="200" alt="php logo">
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/new-php-logo.svg">SVG</a> |
|
||||
<a href="http://php.net/images/logos/new-php-logo.png">PNG</a>
|
||||
</div>
|
||||
<div class="center logo-list">
|
||||
<?php print_image("logos/new-php-logo.svg", "PHP logo", FALSE, 'width="200"'); ?>
|
||||
<br>
|
||||
<a href="/images/logos/new-php-logo.svg">SVG</a> |
|
||||
<a href="/images/logos/new-php-logo.png">PNG</a>
|
||||
</div>
|
||||
|
||||
<h2>Alternative logo</h2>
|
||||
|
||||
<p>
|
||||
Levi Morrison created this alternative version without background to use on PHP Site.
|
||||
Levi Morrison created this alternative version to use on PHP.net.
|
||||
</p>
|
||||
|
||||
<div class="logo-list row">
|
||||
<div class="col center">
|
||||
<img src="/images/logos/php-logo-bigger.png" width="150" alt="alternative php logo without background">
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/php-logo.svg">SVG</a> |
|
||||
<a href="http://php.net/images/logos/php-logo-bigger.png">PNG</a>
|
||||
</div>
|
||||
<div class="center logo-list">
|
||||
<?php print_image("logos/php-logo.svg", "PHP logo", FALSE, 'width="200"'); ?>
|
||||
<br>
|
||||
<a href="/images/logos/php-logo.svg">SVG</a> |
|
||||
<a href="/images/logos/php-logo-bigger.png">PNG</a>
|
||||
</div>
|
||||
|
||||
<h2>Old formats</h2>
|
||||
<h2>Other logos and graphics</h2>
|
||||
|
||||
<p>
|
||||
Disclaimer: Using these formats is not recommended.
|
||||
The images marked with a <span class="star" title="recommended">*</span> are
|
||||
the images we recommend to display on your website, in case you are unable
|
||||
to choose from the formats. Note however, that some combinations of
|
||||
browser/operating system don't handle transparent PNG images very well.
|
||||
</p>
|
||||
|
||||
<div class="logo-list row">
|
||||
<div class="center logo-list">
|
||||
<table border="0" width="90%" cellspacing="2" cellpadding="10" id="logos">
|
||||
|
||||
<div class="col center">
|
||||
<img src="/images/logos/php-med-trans-light.gif">
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/php-logo.eps">EPS</a> |
|
||||
<a href="http://php.net/images/logos/php-logo.ai">AI (Adobe Illustrator)</a> |
|
||||
<a href="http://php.net/images/logos/php-big.tif">TIF</a> |
|
||||
<a href="http://php.net/images/logos/php-med-trans.png">PNG</a> |
|
||||
<a href="http://php.net/images/logos/php-med-trans-light.gif">GIF</a>
|
||||
</div>
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-med-trans-light.gif", "PHP logo"); ?><br>
|
||||
(not exactly as shown)
|
||||
</td>
|
||||
<?php print_star(); ?>
|
||||
<td>
|
||||
<ul>
|
||||
<li>scaleable vector image</li>
|
||||
<li>
|
||||
<a href="/images/logos/php-logo.eps">EPS format</a> |
|
||||
<a href="/images/logos/php-logo.ai">AI (Adobe Illustrator) format</a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div class="col center">
|
||||
<div>
|
||||
<img src="/images/logos/php-power-white.png">
|
||||
</div>
|
||||
<br>
|
||||
"Powered by PHP"
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/php-power-white.png">PNG</a>
|
||||
</div>
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-med-trans-light.gif", "PHP logo"); ?><br>
|
||||
(not exactly as shown)
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>250 x 134 pixels</li>
|
||||
<li>white background</li>
|
||||
<li>large scale for presentations, etc.</li>
|
||||
<li><a href="/images/logos/php-big.tif">TIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div class="col center">
|
||||
<div>
|
||||
<img src="/images/logos/php-power-micro.png">
|
||||
<img src="/images/logos/php-power-micro2.png">
|
||||
<img src="/images/logos/php5-power-micro.png">
|
||||
</div>
|
||||
<br>
|
||||
"Powered by PHP"
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/php-power-micro.png">PNG 1</a> |
|
||||
<a href="http://php.net/images/logos/php-power-micro2.png">PNG 2</a> |
|
||||
<a href="http://php.net/images/logos/php5-power-micro.png">PNG 3</a>
|
||||
</div>
|
||||
<tr>
|
||||
<td class="logo" <?php random_bgcolor(0, 5); ?>>
|
||||
<?php print_image("logos/php-med-trans.png", "PHP logo"); ?>
|
||||
</td>
|
||||
<?php print_star(); ?>
|
||||
<td>
|
||||
<ul>
|
||||
<li>95 x 51 pixels</li>
|
||||
<li>transparent background</li>
|
||||
<li>suitable for any background</li>
|
||||
<li><a href="/images/logos/php-med-trans.png">PNG format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div class="col center">
|
||||
<div>
|
||||
<img src="/images/logos/php-icon.png">
|
||||
</div>
|
||||
<br>
|
||||
32 x 32 pixels
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/php-icon.png">PNG</a> |
|
||||
<a href="http://php.net/images/logos/php-icon-white.gif">GIF</a> |
|
||||
<a href="http://php.net/images/logos/php.ico">ICO</a>
|
||||
</div>
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-med-trans-light.gif", "PHP logo"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>95 x 51 pixels</li>
|
||||
<li>transparent background</li>
|
||||
<li>suitable for white/light backgrounds</li>
|
||||
<li><a href="/images/logos/php-med-trans-light.gif">GIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<div class="col center">
|
||||
<div>
|
||||
<img src="/images/logos/php_file_ico.gif">
|
||||
<img src="/images/logos/php_script_ico.png">
|
||||
<img src="/images/logos/php_xpstyle_ico.gif">
|
||||
</div>
|
||||
<br>
|
||||
Icon resource for Windows
|
||||
<br>
|
||||
<a href="http://php.net/images/logos/php_file.ico">ICO 1</a>
|
||||
<a href="http://php.net/images/logos/php_script.ico">ICO 2</a>
|
||||
<a href="http://php.net/images/logos/php_xpstyle.ico">ICO 3</a>
|
||||
</div>
|
||||
<tr>
|
||||
<td class="logob">
|
||||
<?php print_image("logos/php-med-trans-dark.gif", "PHP logo"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>95 x 51 pixels</li>
|
||||
<li>transparent background</li>
|
||||
<li>suitable for black/dark backgrounds</li>
|
||||
<li><a href="/images/logos/php-med-trans-dark.gif">GIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo" <?php random_bgcolor(3, 5); ?>>
|
||||
<?php print_image("logos/php-power-white.png", "Powered by PHP"); ?>
|
||||
</td>
|
||||
<?php print_star(); ?>
|
||||
<td>
|
||||
<ul>
|
||||
<li>88 x 31 pixels</li>
|
||||
<li>"Powered by PHP" logo</li>
|
||||
<li>black text on transparent background</li>
|
||||
<li><a href="/images/logos/php-power-white.png">PNG format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-power-white.gif", "Powered by PHP"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>88 x 31 pixels</li>
|
||||
<li>"Powered by PHP" logo</li>
|
||||
<li>black text on solid white background</li>
|
||||
<li><a href="/images/logos/php-power-white.gif">GIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo" <?php random_bgcolor(0, 2); ?>>
|
||||
<?php print_image("logos/php-power-black.png", "Powered by PHP"); ?>
|
||||
</td>
|
||||
<?php print_star(); ?>
|
||||
<td>
|
||||
<ul>
|
||||
<li>88 x 31 pixels</li>
|
||||
<li>"Powered by PHP" logo</li>
|
||||
<li>white text on transparent background</li>
|
||||
<li><a href="/images/logos/php-power-black.png">PNG format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logob">
|
||||
<?php print_image("logos/php-power-black.gif", "Powered by PHP"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>88 x 31 pixels</li>
|
||||
<li>"Powered by PHP" logo</li>
|
||||
<li>white text on solid black background</li>
|
||||
<li><a href="/images/logos/php-power-black.gif">GIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-power-micro.png", "PHP Powered"); ?><br><br>
|
||||
<?php print_image("logos/php-power-micro2.png", "PHP Powered"); ?><br><br>
|
||||
<?php print_image("logos/php5-power-micro.png", "PHP 5 Powered"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>80 x 15 pixels</li>
|
||||
<li>"PHP Powered" logo</li>
|
||||
<li>suitable for any background, usually used on blogs</li>
|
||||
<li>
|
||||
<a href="/images/logos/php-power-micro.png">PNG format (1)</a>,
|
||||
<a href="/images/logos/php-power-micro2.png">PNG format (2)</a>
|
||||
<a href="/images/logos/php5-power-micro.png">PNG format (3)</a>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo" <?php random_bgcolor(0, 5); ?>>
|
||||
<?php print_image("logos/php-icon.png", "PHP icon"); ?>
|
||||
</td>
|
||||
<?php print_star(); ?>
|
||||
<td>
|
||||
<ul>
|
||||
<li>32 x 32 pixels</li>
|
||||
<li>transparent background</li>
|
||||
<li>suitable for any background</li>
|
||||
<li><a href="/images/logos/php-icon.png">PNG format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-icon-white.gif", "PHP icon"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>32 x 32 pixels</li>
|
||||
<li>transparent background</li>
|
||||
<li>suitable for white/light backgrounds</li>
|
||||
<li><a href="/images/logos/php-icon-white.gif">GIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logob">
|
||||
<?php print_image("logos/php-icon-black.gif", "PHP icon"); ?>
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>32 x 32 pixels</li>
|
||||
<li>transparent background</li>
|
||||
<li>suitable for black/dark backgrounds</li>
|
||||
<li><a href="/images/logos/php-icon-black.gif">GIF format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php-icon-white.gif", "PHP icons"); ?><br>
|
||||
(not exactly as shown)
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>PHP icon resource for Windows</li>
|
||||
<li>suitable as icons for your desktop</li>
|
||||
<li>
|
||||
48x48, 32x32 and 16x16 sizes, in each of 16 colour,
|
||||
256 colour, and true colour formats ...
|
||||
all in one .ICO file
|
||||
</li>
|
||||
<li><a href="/images/logos/php.ico">ICO format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php_file_ico.gif", "PHP file icons"); ?><br>
|
||||
(not exactly as shown)
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>PHP icon resource for Windows</li>
|
||||
<li>suitable as icons for file extensions like .php and .phtml</li>
|
||||
<li>32x32 and 16x16 sizes, in true colour format... all in one .ICO file</li>
|
||||
<li>these icons are made by Gonzalo de la Pea</li>
|
||||
<li><a href="/images/logos/php_file.ico">ICO format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php_script_ico.png", "PHP script icons"); ?><br>
|
||||
(not exactly as shown)
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>PHP icon resource for Windows</li>
|
||||
<li>suitable as icons for file extensions like .php and .phtml</li>
|
||||
<li>48x48, 32x32, 24x24, 16x16 sizes, in each of Windows XP Alpha, 256 colour, and 16 colour formats... all in one .ICO file</li>
|
||||
<li>these icons are made by Travis Carden (AM)</li>
|
||||
<li><a href="/images/logos/php_script.ico">ICO format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td class="logo">
|
||||
<?php print_image("logos/php_xpstyle_ico.gif", "Windows XP PHP file icons"); ?><br>
|
||||
(not exactly as shown)
|
||||
</td>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul>
|
||||
<li>PHP icon resource for Windows XP [<b>use only on WinXP!</b>]</li>
|
||||
<li>suitable as icons for file extensions like .php and .phtml</li>
|
||||
<li>
|
||||
48x48, 32x32, 24x24, 16x16 sizes, in each of 16 colour, 256 colour,
|
||||
and true colour formats... all in one .ICO file
|
||||
</li>
|
||||
<li>these icons are made by Jonathan Metillon</li>
|
||||
<li><a href="/images/logos/php_xpstyle.ico">XP ICO format</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<?php site_footer();
|
||||
|
||||
@@ -1864,25 +1864,6 @@ aside.tips div.inner {
|
||||
list-style-type: none;
|
||||
}
|
||||
|
||||
/* https://github.com/mourner/dead-simple-grid */
|
||||
.row .row { margin: 0 -1.5em; }
|
||||
.col { padding: 1.5em; }
|
||||
|
||||
.row:after {
|
||||
content: "";
|
||||
clear: both;
|
||||
display: table;
|
||||
}
|
||||
|
||||
@media only screen { .col {
|
||||
float: left;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}}
|
||||
@media only screen and (min-width: 30em) {
|
||||
.col { width: 50%; }
|
||||
}
|
||||
|
||||
/* }}} */
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user