Previously I had shared an admin template which was custom-made. Today I share an admin template based on popular Twitter’s Bootstrap CSS framework. It has a lot of benefits such as responsive design, response images, a host of ready-made styles and icons that you can use. Take a look at some of the images in below given gallery, click to see in full view:
Go ahead and download it here and have fun :)
While working on a website or your custom CMS, you need to have an admin template and if you are already provided with one by designer or anyone, that’s good but sometimes you don’t have that option or you want to work on your personal project for which you need the admin template but designer isn’t available or you don’t want to buy an admin template or hire a designer. I often come across this requirement where I need an admin template which should have these features:
- Easy to customize
- Slick and nice looking interface
- Can be modified to as many links as needed, suitable for small to big websites
- Nice button and form styles
- Nice looking info messages
- Can be used as admin for any kind of website
Today I share with you guys an admin template that I created for my personal use. That’s free, you can use it for personal or commercial use.
First of all, I wish you a very happy new year, a year that brings a lot of happy moments to your life and makes you prosperous in all respects.
Demo 1: Vertical Text With CSS
After seeing the demo above, you might have already guessed the trick. Anyways, the trick is that you should apply a width of 1em and text-transform set to uppercase to the element you want to make the text of vertical something like this:
There is one more step. The text that you want to appear vertically should be separated by an space or more specifically each letter should be separated by an space character, that is exactly where a width of 1em plays. Here is an example:
H E L L O
Now you might have seen the vertical text often on blogs posts (or other places) where the date information is shown vertically. I have also created a demo page you can check out:
Demo 2: Vertical Text With CSS
So that is all there is to creating vertical text with CSS. I hope you came to know about something useful.