Banner Rotativo

veja se é isso que vc quer
Tutorial rápido:!!! Bem hoje eu vou ensinar como fazer um menu fixo sem usar Java script ou seja só com CSS??? Vamos começar
Primerio vamos criar o css estilo.css

div.banner {
	margin: 0;
	font-size: 120% /*smaller*/;
	font-weight: bold;
	line-height: 1.1;
	text-align: center;
	position: fixed;
	top: 0,5em;
	left: auto;
	width: 999px;
	right: 2em;
	color: #EEE;
	height:45px;
	background-image: url(img_01.gif);
	padding-top:2px
}

Segundo passo vamos criar nosso menu menu.php

<span class="a"><a href="http://google.com.br"><img src="nav_logo39.png" width="167" height="41"></a>
<a href="http://diegodeveloper.wordpress.com">  <img src="logo.jpg" width="128" height="42"></a>
<a href="http://forum.wmonline.com.br"><img src="forum.png" width="127" height="42"></a></span>

Vamos criar o arquivo index.php

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Menu fixo by Diego Bezerra</title>
<style type="text/css">
@import url("estilo.css");
</style>
</head>

<body>
<div class="banner">
<?php include('menu.php') ?>

</div>
<p><img src="http://www.google.com.br/intl/en_com/images/srpr/logo1w.png" width="998" height="698"></p>
</body>
</html>

Edição feita por: Diego Bezerra, 20/04/2011, 17:55.

#1 Henrique M.

#2 Diego Bezerra

#3 mimiranda

#4 jufhsilva

1 user(s) are reading this topic