Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » WordPress »

Style WP

Estas en el tema de Style WP en el foro de WordPress en Foros del Web. Hola, Mi web es: www.blogdelapremier.com y me gustaría ponerle una subcabecera como en esta pagina: www.britcorner.com , me refiero a donde estan los escudos de ...
  #1 (permalink)  
Antiguo 05/06/2009, 14:46
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 15 años, 3 meses
Puntos: 0
Style WP

Hola,

Mi web es: www.blogdelapremier.com y me gustaría ponerle una subcabecera como en esta pagina: www.britcorner.com, me refiero a donde estan los escudos de los equipos con el fondo blanco, no sé si se hace con un plugin o con el style.css.

También me gustaría un plugin para cambiar el nombre de la url. Por ejemplo cuando voy a la categoria Jornada 37, si hago click encime me sale esto: http://blogdelapremier.com/?cat=96 y me gustaria que en vez de eso, despues de la barra pudiera poner lo que quisiera en vez de /?cat=96.

Muchas Gracias.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
  #2 (permalink)  
Antiguo 05/06/2009, 16:01
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 16 años, 4 meses
Puntos: 68
Respuesta: Style WP

Ese "submenú" lo podrías hacer con listas y CSS, puedes darle un vistazo a www.araudi.net, para el tema de los enlaces puedes mirar de este artículo que lo explica muy bien http://ayudawordpress.com/estructura-permalinks/
__________________
No diseñes usando tablas.

Última edición por hades87; 13/06/2009 a las 15:47
  #3 (permalink)  
Antiguo 06/06/2009, 11:09
Avatar de tunait
Moderadora
 
Fecha de Ingreso: agosto-2001
Ubicación: Terok Nor
Mensajes: 16.805
Antigüedad: 22 años, 8 meses
Puntos: 381
Respuesta: Style WP

Hasta donde sé, no necesitas un plug-in adicional. Puedes configurar tus url amigables desde tu panel de administración en Opciones -> Permalinks y escoges una que no sea la predeterminada.

Traslado el tema al foro de Wrodpress

tema movido desde css.

Saludos
__________________
Javascript Códigos - Bambú difunde
  #4 (permalink)  
Antiguo 07/06/2009, 08:32
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Style WP

Lo de la subcabecera no he encontrado nada que em ayude, haber si alguien sabe algo... En cuanto a lo de los permalinks, necesito cambiar algunas cosillas en el archivo .htacces pero esque no lo encuentro (tengo WP). ¿Puede ser que no tenga? ¿Si lo he de crear donde lo coloco?

GRacias
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
  #5 (permalink)  
Antiguo 07/06/2009, 09:58
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

Cita:
Iniciado por isma_95 Ver Mensaje
Lo de la subcabecera no he encontrado nada que em ayude, haber si alguien sabe algo... En cuanto a lo de los permalinks, necesito cambiar algunas cosillas en el archivo .htacces pero esque no lo encuentro (tengo WP). ¿Puede ser que no tenga? ¿Si lo he de crear donde lo coloco?

GRacias
Si, lo tenes que hacer vos, fijate que en Wordpress, luego de que modificas los permalinks, abajo te pone lo que debería estar en ese archivo, el WP te dice que intentará crearlo él, pero que si no lo logra, lo debés hacer a mano...

Entonces copiate ese codigo que aparece en esa caja de texto, y pegalo en un .txt en tu PC

Lo subis a tu sitio, al raíz y lo renombrás como .htaccess y listo...

Lo que si, fijate que no quede una línea en blanco al final del mismo, no se por que, pero siempre recomiendan eso... :)

Suerte... Avisanos si te funcionó...

Lo que si veo raro, que las URLs de tus post son amigables, pero las de las categorías no... No se a que se debe eso...

Sino también para tener más control sobre esas cosas se que hay plugins que te podrían ayudar, aunque no recuerdo sus nombres, pero si buscas al respecto seguro encuentras...
__________________
elGastronomo
  #6 (permalink)  
Antiguo 07/06/2009, 10:12
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

Para lo del menu ese con los escudos de los clubes, debes hacerlo tu mismo en el PHP

Si no sabés tanto de PHP y CSS, lo más simple sería que crees una tabla (siiiii una tabla, no me maten) con X columnas, por 1 fila, y pones los X escudos de los clubes y los linkeas con sus respectivas páginas dentro del blog.

La otra es meter mano en el CSS y crear un "Menú horizontal" con las etiquetas <ul> <li> para que cada uno se muestra a la derecha del otro...

Si revisas tu CSS verás que el menú tuyo hace uso de eso para tu menú superior...
Código:
<div id="navigation">
	<!-- menus START -->
	<ul id="menus">
		<li class="current_page_item"><a class="home" title="Home" href="http://blogdelapremier.com/">Home</a></li>
Busca en tu CSS donde veas cosas como #navigation y .menus

Y en base a eso, te podes crear uno que sea #clubmenu y .clubs

Y luego creas tu menú como

<div id="clubmenu">
<ul id="clubs">

<li><a href="/clubes/arsenal"><img src="arsenal.jpg" /></a></li>

etc etc

</ul>

Eso para hacerlo a mano, ya que igual como son 20 clubes creo, no será algo que iría cambiando según cambias una categoría, así que hacerlo a mano no estaría mal...
__________________
elGastronomo
  #7 (permalink)  
Antiguo 08/06/2009, 14:53
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Style WP

He intentado crear el .htaccess pero al pasarlo al directorio desaparece, ¿que hago mal?
Y segun lo de la subcabecera que formula he de poner para las medidas de la subcabecera, poned un ejemplo porfavor.

Gracias por vuestra ayuda.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
  #8 (permalink)  
Antiguo 08/06/2009, 16:46
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

Lo del .htaccess subilo al servidor como pirulo.txt y luego en el servidor cambiale el nombre...

Bueno, te paso el menú para que pruebes...

Si aún así no lo logras, avisa y te lo armo, eso si te pongo 20 imagenes repetidas vos luego pones los logos de cada club...

Igual acá está casi terminado, solo tenes que adaptarlo y probar margins y paddings a tu gusto...

primero

estilo.css (para probar, vos tendrías que poner casi todo este codigo en tu css, el body y los resets quizas no, pero si los que referencian a pagenav

Código:
* {
	font-family: "Trebuchet MS", arial;
	color: #636363;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0 none;
	text-decoration: none;
	white-space: normal;
	vertical-align: baseline;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}

/***************************************************/

body {
	background: #dbf4ff;
	text-align: center;
}

#pagenav {
	float: left;
	width: 850px;
	height: 70px;
}

#pagenav ul {
	float: left;
	padding-top: 15px;
	padding-left: 20px;
	height: 50px;
}

#pagenav ul li {
	background: #eee;
	float: left;
	height: 50px;
	width: 40px;
	text-align: center;
	margin-right: 5px;
}

#pagenav ul li a {
	float: left;
	display: block;
	padding-left: 5px;
	padding-right: 5px;
	line-height: 30px;
	height: 50px;
	font-size: 16px;
	letter-spacing: -1px;
	color: #000;
	font-weight: bold;
}

#pagenav ul li a:hover {
	color: #666;
}
Le puse colores solo para que notes donde está cada caja, que por cierto, son de 40px de ancho con 5 de espacio entre si, es decir que 20 clubes entrarian en 900px, pero eso luego lo adaptas a tu espacio...

un HTM de ejemplo...

loquequieras.htm

Código HTML:
<!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" dir="ltr">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<link rel="stylesheet" href="estilo.css" type="text/css" media="screen" />
</head>
<body>

<div id="pagenav">
	<ul>
		<li><a href="#">C01</a></li>
		<li><a href="#">C02</a></li>
		<li><a href="#">C03</a></li>
		<li><a href="#">C04</a></li>
		<li><a href="#">C05</a></li>

	</ul>
</div>

</body>
</html> 
Claro deberías reemplazar cada C0x con tus imagenes de los clubes...

PD: Comentame si te sirvió si queres mas ayuda nos avisas...
__________________
elGastronomo
  #9 (permalink)  
Antiguo 09/06/2009, 09:03
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Style WP

Lo de los permalinks sigue sin salirme pero ahora eso no me importa mucho.
American2010, muchas gracias por tu ayuda pero la verdad esque lo he probado y no me sale. Si pudieras armarmelo tu te lo agradeceria, pero no pasa nada si no puedes, solo que no entiendo donde exactamente he de poner el codigo en el style.css. Si quieres lo puedo adjuntar a este mensaje, avisame si lo necesitas.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
  #10 (permalink)  
Antiguo 09/06/2009, 10:31
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

Cita:
Iniciado por isma_95 Ver Mensaje
Lo de los permalinks sigue sin salirme pero ahora eso no me importa mucho.
American2010, muchas gracias por tu ayuda pero la verdad esque lo he probado y no me sale. Si pudieras armarmelo tu te lo agradeceria, pero no pasa nada si no puedes, solo que no entiendo donde exactamente he de poner el codigo en el style.css. Si quieres lo puedo adjuntar a este mensaje, avisame si lo necesitas.
Si podes haceme llegar el style.css de tu Theme y el header.php, aunque el style podría tomarlo del sitio, pero el header.php no, juntame esos 2 en algun post y lo vemos...
__________________
elGastronomo
  #11 (permalink)  
Antiguo 09/06/2009, 12:32
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Style WP

Lo siento, pero el style.css no me cabe, te adjunto el header y el link para descargarte el theme y verlo mejor.

Header.php

Cita:
<?php include('templates/start.php'); ?>

<!-- container START -->
<div id="container" <?php $options = get_option('inove_options'); if($options['nosidebar']){echo 'class="one-column"';} ?> >

<?php include('templates/header.php'); ?>

<!-- content START -->
<div id="content">

<!-- main START -->
<div id="main">

Hay otro header.php pero esta en una carpeta llamada templates:

Cita:
<!-- header START -->
<div id="header">

<!-- banner START -->
<?php if( $options['banner_content'] && (
($options['banner_registered'] && $user_ID) ||
($options['banner_commentator'] && !$user_ID && isset($_COOKIE['comment_author_'.COOKIEHASH])) ||
($options['banner_visitor'] && !$user_ID && !isset($_COOKIE['comment_author_'.COOKIEHASH]))
) ) : ?>
<div class="banner">
<?php echo($options['banner_content']); ?>
</div>
<?php endif; ?>
<!-- banner END -->

<div id="caption">
<h1 id="title"><a href="<?php bloginfo('url'); ?>/"><?php bloginfo('name'); ?></a></h1>
<div id="tagline"><?php bloginfo('description'); ?></div>
</div>

<div class="fixed"></div>
</div>
<!-- header END -->

<!-- navigation START -->
<div id="navigation">
<!-- menus START -->
<ul id="menus">
<li class="<?php echo($home_menu); ?>"><a class="home" title="<?php _e('Home', 'inove'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'inove'); ?></a></li>
<?php
if($options['menu_type'] == 'categories') {
wp_list_categories('depth=2&title_li=0&orderby=nam e&show_count=0');
} else {
wp_list_pages('depth=2&title_li=0&sort_column=menu _order');
}
?>
<li><a class="lastmenu" href="javascript:void(0);"></a></li>
</ul>
<!-- menus END -->

<!-- searchbox START -->
<div id="searchbox">
<?php if($options['google_cse'] && $options['google_cse_cx']) : ?>
<form action="http://www.google.com/cse" method="get">
<div class="content">
<input type="text" class="textfield" name="q" size="24" />
<input type="submit" class="button" name="sa" value="" />
<input type="hidden" name="cx" value="<?php echo $options['google_cse_cx']; ?>" />
<input type="hidden" name="ie" value="UTF-8" />
</div>
</form>
<?php else : ?>
<form action="<?php bloginfo('home'); ?>" method="get">
<div class="content">
<input type="text" class="textfield" name="s" size="24" value="<?php echo wp_specialchars($s, 1); ?>" />
<input type="submit" class="button" value="" />
</div>
</form>
<?php endif; ?>
</div>
<script type="text/javascript">
//<![CDATA[
var searchbox = MGJS.$("searchbox");
var searchtxt = MGJS.getElementsByClassName("textfield", "input", searchbox)[0];
var searchbtn = MGJS.getElementsByClassName("button", "input", searchbox)[0];
var tiptext = "<?php _e('Type text to search here...', 'inove'); ?>";
if(searchtxt.value == "" || searchtxt.value == tiptext) {
searchtxt.className += " searchtip";
searchtxt.value = tiptext;
}
searchtxt.onfocus = function(e) {
if(searchtxt.value == tiptext) {
searchtxt.value = "";
searchtxt.className = searchtxt.className.replace(" searchtip", "");
}
}
searchtxt.onblur = function(e) {
if(searchtxt.value == "") {
searchtxt.className += " searchtip";
searchtxt.value = tiptext;
}
}
searchbtn.onclick = function(e) {
if(searchtxt.value == "" || searchtxt.value == tiptext) {
return false;
}
}
//]]>
</script>
<!-- searchbox END -->

<div class="fixed"></div>
</div>
<!-- navigation END -->
Link Theme:

http://wordpress.org/extend/themes/inove

Gracias por tu interes y atención.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!

Última edición por isma_95; 09/06/2009 a las 14:31
  #12 (permalink)  
Antiguo 09/06/2009, 17:55
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

Okos, mañana lo veo tranqui y te subo acá la posible solución...

Mientras lo del .htaccess fijate que en este mismo subforo hay un tema tratando un caso similar...
__________________
elGastronomo
  #13 (permalink)  
Antiguo 09/06/2009, 19:15
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

Bueno, vamos a ello...

Primero en tu "styles.css"

Ubica esta parte y dejala así... Y ya abajo de eso añadí el nuevo código...

PD: Más prolijo sería editar la imagen de ese fondo y hacerla más alta. Pero por ahora para hacerle espacio, subí el título...

Vamos: (El padding del caption es lo que cambia, el resto es tu nuevo codigo)

Código PHP:
#caption {
    
padding:0px 30px 0;
}

#pagenav {
    
floatleft;
    
width920px;
    
height40px;
    
padding-top5px;
}

#pagenav ul {
    
list-style-typenone;
    
floatleft;
    
padding-left20px;
    
height40px;
}

#pagenav ul li {
    
floatleft;
    
height40px;
    
width35px;
    
text-aligncenter;
    
margin-right10px;
}

#pagenav ul li a {
    
floatleft;
    
displayblock;

Y ahora en el header.php que está dentro de "templates" añadí esto...

(Justo despues de estas líneas)
Código:
		<div id="tagline"><?php bloginfo('description'); ?></div>
	</div>
Pones esto...

Código PHP:
    <div id="pagenav">
    <ul>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
        <li><a href="#"><img src="<?php bloginfo('template_url'); ?>/img/01.gif" /></a></li>
    </ul>
</div>
Los logos de los clubes que sean de 30 x 40 (Ancho por alto) con fondos transparentes, y los subís en la carpeta img que tiene tu theme...

Editas los link, y si quieres al código de las imagenes añadile el alt="Chelsea" etc etc

<img src="<?php bloginfo('template_url'); ?>/img/chelsea.gif" alt="Chelsea" />

¿Quieres verlo? Lo hice con una imagen cualquiera que la transparencia no le quedó muy bien, pero mira como quedaría...

http://www.lovienlared.com.ar/videos/#

(PD: Blog temporal, en poco o no estará más o aparecerá un Blog de videos :P )

Suerte, si quedan dudas nos consultas... De paso me sirvió un poco para aprender mas esto...

El sitio oficial tiene los 20 escudos de los clubes, pero con un fondito blanco, tendrías que tomarte el trabajo de hacerlos trasnparente... Oooo la otra, es hacer el menu en una zona con fondo blanco, pero eso se me ocurrió ahora :P
__________________
elGastronomo
  #14 (permalink)  
Antiguo 09/06/2009, 19:19
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 21 años, 1 mes
Puntos: 34
Respuesta: Style WP

PD: También se podría juntar un poco más los logos entre sí y ubicarlos a la derecha, para así dejar el logo en su posición actual...

Tocando margins y padding y poniendo al pagenav Float:right; creo que podrías experimentar...

Lo del .htaccess tratá de lograrlo lo antes posible, para que las URLs queden más amigables y así rankear mejor...
__________________
elGastronomo
  #15 (permalink)  
Antiguo 12/06/2009, 17:02
 
Fecha de Ingreso: enero-2009
Mensajes: 135
Antigüedad: 15 años, 3 meses
Puntos: 0
Respuesta: Style WP

Ya esta, ya lo he hecho, gracias a todos.
__________________
Blog de la Premier League - Toda la Premier League Inglesa aquí!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:00.