ServertoSite.com    Find our open source software below : ): )

The Mivardia Customizable CSS Theme. Open Source CSS Goodness

You can see a demo of this cool user friendly Mivardia CSS website theme, by seeing it in use on our Low Maintenance Web Friendly Website demonstration, click here to see the Mivardia theme in action, will open in a new screen. I have put the download link for this theme a little bit lower down in this page. It can be found under the heading named 'download'. I hope you enjoy the modern cool design.

The Mivardia Theme Squeezes Down to Fit the Screens of Mobile Smart Phones and also Netbooks or Small Tablet Computers. At the Same Time Mivardia is Equally at Home Expanded to its Maximum Width of 918px on a Home Computer.

The Image Below Shows the Mivardia Theme Compressed for Mobile Browsing:         >>> ------       SQUEEZE       ------ <<<

mobile internet compatible Mivardia CSS theme shown reduced down to minimum width for mobile browsers

The above image shows the mivardia theme squeezed down to its minimum width of 530px for user-friendly browsing on smart phones.

Compatibility

The theme is compatible with all modern web browsers, Firefox, Opera, Chrome, Safari, Internet Explorer etc, the theme is also compatible with the superseded Internet Explorer 7. The Mivardia theme will also work in the very old Internet Explorer version 6, but you will need Javascript to make the drop down menu work in the ancient Internet Explorer 6. In Internet Explorer version 6 the shadow bar I have made under the menu and above the footer of the theme will not show as a shadow in Internet Explorer 6, but it will show as an expansion of around 50 pixels on estimate. That said the theme will still look fine in the ancient internet explorer version 6 for any people still using that old web browser.

The License Details

The Mivardia CSS theme is released under the Creative Commons Open Source BSD License. You can legally use the Mivardia theme in as many of your own websites or other peoples websites as you like, that includes clients websites, so long as you leave our credits in the very top of the Mivardia style.css file. You are not required to put a link from any of your websites or web pages you use the Mivardia theme on back to us. Just enjoy the theme. Click here if you want to visit the creativecommons.org website and read the BSD license details, they are very liberal.

.........V Download Mivardia V.........

Click here to download the Mivardia  Customizable CSS Theme .

The Mivardia Customizable CSS Theme was released at the end of in January 2011.

The Mivardia theme is also included in our Low Maintenance Web Friendly Website Package. A simple PHP website >>> Click here if you have not seen the details about it already.

Mivardia theme as used on our simple web package

What Comes in The Package

  • The Mivardia theme CSS stylesheet named style.css
  • A Printer friendly CSS stylesheet named print.css (The print stylesheet will show a white background for printing only, even if you change to a colored background in the main style.css file.
  • An index.html with appropriate XHTML for wither a home page or any other page on the website that you want to have that same look, even if that means the whole website, its your choice what you use the files for.
  • A html file named about-us.html, this page contains the appropriate XHTML for a two column page. It is up to you how you use the files, you could even use a two column page as a home page if you wanted too.
  • A html file named contact-us.html, this gives an example of what a contact form looks like with the Mivardia theme, there is a whole lot of radio buttons and checkboxes etc in the form you may not use, so go into the XHTML and copy and paste out what you 'need' to make your own contact pages if you like.
  • You will also find a folder named 'With Search Bar'. In this folder is a version of the Mivardia theme with a tastefully styled search bar in the header. All the above files are repeated for the search bar version. You can see what the search bar looks like in the image shown below.

Mivardia customizable CSS theme, search box version

Above is a screen shot snippet that shows the version of the Mivardia Customizable CSS Theme that comes with a search bar. You will receive both the version with and without a search bar in your download.

Below You Can See the Drop Down Menus on the Mivardia Customizable CSS Theme

The drop down menus in full view on the mivardia CSS theme

The drop down menus shown above in the Mivardia CSS theme come with a white background and dark blue borders. The rounded corners on the menu and on the about us and contact us links (top right) will show in most modern web browsers apart from Internet Explorer version version 8 and previous versions of internet explorer, the new upcoming internet explorer is said to be compatible with CSS round corners.

Getting into the Mivardia style.css Theme CSS File

showing what some parts of the Mivardia CSS file are for in regards to the look of your website

In the image above you can see references and tips to some of the settings in the Mivardia style.css file relating to website width, header background color, the header logo image and header height all if you can change at will if you know what you are doing. You will also notice I have put a lot more comments in the style.css file between /* forward slashes back slashes and stars */. These tell you what important parts of the Mivardia style.css file deal with and are used for. I hope you find the comments throughout the Mivardia style.css file a useful guide in your Mivardia CSS adventure. You can remove the guiding instructional CSS reference comments to lighten the CSS file, but please leave my credits in the very top of the Mivardia style.css file.

Some Tips to Remember Before Making any Changes to the Style.css File

Before you start making any changes I would recommend making one or more back up copies of the style.css style sheet at all times and when you make progression you are happy with, save another copy of the style.css stylesheet, so if you mess something thing up from there, you can always go to the back up copy of that style sheet and go from that reference point. When you are doing web development think Back Up's and think security, although the only security thing you will need to worry about when it comes to stylesheets is making sure that file permissions are set to 644 for the style sheets on your live web space, oh did I say just the CSS files set with file permissions of 644, it is most likely that you will need to set every single file that you ever have in your web space to file permissions of 644 (644 also looks like -rw-r--r--, so if there are any extra w's or r's, the file permissions are no longer set at 644 which can in a hacker attack if you leave your pages with other file permission settings that are not permissions of 644). Please take note of this even if a file is a zip file or pdf file, it is still a file and security is still security.


Like the Mivardia CSS Theme?  Want to Twitter this Page?

Twitter a message below and it will have the URL of this page attached to the end of the message. Then after you click move your message to Twitter further below, it will be redirected from here and carried over to twitter.com ready for you to hit tweet, so long as you are logged in to Twitter, Otherwise you will be asked to login first.

You have used:  characters. Enter a maximum of 54 characters as the URL of this page is automatically included at the end of your message, needing 'all' the rest of the space, including the two free 2 character spaces left over.

You can also just choose an option below as your Twitter message instead of writing one above if you like.

Your message will be sent along with the URL of this page which is http://servertosite.com/css-themes-open-source/mivardia-customizable-css-theme.html


Below are More Sites this Page Can be Given the Thumbs Up With:

Click to Digg This Page

Click to Google Buzz It

Personally Recommended Services and Products Below

KnownHost Quality Managed VPS/Hybrid and Dedicated Servers Click Here

KnowHost is a truly respected VPS/Hybrid & Dedicated server provider. Advantages of VPS over shared hosting: Dedicated RAM, Useable Bandwidth, Unlimited Websites, Shell, More Control.