Agregando una barra superior en mi página web

Herrerix Seguir

Eta
Domainer
Verificación en dos pasos desactivada
Desde
29 Jun 2009
Mensajes
1.395
Hola amigos de ForoBeta!
Quiero hacer esto en mi web Leo Prieto que mis sitios se vean en una barrita arriba Saben como se puede hacer eso ? estaría muy agradecido :)
 

aldols

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
5 Jun 2009
Mensajes
230
es cuestion de que modifiques el theme de tu blog...

agrega un div antes del <div id="header">

ej.

HTML:
<div class="sitios">
Mis Sitios:  <a href="http://x.com">x sitio</a>, <a href="http://y.com">y sitio</a>
</div>

y puedes jugar un poco con el css
Insertar CODE, HTML o PHP:
.sitios { 
width: 100%; margin: 0 0 5px 0: background: #000; color: #FFF; font-size:10px; text-align: center;
}

espero te sirva...
 

Herrerix

Eta
Domainer
Verificación en dos pasos desactivada
Desde
29 Jun 2009
Mensajes
1.395
Gracias...

Gracias,me sirvio muchisimo mira mi blog Enlace eliminado , pero tengo la duda como se le pone una barra negra y poner el text en blanco? Gracias denuevo ;)
es cuestion de que modifiques el theme de tu blog...

agrega un div antes del <div id="header">

ej.

HTML:
<div class="sitios">
Mis Sitios:  <a href="http://x.com">x sitio</a>, <a href="http://y.com">y sitio</a>
</div>

y puedes jugar un poco con el css
Insertar CODE, HTML o PHP:
.sitios { 
width: 100%; margin: 0 0 5px 0: background: #000; color: #FFF; font-size:10px; text-align: center;
}

espero te sirva...
 

brianerc

1
Dseda
Verificación en dos pasos desactivada
Verificado por Whatsapp
Suscripción a IA
Desde
30 Abr 2009
Mensajes
1.197
El código que te paso ya le pone fondo negro y letras blancas, fíjate si has agregado correctamente el CSS a tu hoja de estilos, sino, fijate que el primer <div..> en tu header sea el que te ha pasado aldols.

Saludos!, se feliz ^^
 

Herrerix

Eta
Domainer
Verificación en dos pasos desactivada
Desde
29 Jun 2009
Mensajes
1.395
No se puede miren ojalá me puedan ayudar estaria muy agradecido ^^
PHP:
<?php load_theme_textdomain('regulus'); ?>
<!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>

	<title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
	<meta http-equiv="content-type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
	<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

	<!-- feeds -->
	<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
	<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
	<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />

	<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>

	<link href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" rel="stylesheet" />
	<link href="<?php bloginfo('template_url'); ?>/switch.css" type="text/css" rel="stylesheet" />

	<?php wp_head();
	
	$headerImageURL = get_settings( 'regulus_headerImageURL' );
	
	if ( $headerImageURL != "" ) {

		echo "<style type=\"text/css\">
		
	#header {
	
		background:url( $headerImageURL ) #fff;
		
	}
		
</style>";

	}
	


	?>
	
	<!--
	Regulus Theme Created by Ben Gillbanks @ Binary Moon (http://www.binarymoon.co.uk/)
	-->
	
</head>

<div class="sitios">
Mis Sitios:  <a href="http://www.vidacero.com">Vidacero</a>, <a href="http://www.fondosywallpapers.com">FondosyWallpapers</a>
</div>
<?php

	// write the body tag.
	// needs some php fanciness to set the default header graphic

	// set default
	$headerImage = get_settings( 'regulus_headerImage' );
	$classExtra = "";
	
	if ( $headerImage == "" ) {
		$headerImage = "1";
	}
	
	if ( bm_getProperty( 'sidealign' ) == 1 ) {
		$classExtra = "leftAlign ";
	}
	
	$classExtra .= get_settings( 'regulus_colourScheme' );
	
	if ( $headerImageURL == "" ) {
		$classExtra .= " hid_$headerImage";
	}
	
	echo "<body class=\"$classExtra\">";

?>


<div id="wrapper">
	<div id="header">

		<?
			$homeURL = get_settings( 'regulus_homeURL' );
			if( $homeURL == "" ) {
				$homeURL = get_settings('home');
			}
		?>

		<?php if( bm_getProperty( 'heading' ) != 1 ) { ?>
		<?php } ?>

		<ul id="nav">
		<li <?php if (((is_home()) && !(is_paged())) or (is_archive()) or (is_single()) or (is_paged()) or (is_search())) { echo "class=\"current_page_item\""; } ?> >
			<a href="<?php echo get_settings('home'); ?>" ><?php if( get_settings( 'regulus_homeLink' ) == "" ) { _e('Home','regulus'); } else { echo get_settings( 'regulus_homeLink' ); } ?></a>
		</li>
		<?php wp_list_pages('sort_column=menu_order&depth=1&title_li='); ?>
		</ul>

	</div>
	
	<a href="#nav" class="skipnav"><?php _e('jump to navigation','regulus'); ?></a>
 

aldols

Gamma
Redactor
Verificación en dos pasos desactivada
Desde
5 Jun 2009
Mensajes
230
edita tu archivo style.css

y agrega

Insertar CODE, HTML o PHP:
.sitios { 
width: 100%; margin: 0 0 5px 0: background: #000; color: #FFF; font-size:10px; text-align: center;
}
.sitios a { color:#FFF; text-decoration:none }
.sitios a:href { color: #EEE }
 

Herrerix

Eta
Domainer
Verificación en dos pasos desactivada
Desde
29 Jun 2009
Mensajes
1.395
:/ ...amigo todavia no funciona nosé que pasa :S!
edita tu archivo style.css

y agrega

Insertar CODE, HTML o PHP:
.sitios { 
width: 100%; margin: 0 0 5px 0: background: #000; color: #FFF; font-size:10px; text-align: center;
}
.sitios a { color:#FFF; text-decoration:none }
.sitios a:href { color: #EEE }
 

¡Regístrate y comienza a ganar!

Beneficios

  • Gana dinero por participar
  • Gana dinero por recomendarnos
  • Descubre ofertas de empleo diariamente
  • Negocios seguros
  • ¡Información premium y más!

Acceder

¿Ya tienes una cuenta? Accede aquí

Arriba