WebMindz24|Web Design & SEO Blog

All of you good Designers in web world must be using the Dummy Text while designing any website template to provide it for free or showing it to client and all the Beginners in the Website Designing must be searching for the ways of generating dummy text for websites online.

Here I like to share 2 very popular dummy text generators available online which has been used by the number of designers around the world:

Lorem Ipsum (Dummy Text Generator) : Most of you must have seen the dummy text something like “Lorem ipsum dolor sit amet, consectetuer adipiscing elit” in many of free website template available online. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s. With this online tool you can generate dummy text online according to your need in paragraphs, in words, in bytes or in lists. The generator used a dictionary of over 200 Latin words to generate Lorem Ipsum Text. There are also a set of banners available in three colors and in a range of standard banner sizes to be used as a dummy banner for your webpage layout.

Blind Text Generator : This is another tool available online which can generate dummy text online for you in various form like Lorem Ipsum, Cicero, Cicero (en), Li Europan lingoes, Li Europan lingoes (en), Far far away, Werther, Kafka, Pangram, a-z A-Z 123, to choose from. You can also stylize your dummy text online with this tool by setting up your desired font-family, font weight, font size, text align, line height, etc.

So these are the Dummy Text Generators available online which can be used while creating a web template to distribute for free or to show up as a dummy to client..

The rounded corner images, rounded corner text backgrounds/gradient backgrounds, rounded corner themes have been seen in most of the new website coming online these days. Making rounded corners with designing software or through coding is not a difficult task for any good web designer/developer but it will not be so easy for any beginner to have rounded corners of any particular image of creating color/gradient background rounded corners for text / themes of any page.

Now this is not a problem for beginner as there is number of websites offering online tools to convert your desired image in round corners. Some of the good websites linked here are:

EZ Rounded Corners : This is a nice tool available online. Just browse your image, choose a desired background color and press Round My Corners button.. You are all done, you image will be converted in to rounded corners in seconds.

RoundPic : RoundPic is one of the best online tool available for making anti-aliased rounded corners for your images. The tool is very simple to use, just browse your desired image from your computer or provide URL of image if available and press Roundit button to convert images into rounded corners.

RoundedCornr : RoundedCornr is a very nice utility available online to generate HTML/CSS code and images for rounded corners. RoundedCornr can generate a basic box (single color) with rounded corners, a box with rounded corners and a color gradient, rounded corner box with a border and can also provide you a single GIF image of a rounded corner box with border, grandient and text if required.

So these are the helpful resources available online which can save time of designers and can help new designers making their presence in the world of web designing.

There are number of website Designer using Text Over Images while designing a website. I have seen number of sites using text over Logo Images, text over header images / collages, having text, menu over gradient or patterned backgrounds etc. Its not good having text as an image on website with respect to search engine optimization, as text as an image cannot be read by the spiders of search engines. So if want you use gradient images, patterns etc to enhance the visibility of your website it is always good to use text over images.

There are number of ways to add Text on Images dynamically or through simple HTML/CSS code. Here includes the two best way for writing content over an image.

1. Doing this with table and div tags. Create Table and place your image in the background of a data cell then create a div to start layering the text over the data cell.

<table width=”500px” height=”400px”>
<tr>
<td valign=”top” background=”test_image.jpg”><div><center><h1>Text Over Image</h1></center></div></td>
</tr>
</table>

valign in data cell and center, left or right tags can be used to place your text as required in middle, top or bottom of the text.

Absolute positioning can also be done if not required your text in top, middle or bottom and in left, center or right of the image. Just enter your position margins for text and you are done.

<table width=”500px” height=”400px”>
<tr>
<td>
<img src=”test_image.jpg”>
<div style=”position:absolute; top:185px; left:115px;”>
<h1>Text Over Image</h1>
</div>
</td>

2. This can also be done by using CSS. Just place your styles in external CSS file and call in HTML.

HTML Code:

<div>
<div class=”image”><img src=”test_image.jpg” /> </div>
<div class=”text”> Text Check </div>
</div>

CSS Code:
.image {
position: absolute;
z-index: 2;
}
.text {
position: absolute;
z-index: 3;
color: white;
font-size: 30px;
margin-left: 50px;
}

Hope this will be helpful for everyone learning to design web pages to write Text Over Images.

Planning to have a Website for your Hotel and looking for the best free hotel website templates online where you can simply edit the content on the pages of template, can add suitable links, etc. and your website in done to be online.

The free hotel website template provided by webmindz24 are dedicated to Hotels in need of a good website that are light weight, user friendly and can attract number of repeated visitors online. Our free web site template includes HTML pages, (CSS) Cascading Style Sheets and Images that are completely free to edit by the user of free template.

Our easily customizable free hotel template is can save a lot of your time and money in having your hotel identity online. So go for a new look of your website or create your Hotel identity online if not having one yet with this free template.

Download Free Hotel Website Template
Preview Free Hotel Website Template

www.incredibleindia.org, the Ministry of Tourism’s website has been adjudged as the winner of the PC World Web Award 2008 for its best design in tourism category. Web Award, which is instituted by the PC world aims to establish benchmarks in the dot com discipline, thereby bringing the fore ‘websites’ that are offering valuable services to masses.

In selecting the best website, the first stage is to short list various sites on the basis of their contents, technology, structure and other parameters. The filtered list is then forwarded to the fourteen members jury comprising domain experts in the field of design, UL, security and technology.

This website was also awarded the “Golden Palm” award at the 10th National Conference on E-governance for being the Best Government Website by the Department of Administrative Reforms & Public Grievances, Govt. of India and the Department of Information Technology, Govt. of India in 2007.

In more than 100.1 million websites which are operating on the world wide web, www.incredibleindia.org. ranked 25,000, which is undoubtedly an achievement in itself. The average traffic is around 10 lakh visitors a day.

The Industry Average Click through rate (CTR) for the creatives is 0.1 and the advertisement creatives on Rural Tourism, Tea Tourism and Red as a colour used in the online campaign performed above the average CTR of 0.24.