[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 564
  • Last Modified:

Logo design on CSS

I am working on a Logo design.

Let me explain more briefly.  On this site, Experts X Exchange, When we right click on the logo we can save the image as .png file. Our requirement is instead of saving it as .img, we need to do it on CSS.

Image which is located between Experts and Exchange should not be saved as an Image. It has to be designed through CSS or any other Style sheet.

In my case, i need a redchillie. How should i do this on CSS?
0
chokka
Asked:
chokka
1 Solution
 
Tony van SchaikFront-end Web developerCommented:
Do you mean like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS logo</title>
<style type="text/css">
a.logo {
	background:url(http://www.w3.org/html/logo/badge/html5-badge-h-connectivity-css3-device-graphics-multimedia-performance-semantics-storage.png) no-repeat left top;
	display:block;
	width:357px;
	height:64px;
}
</style>
</head>

<body>
<a href="http://www.w3.org/html/logo/" class="logo"></a>
</body>
</html>

Open in new window

This doesn't have to be an ahref, this can also be a h1, div or whatever you need. This is the way i mostly use it.

There also a CSS3 way but that isn't supported by all browser yet:
http://www.ecsspert.com/play/css3-logos/twitter.php#edit

Or the SVG way:
http://www.centralscrutinizer.it/images/twitter_logo.svg

Good luck!
0

Featured Post

Free Tool: Subnet Calculator

The subnet calculator helps you design networks by taking an IP address and network mask and returning information such as network, broadcast address, and host range.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now