hola quiero cambiar de plantilla la actual me gustar pero no he sido capaz de ponerle una imagen de encabezado como lo hizo mi amigo
http://hectorllegues.es.tl/Bienvenidos.htm
si alguien sabe como hacerlo que me modifique el codigo y me ponga la imagen de encabezado la que quiero es esta
http://www.autodescuento.com/blog/wp-content/uploads/2008/08/citroen-liga-futbol.jpg
pero ay que modificarla para q quede bn el encabezado
el codigo que llevo hasta el momento es este
por encima
Código: <script type="text/javascript"><!--
google_ad_client = "pub-7152601891702576";
/* 728x15, creado 11/10/09 */
google_ad_slot = "0828654057";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script> <script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<style type="text/css">
<!--
table{margin-left:auto;margin-right:auto}
--></style>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Simple Passage by Free CSS Templates</title>
<meta name="keywords" content="tv en vivo, futbol, soccer, futbol en vivo, foxsports en vivo, caracol en vivo, rcn en vivo, une en vivo, radio en vivo, futbol al dia, todo en vivo" />
<meta name="El Primer Portal Deportivo Santandereano" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<!-- start header -->
<div id="header">
<div id="logo">
<h1></span>Portalsports</span>.es.tl</a></h1>
</p>Todo el Futbol Al Dia</p>
</div>
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="http://portalsports.es.tl/Bienvenido.htm">INICIO</a></li>
<li><a href="http://portalsports.es.tl/Resultados.htm">Resultados</a></li>
<li><a href="http://portalsports.es.tl/Contacto.htm">contacto</a></li>
<li><a href="http://portalsports.es.tl/Futbol-Cagadas.htm">FutbolCagadas</a></li>
<li><a href="http://portalsports.es.tl/Jugadotas.htm">Jugadotas</a></li>
</ul>
<ul id="feed">
<li><a href="http://www.powerchallenge.com">Juga Power Soccer</a></li>
<li><a href="http://portalsports.es.tl/Afiliados.htm">Afiliados</a></li>
</ul>
</div>
</div>
<!-- end header -->
<div id="wrapper">
<!-- start page -->
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Futbol Colombiano</h2>
<ul>
<li><a href="http://portalsports.es.tl/PRIMERA-A.htm">Primera A</a></li>
<li><a href="http://portalsports.es.tl/Goleadores-Fpc.htm">Goleadores FPC</a></li>
<li><a href="http://portalsports.es.tl/Copa-Colombia.htm">Copa Colombia</a></li>
<li><a href="http://portalsports.es.tl/Primera-B.htm">Primera B</a></li>
<li><a href="http://portalsports.es.tl/Los-nuestros-en-el-exterior.htm">Los nuestros en el exterior</a></li>
<li><a href="http://portalsports.es.tl/Goles-Eliminatorias-Y-seleccion.htm">Seleccion Colombia</a></li>
</ul>
</li>
<li>
<h2>Futbol Internacional</h2>
<ul>
<li><a href="http://portalsports.es.tl/Goles-Del-Mundo.htm">GOLES</a></li>
<li><a href="http://portalsports.es.tl/Champions-league.htm">Champions League</a></li>
<li><a href="http://portalsports.es.tl/Europa-League.htm">Europa League</a></li>
<li><a href="http://portalsports.es.tl/Copa-Sudamericana.htm">Copa Sudamericana</a></li>
<li><a href="http://portalsports.es.tl/Futbol-Ingl%E8s.htm">futbol Ingles</a></li>
<li><a href="http://portalsports.es.tl/Futbol-Espa%F1ol.htm">Futbol eSpañol</a> y <a href="http://portalsports.es.tl/Todo-sobre-la-liga-espa%F1ola.htm">Todo sobre la liga</a></li>
<li><a href="http://portalsports.es.tl/Resultados-y-Tabla-de-posiciones-Futbol-espa%F1ol-e-ingles.htm">Tabla de posiciones Futbol español e Ingles</a></li>
<li><a href="http://portalsports.es.tl/Ultimas-noticias-FIFA.htm">Noticias Fifa</a></li>
<li><a href="http://portalsports.es.tl/Predicciones.htm">Deja Tus Pronosticos</a></li>
</ul>
</li>
<li>
<h2>Diviertete Chateando</h2>
<ul>
<li><a href="http://portalsports.es.tl/CHAT.htm">Sala De Chat 1</a></li>
<li><a href="http://portalsports.es.tl/CHAT-2.htm">Sala De Chat 2</a></li>
<li><a href="http://portalsports.es.tl/Chat-4.htm">Sala De Chat 3</a></li>
<li><a href="http://portalsports.es.tl/super-chat.htm">Sala de chat 4</a></li>
</ul>
</li>
<li>
<h2>Entretenimiento</h2>
<ul>
<li><a href="http://portalsports.es.tl/Musica%2B.htm">Mùsica</a></li>
<li><a href="http://portalsports.es.tl/-Ver-Videos-de-Youtube-.htm">Videos Youtube</a></li>
<li><a href="http://portalsports.es.tl/Chiste-del-dia,-Horoscopo-Y-mas.htm">Horoscopo</a></li>
<li><a href="http://portalsports.es.tl/Deja-Tu-Opinion-.htm">Deja Tu Opinion</a></li>
</ul>
</li>
<li>
<h2>Juegos</h2>
<ul>
<li><a href="http://portalsports.es.tl/Super-juego-Battle-Ship.htm">Battle Ship</a></li>
<li><a href="http://portalsports.es.tl/Dragon-Ball-kar-.htm">Dragon Ball Kar</a></li>
<li><a href="http://portalsports.es.tl/Monster-Trucks.htm">Monster Trucks</a></li>
<li><a href="http://portalsports.es.tl/Metal-slught.htm">Metal Slught</a></li>
<li><a href="http://portalsports.es.tl/Metal-slught-2.htm">Metal Slught 2</a></li>
<li><a href="http://portalsports.es.tl/Billar.htm">Billar</a></li>
<li><a href="http://portalsports.es.tl/Billar.htm">Billar pool</a></li>
<li><a href="http://portalsports.es.tl/Rular-Races.htm">Rural Races</a></li>
<li><a href="http://portalsports.es.tl/Super-mario.htm">Super Mario</a></li>
<li><a href="http://portalsports.es.tl/Ataque-Thank.htm">Ataque Thank</a></li>
<li><a href="http://portalsports.es.tl/Simpsons-Millonario.htm">¿quien quiere ser millonario?</a></li>
</ul>
</li>
</li>
<h2>TV Futbolera en vivo</h2>
<ul>
<li><a href="http://portalsports.es.tl/Marca-Tv.htm">Marca TV</a></li>
<li><a href="http://portalsports.es.tl/Eurosports.htm">Eurosports</a></li>
<li><a href="http://portalsports.es.tl/cmd.htm">Cable Magico Deportes</a></li>
<li><a href="http://portalsports.es.tl/Mundial-sub-20-en-vivo.htm">Mundial Sub 20 En Vivo</a></li>
<li><a href="http://portalsports.es.tl/Sub-20.htm">Mundial Sub 20 Opcion 2</a></li>
<li><a href="http://portalsports.es.tl/FOX-SPORTS-EN-VIVO.htm">Fox Sports</a></li>
<li><a href="http://portalsports.es.tl/Fox-Sports-2.htm">Fox Sports Opcion 2</a></li>
<li><a href="http://portalsports.es.tl/Tyc-sports-en-vivo.htm">TyC Sports</a></li>
<li><a href="http://portalsports.es.tl/Espn-en-vivo.htm">Espn </a></li>
<li><a href="http://portalsports.es.tl/Espn-Mexico.htm">Espn Mexico</a></li>
<li><a href="http://portalsports.es.tl/Gol-Tv-en-Vivo.htm">Gol Tv</a></li>
<li><a href="http://portalsports.es.tl/Real-madrid-tv.htm">Real Madrid TV</a></li>
<li><a href="http://portalsports.es.tl/Ac-Milan-Tv.htm">AC Milan TV</a></li>
<li><a href="http://portalsports.es.tl/Canal-Une-en-vivo.htm">Canal Une</a></li>
<li><a href="http://portalsports.es.tl/Super-Campeones.htm">Super Campeones</a></li>
</ul>
</li>
</li>
<h2>Màs TV en vivo</h2>
<ul>
<li><a href="http://portalsports.es.tl/Caracol-TV.htm">Caracol</a></li>
<li><a href="http://portalsports.es.tl/Canal-Caracol-Y-Futbol-colombiano-en-vivo.htm">Caracol Opcion 2</a></li>
<li><a href="http://portalsports.es.tl/RCN-en-vivo.htm">RCN</a></li>
<li><a href="http://portalsports.es.tl/Tv-por-paises.htm">Tv Por Paises</a></li>
<li><a href="http://portalsports.es.tl/canales-1.htm">TV online 1</a></li>
<li><a href="http://portalsports.es.tl/canales-2.htm">TV online 2</a></li>
<li><a href="http://portalsports.es.tl/canales-3.htm">TV online 3</a></li>
<li><a href="http://portalsports.es.tl/canales-4.htm">TV online 4</a></li>
<li><a href="http://portalsports.es.tl/canales-5.htm">TV online 5</a></li>
</ul>
</li>
</li>
</div>
<!-- start content -->
<div id="content">
<div class="flower"></div>
<div class="post">
<h1 class="title"><a>El Primer Portal Deportivo Santandereano</a></h1>
<p class="byline"><small>Creado Por Jhon Jaider Amado <a Gracias por tu visita</a></small></p>
<div class="entry">
</div>
</div>
Código: </div>
<!-- end content -->
<!-- start sidebars -->
<div id="sidebar2" class="sidebar">
<ul>
<li>
<form id="searchform" method="get" action="#">
<div>
<h2>Resultados EN Vivo</h2>
<iframe height="100" frameborder="0" width="182" src="http://www.marca.com/marcador/rfsh/marcador_portada/marcador.swf" marginheight="0"></iframe><br />
</div>
</form>
</li>
<li>
<h2>Noticias De Futbol </h2>
<div style='width:200px;padding:0px;border:0px;line-height:50%;'><iframe frameborder='0' style='width:200px;height:300px;order:0;margin:0px;padding:0px;' src='http://www.diariosdefutbol.com/ddfw.php?w=200&h=300'></iframe><center><a style='font:10px verdana,arial,helvetica;' href='http://www.diariosdefutbol.com'>Diarios de fútbol</a></center></div>
<li>
<h2>Hora De Colombia</h2>
<div id="calendar_wrap">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="5005-black.swf";obj.TimeZone="Colombia_Bogota";obj.width=120;obj.height=40;obj.wmode="transparent";showClock(obj);</script>
</table>
</div>
</li>
<li>
<h2>Encuesta</h2>
<div id="calendar_wrap">
<!-- Comienzo Codigo HTML -->
<script src="http://www.miniencuestas.com/showpoll.php?id=6437" type="text/javascript"></script>
<!-- FIN Codigo HTML | MiniEncuestas.com -->
</table>
</div>
</li>
<li>
<h2>Emisoras En vivo</h2>
<ul>
<li><a href="http://portalsports.es.tl/Caracol-Radio-En-vivo.htm">Caracol Radio</a></li>
<li><a href="http://portalsports.es.tl/La-red.htm">La Red (Argentina)</a></li>
<li><a href="http://portalsports.es.tl/Emisoras-rcn-en-vivo.htm">Todas Las Emisoras De RCN</a></li>
<li><a href="http://portalsports.es.tl/Los-40-En-Vivo.htm">los 40 Principales</a></li>
<li><a href="http://portalsports.es.tl/Besame-En-vivo.htm">Besame En Vivo</a></li>
<li><a href="http://portalsports.es.tl/Radio-Disney.htm">Radio Disney</a></li>
<li><a href="http://portalsports.es.tl/La-Superestacion-Vallenata.htm">La Superestacion Vallenata</a></li>
<li><a href="http://portalsports.es.tl/Tropicana-En-Vivo.htm">Tropicana </a></li>
<li><a href="http://portalsports.es.tl/W-radio-En-Vivo.htm">W Radio</a></li>
<li><a href="http://portalsports.es.tl/Radio-Activa-En-vivo.htm">Radio Activa</a></li>
<li><a href="http://portalsports.es.tl/Candela-Estereo-En-Vivo.htm">Candela Estereo</a></li>
<li><a href="http://portalsports.es.tl/Cali-De-Rumba-En-vivo.htm">Cali De Rumba</a></li>
<li><a href="http://portalsports.es.tl/Mas-Musica-En-Vivo.htm">Mas Musica Stereo</a></li>
<li><a href="http://portalsports.es.tl/Toledar-En-vivo.htm">Toledar En Vivo</a></li>
<li><a href="http://portalsports.es.tl/Televallenatos-En-Vivo.htm">Televallenatos En Vivo</a></li>
<li><a href="http://portalsports.es.tl/Musica-Tv.htm">Musica Tv</a></li>
</ul>
</li>
</ul>
</div>
<!-- end sidebars -->
<div style="clear: both;"> </div>
</div>
</div>
</div>
<!-- end page -->
</div>
<div id="footer">
<p class="copyright">© 2009 All Rights Reserved • Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a> Adaptado Por <a href="http://www.musica-zone.es.tl/">Musica-Zone <br /><a href="#">Privacy Policy</a> • <a href="#">Terms of Use</a></p>
</div>
</body>
</html>
Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
body {
margin-top:12px;
padding: 0;
background: #787878 url(http://img.webme.com/pic/p/portalsports/palaplantilla.jpg) repeat left top;
text-align: justify;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #616161;
}
h1, h2, h3 {
margin-top: 0;
text-transform: uppercase;
color: #528DC8;
}
h1 {
font-size: 1.6em;
font-weight: normal;
}
h2 {
font-size: 1.6em;
}
h3 {
font-size: 1em;
}
ul {
}
a {
text-decoration: none;
color: #528DC8;
}
a:hover {
border-bottom: none;
}
a img {
border: none;
}
img.left {
float: left;
margin: 0 20px 0 0;
}
img.right {
float: right;
margin: 0 0 0 20px;
}
#header {
width: 960px;
margin: 0 auto;
height: 150px;
}
/* Header */
#logo {
width: 960px;
height: 100px;
margin: 0 auto;
padding: 0;
}
#logo h1, #logo p {
float: left;
margin: 0;
color: #528DC8;
}
#logo span {
color: #000000;
}
#logo h1 {
padding: 25px 0 0 0;
letter-spacing: -1px;
text-transform: lowercase;
font-weight: normal;
font-size: 3em;
}
#logo p {
text-transform: uppercase;
padding: 47px 0 0 3px;
font-size: 10px;
color: #110E0F;
}
#logo a {
border: none;
text-decoration: none;
color: #528DC8;
}
/* Menu */
#menu {
width: 960px;
margin: 0px auto;
padding: 0px;
height: 52px;
background: url(http://img20.xooimage.com/files/f/6/3/img02-ccecf4.jpg) no-repeat left top;
}
#menu ul {
margin: 0px;
padding: 0px;
list-style: none;
}
#menu li {
display: inline;
}
#menu a {
display: block;
float: left;
height: 33px;
margin: 0px;
padding: 19px 30px 0px 30px;
text-decoration: none;
text-transform: capitalize;
background: url(http://img44.xooimage.com/files/f/a/3/img03-cced1a.jpg) no-repeat right 50%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #FFFFFF;
}
#menu a:hover {
color: #FFFFFF;
}
#menu .current_page_item a {
color: #FFFFFF;
}
/* Wrapper */
#wrapper {
}
/* Page */
#page {
width: 960px;
margin: 0px auto;
background: url(http://img26.xooimage.com/files/8/1/5/img05-cced39.jpg) repeat-y left top;
}
#page-bgtop {
background: url(http://img46.xooimage.com/files/4/6/5/img04-cced2d.jpg) no-repeat left top;
}
#page-bgbtm {
background: url(http://img40.xooimage.com/files/0/8/3/img06-cced51.jpg) no-repeat left bottom;
}
/* Latest Post */
#latest-post {
padding: 20px;
border: 1px solid #E7E7E7;
}
/* Content */
#content {
float: left;
width: 500px;
margin: 0px;
padding: 20px 0px 0px 0px;
}
.post {
padding-bottom: 15px;
line-height: 200%;
}
.post h1 {
font-weight: normal;
}
.title {
height: 50px;
margin: 0px 10px;
padding: 11px 0px 4px 10px;
text-transform: capitalize;
font-weight: normal;
background: url(http://img24.xooimage.com/files/4/f/3/img12-cced64.jpg) no-repeat left top;
}
.title a {
border-bottom: none;
color: #528DC8;
}
.title a:hover {
}
.byline {
margin: -10px 20px 20px 20px;
}
.tag {
padding: 0 15px;
}
.entry {
padding: 0 20px;
}
.links {
padding: 4px 0px;
text-align: right;
font-weight: bold;
}
.links a {
border: none;
}
.links a:hover {
}
/* Sidebars */
#sidebar1 {
float: left;
padding-top: 20px;
padding-left: 10px;
}
#sidebar2 {
float: right;
}
#sidebar1 ul {
padding-bottom: 20px;
}
#sidebar1 li {
background: url(http://img42.xooimage.com/files/c/4/6/img11-cced84.jpg) no-repeat left bottom;
}
#sidebar1 li ul {
background: url(http://img22.xooimage.com/files/4/1/a/img10-cced88.jpg) repeat-y left top;
}
#sidebar1 li li {
background: url(http://img28.xooimage.com/files/0/3/7/img08-cced8f.gif) no-repeat 0 13px;
}
#sidebar1 li h2 {
height: 25px;
padding-top: 15px;
background: url(http://img48.xooimage.com/files/0/0/d/img09-cced96.jpg) no-repeat left top;
color: #333333;
}
.sidebar {
float: left;
width: 220px;
padding: 10px 0 0 0;
font-size: 12px;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style: none;
}
.sidebar li {
padding: 0 0 20px 0;
}
.sidebar li ul {
}
.sidebar li li {
margin: 0 10px 0 15px;
padding: 8px 0px 8px 20px;
border-bottom: 1px #B5B5B5 dashed;
background: url(http://img28.xooimage.com/files/0/3/7/img08-cced8f.gif) no-repeat 0 13px;
text-align: left;
}
.sidebar li h2 {
height: 30px;
margin: 0 0 0 0;
padding: 8px 15px 0px 35px;
background: url(http://img26.xooimage.com/files/b/b/7/img07-cced9c.jpg) no-repeat left top;
font-size: 12px;
color: #FFFFFF;
}
.sidebar a {
}
/* Search */
#searchform {
margin: 0;
padding: 0 0 0 0;
}
#searchform br {
display: none;
}
#searchform h2 {
}
#s {
margin: 10px 0px 0 15px;
padding: 2px 2px;
width: 180px;
height: 18px;
border: 1px solid #949494;
background: #FFFFFF;
font-size: 10px;
color: #000000;
}
#x {
margin: 0;
padding: 2px 5px;
height: 25px;
background: #CA8186;
text-decoration: none;
text-transform: uppercase;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
/* Calendar */
#calendar_wrap {
padding: 0 15px;
text-align: center;
}
#calendar_wrap table {
width: 100%;
}
#calendar_wrap th {
}
#calendar_wrap td {
}
#calendar_wrap tfoot td {
border: none;
}
#calendar_wrap tfoot td#prev {
text-align: left;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#prev a {
border: none;
}
#calendar_wrap tfoot td#next {
text-align: right;
font-weight: bold;
border: none;
}
#calendar_wrap tfoot td#next a {
border: none;
}
/* Footer */
#footer {
width: 940px;
height: 70px;
margin: 0 auto;
padding-left: 20px;
}
#footer p {
margin: 0;
padding: 25px 0 0 0;
text-align: left;
font-size: smaller;
}
#footer a {
}
#footer .link {
float: right;
}
#footer .copyright {
float: left;
}
si alguien puede decirme como quedaria modificado se lo agradeceria.
de lo contrario recomiendemen una plantilla css qeu tenga algo q ver con el futbol
______________
.