Solved

Logo design on CSS

Posted on 2012-04-02
1
532 Views
Last Modified: 2012-05-09
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
Comment
Question by:chokka
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
1 Comment
 
LVL 12

Accepted Solution

by:
Tony van Schaik earned 500 total points
ID: 37798356
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

More Than Just A Video Library

Train for your certification. Learn the latest DevOps tools. Grow your skillset to do better work.

At Linux Academy, we release new training modules every week so you'll always be up to date on the latest tech.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
There’s a good reason for why it’s called a homepage – it closely resembles that of a physical house and the only real difference is that it’s online. Your website’s homepage is where people come to visit you. It’s the family room of your website wh…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This video teaches users how to migrate an existing Wordpress website to a new domain.

691 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question