nitroglicerino's Replies

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">
	<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- deja esto para estadisticas -->
	<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
	<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
	<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
	<link rel="shortcut icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
	<link rel="icon" href="<?php bloginfo('template_url'); ?>/images/favicon.ico" type="image/x-icon" />
<?php wp_head(); ?>
</head>

<body>

<div id="outline">

	<div id="header">
		<div class="blogtitle">
			<h1><a href="<?php echo get_settings('home'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1>
		</div>
	</div> <!-- fin de #header -->

	<div id="navbar">
		<ul class="menu">
			<li class="<?php if ( is_home() ) { ?>current_page_item<?php } else { ?>page_item<?php } ?>"><a href="<?php echo get_settings('home'); ?>"><?php _e('Principal'); ?></a></li>
			<?php wp_list_pages('sort_column=id&depth=1&title_li='); ?>
			<?php wp_register('<li>','</li>'); ?>
		</ul>

		<div class="searchbar">
			<?php include (TEMPLATEPATH . '/searchform.php'); ?>
		</div>
	</div> <!-- fin de #navbar -->

<div id="wrapper">

<div id="content">

And my style.css for the header:

/**********************
*   Header            *
***********************/

#header {
	width: 100%;
	height: 219px;
	background: transparent url(headers/rotate.php) left bottom;
	}

#header .blogtitle {
	display:none;
	width: auto;
	height: 50px;
	background: transparent url(images/rotate.php) left bottom;
	}
#header h1 {
	display:none;
	padding: 50px 0 0 50px;
	}
#header h1 a {
	display:none;
	color: #fff;
	}

	#navbar {
		clear: both;
		float: left;
		width: 100%;
		height: 31px;
		background: transparent url(images/nav_bg.gif) repeat-x 0 0;
		}

	ul.menu {
		float: left;
		margin: 0;
		padding: 0 15px;
		list-style-type: none;
		}
	ul.menu li {
		float: left;
		}
	ul.menu li a {
		float: left;
		display: block;
		height: 28px;
		padding: 3px 15px 0 15px;
		line-height: 24px;
		color: #fff;
		}
	ul.menu li a:link,
	ul.menu li a:visited {
		color: #fff;
		background: none;
		}
	ul.menu li a:hover,
	ul.menu li a:active {
		color: #fff;
		background: url(images/nav_hover.gif) no-repeat center top;
		text-decoration: none;
		}

	ul.menu li.current_page_item a:link,
	ul.menu li.current_page_item a:visited,
	ul.menu li.current_page_item a:hover,
	ul.menu li.current_page_item a:active {
		color: #fff;
		background: transparent url(images/nav_active.gif) no-repeat center bottom;
		text-decoration: none;
		}

	.searchbar {
		float: right;
		width: 290px;
		height: 31px;
		margin: 0;
		}
	.searchform {
		width: 290px;
		height: 20px;
		text-align: left;
		}
	input#s {
		width: 265px;
		height: 18px;
		margin: 5px 0 0 1px !important;
		margin: 4px 0 0 1px; /* Fuck IE */
		padding: 1px 0 0 2px;
		border: 1px solid #999;
		background: #fff url(images/searchbg.gif) repeat-x 0 0;
		}

Thank you and sorry 🙂

Forum: Themes and Templates
In reply to: Image over header?

Thread Starter nitroglicerino

(@nitroglicerino)

17 years, 11 months ago

If I knew CSS, probably I wouldn’t had asked here for help!

Thank you anyway 🙂

Forum: Themes and Templates
In reply to: Image over header?

Thread Starter nitroglicerino

(@nitroglicerino)

17 years, 11 months ago

I just want to put an image at top of my header 🙂

Forum: Themes and Templates
In reply to: Image over header?

Thread Starter nitroglicerino

(@nitroglicerino)

17 years, 11 months ago

Hi!

Thank you for your help. I’ve been reading the topic you wrote, and I’ve been trying some things without any success. I don’t want to replace the name of my blog. I’ve already hidden it. All I want is putting an image on the top of the blog, having the header below it (which is also another image, but it rotates). That “new image” will have the same size as the header. Should I also “write” code in the .php files, as I need to so in the style.css?

Thanks for your support 🙂

Viewing 7 replies - 1 through 7 (of 7 total)