Glowing Rusty Text Effect

Posted on: July 4, 2014 /

Comments: No comments /

Categories: HTML5/Design, Tutorials / Author Name: Arjun VM

Step 1 Create a new 1024 x 768 px document. Set the Foreground color to #532118 and the Background color to #170b09. Pick the Gradient Tool (G), choose the Foreground to Background gradient and click the Radial Gradient icon in the Options bar, then click and drag as shown below to create the gradient. Open

Read More →

1,331 total views, 1 views today

Vintage Metal Text Effect

Posted on: June 25, 2014 /

Comments: No comments /

Categories: HTML5/Design, Tutorials / Author Name: Arjun VM

Step 1 Create a new 1024 x 768 px document. Set the Foreground color to #275255 and the Background color to #312d2e. Pick the Gradient Tool (G), choose the Foreground to Background gradient and click the Radial Gradient icon in the Options bar, then, click and drag from the center of the document to one

Read More →

887 total views, 1 views today

Create a Stunning City Skyline Made of Text

Posted on: June 20, 2014 /

Comments: No comments /

Categories: HTML5/Design, Tutorials / Author Name: Arjun VM

Step 1 To get started, fire up Photoshop and create a new document sized at 3872×2592. It’s advantageous to use such a high resolution image because it allows us to create detail and accuracy. Place this Seattle cityscape into the document, it should fit flushly Step 2 Type out the letters ‘MIB’ in a bold

Read More →

1,927 total views, 1 views today

Wave’s text effect

Posted on: June 13, 2014 /

Comments: No comments /

Categories: HTML5/Design, Tutorials / Author Name: Arjun VM

n this tutorial we’ll turn standard text into a stunning, eye-catching text effect. We’ll be using Layer Styles, Photoshop Filters, and combining different techniques to mock-up the text into a related background. Let’s learn how to create this text effect. Firstly create a new document (Ctrl+N) in Adobe Photoshop with the size 1900px by 1200px

Read More →

949 total views, 1 views today

Text Centerd & Verical Middle using CSS in HTML

Posted on: May 29, 2014 /

Comments: No comments /

Categories: HTML5/Design / Author Name: Ankit Awasthi

I was facing problem to align content vertically or horizontally center than I use this code to resolve the issue.


<DOCTYPE HTML>
<html>
	<head>
		<title>Html 5</title>
		<style type="text/css">
			.container{
				height:500px;
				width:500px;
				text-align:center;
				display:table-cell;
				vertical-align:middle;
				background:red;
				font-size:30px;
				color:#fff;
				font-family:verdana;
			}
		</style>
	</head>
	<body>
		<div class="container">
			
			Centered text in Middle
		
		</div>
	</body>
</html>

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

<html>

<head>

.container{

height:500px;

width:500px;

text-align:center;

display:table-cell;

vertical-align:middle;

background:red;

font-size:30px;

color:#fff;

font-family:verdana;

}

</style>

</head>

<body>

Centered text in Middle

</div>

</body>

</html>

Thanks 763 total views, 1 views today

763 total views, 1 views today