CSS based browser image resizing
Posted on | May 23, 2012 | No Comments
Typically you would prefer to have your images resized directly on the server in order to save any available resources the client might have but with mobile or tabler interfaces your server access may be limited. In this case you might be required to resize images within your website within the client browser. At this point your best bet is to do this via CSS. This can be done simply and fast while maintaining the images aspect ratio by using something similar to the style assignments below.
CSS:
.img{
width:320px;
height:auto;
}
Simple CSS based drop down menu systems
Posted on | May 23, 2012 | No Comments
Previously this method was not possible with MSIE 6 but with the introduction of MSIE 7 and its younger siblings it is now possible to produce a drop down menu system with the use of CSS only. To add such menu something as simple as below can be implemented.
HTML:
<ul class="menu"> <li><a href="#">option 1</a> <ul><li><a href="#">option 2</a></li> </ul> </li> </ul>
CSS:
ul.menu ul{
display:none;
}
ul.menu li{
position:relative;
}
ul.menu li:hover ul{
position:absolute;
top:{height of top level menu};
display:block;
}
This post could be fleshed our more but it should provide you with a good start to producing your own CSS only horizontal menu system.
Concreate 5 – Overriding default document header meta
Posted on | April 27, 2012 | No Comments
You want to create a new theme for Concrete5 but the default header does not provide a valid method for setting the character set. You could always just post your declaration before the required header section but it will still print the default character set meta. This could cause security problems and cause your generated documents to fail when validating. Not the best solution.
To override the default header values simply copy the /concrete/elements/header_required.php file to your selected themes elements directory (/thenes/{my-theme}/elements/). Then link it within your themes header element (/thenes/{my-theme}/elements/header.php). Replace “< ?php Loader::element('header_required'); ?>” with “< ?php $this->inc(‘elements/header_required.php’); ?>” then modify your new theme specific -header_required.php- document.
That’s it! It’s that simple! Now go fix your themes!
Clear your Magento installs cache without using your admin pages
Posted on | April 18, 2012 | No Comments
While moving Magento installs or working on an existing clients install you might need to clean the cache but you might not have access to the installs admin. With the code below you can easily clean the installs cache.
< ?php
require_once 'app/Mage.php';
$app = Mage::app();
if($app != null) {
$cache = $app->getCache();
if($cache != null) {
$cache->clean();
}
}
?>
Just copy it to a newly created document then run. Your installs cache has now been cleaned.
keep looking »Social
My Tumblr
Medium rare filet mignon topped with melted butter.
Sweaty mushrooms.
