About this theme
Thank you for using myCompany theme for GetSimple CMS. This theme is HTML5/CSS3 responsive - so you don't have to worry about mobile version layout. This theme is based on HTML5 boiler plate with Modernizr - But i've tried to keep this page as simple as possible (so many features wasn't used) but also modern and good looking. Design is 100% hand-made :) So I hope you like it :)
Installation
To install theme unzip download files into themes directory in your GetSimple installation
Templates available
-
template.php
Default template - this page for example -
template-no_breadcrumbs.php
Same as default - but no breadcrumbs -
blank.php
Full width page, no sidebar -
blank-no_breadcrumbs.php
Blank, full width - no breadcrumbs, no sidebar -
frontpage.php
Frontpage with notebook illustration image. Designed for use with small amount of text and large picture next to it.
See some examples here
CSS elements available
Images with borders
You can add class niceboder
to images in your text to create white border with rounded corners and shadow.
Nice Box
To create nice box like this one below, just create a div
, or span
with nicebox
class. And here is how it looks like. Nice centered div, for important things
Nicebox headline
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut est risus, placerat venenatis augue. Class aptent taciti sociosqu ad litora torquent per r sit amet, consectetur adipiscing elit. Donec ut est risus, placerat venenatis augue. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos
Button
If you like to create link with button look and feel - just add class button to any of your links in main text or sidebar.
Customization
All important images you may want to overwrite for your custom ones are located in customize directory. Please remeber - don't use images that are too big, or with white background - so your layout and look will stay consistent
Logo
To change logo for your custom one, simply overwrite logo.png and logo-bottom.png with your logo images. Transparent PNGs are the best choice.
Notebook image
To use your own title image - overwrite the titleimage.png - BUT If you like the image of notebook (custom created, it's not the render or photo of some mac) - you may want to use included LAYERED notebook.psd file to add your custom logo, or screenshot and place new notebook image to your website.
Social icons
Three major social networks icons available (more on request :). By defualt they are displayed in bottom right corner of the page. To add social icons please add new component in Theme -> Edit Components fwith name icons and add the following code
<a href="#"><img src="<?php get_theme_url(); ?>/img/ico-facebook.png" title="facebook" /></a>
<a href="#"><img src="<?php get_theme_url(); ?>/img/ico-twitter.png" title="twitter" /></a>
<a href="#"><img src="<?php get_theme_url(); ?>/img/ico-gplus.png" title="google plus"/></a>
where #
is url to your social profile page
Published on