Foros del Web » Creando para Internet » CSS »

Listado de Paginas.

Estas en el tema de Listado de Paginas. en el foro de CSS en Foros del Web. Buenas miren de primera les doy el link de mi site http://arthasdestiny.es.kz Ahora os explico aver si me podeis exar un cable. Como vereis he ...
  #1 (permalink)  
Antiguo 12/01/2009, 05:05
Avatar de zatoshi  
Fecha de Ingreso: enero-2009
Mensajes: 3
Antigüedad: 15 años, 2 meses
Puntos: 0
Pregunta Listado de Paginas.

Buenas miren de primera les doy el link de mi site

http://arthasdestiny.es.kz

Ahora os explico aver si me podeis exar un cable.

Como vereis he conseguido poner 2 widgets en la parte superior del theme, uno de las noticias recientes y otro el de las páginas. No se mucho de php pero algo de html y css así que he conseguido que en vez de un <li></li> en las noticias aparezca esta imágen.



Ahora bien, tengo un problema, quiero hacer lo mismo en el de páginas reciente.

Este es el código que tengo en widgets.php

Código:
/**
 * Display pages widget.
 *
 * @since 2.2.0
 *
 * @param array $args Widget arguments.
 */
function wp_widget_pages() {
	$options = get_option( 'widget_pages' );

	$title = empty( $options['title'] ) ? __( 'P&aacute;ginas Recientes' ) : apply_filters('widget_title', $options['title']);
	$sortby = empty( $options['sortby'] ) ? 'menu_order' : $options['sortby'];
	$exclude = empty( $options['exclude'] ) ? '' : $options['exclude'];

	if ( $sortby == 'menu_order' ) {
		$sortby = 'menu_order, post_title';
	}

	$out = wp_list_pages( array('title_li' => '', 'echo' => 0, 'sort_column' => $sortby, 'exclude' => $exclude) );

	if ( !empty( $out ) ) {
?>
	<?php echo $before_widget; ?>
		<?php echo $before_title . $title . $after_title; ?>
		<ul>
			<?php echo $out; ?>
		</ul>
	<?php echo $after_widget; ?>
<?php
	}
}
Me podríais ayudar a quitar a en vez del "li" aparezca esa imágen, he retocado muuucho el código bajo mi inexperiencia, se que quitando <ul></ul> se quita la imagen del punto, pero he intentado de incuir en...

Código:
<ul>
<?php echo $out; ?>
</ul>
la imagen en codigo html <img..... /> y nada suele ponerse delante o detrás de los titulos de las paginas, y no sustitule el <li></li>.

he leido tambien que tocacando el codigo.

Código:
$out = wp_list_pages( array('title_li' => '', 'echo' => 0, 'sort_column' => $sortby, 'exclude' => $exclude) );
Se puede llegar a hacer, pero no consigo leer algo que me ayude a conseguirlo.

Gracias de antebrazo digo antemano ^^.
  #2 (permalink)  
Antiguo 12/01/2009, 14:59
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 20 años, 11 meses
Puntos: 34
Respuesta: Listado de Paginas.

Me parece que podrías consultarlo en el sub-foro de PHP mejor esto... De seguro es más PHP que WP...
__________________
elGastronomo
  #3 (permalink)  
Antiguo 12/01/2009, 16:19
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Listado de Paginas.

Hola zatoshi, bienvenido a Foros del Web.
Permíteme recomendarte leer este tema para que tu estadía por acá sea la mejor posible.

Ahora, contestando a tu pregunta, la forma más sencilla de hacer esto es utilizando CSS:

A un html como éste:
Código HTML:
<ul>
<li>Un elemento de lista</li>
</ul> 
le podés aplicar un CSS como éste:
Código css:
Ver original
  1. ul {
  2.     list-style-image : url(ruta/a/la/imagen);
  3. }

y verás la imagen colocada en vez del punto. Así de sencillo y así de rápido.
También podés utilizar una clase (class="algunacosa") o un identificador (id="algunacosa") en la etiqueta UL, por ejemplo para que esa imagen no se aplique a todas las listas.

Muevo el tema al foro de CSS, ya que CSS es tu mejor opción en este caso, en vez de jugar con imágenes.


Saludos.
  #4 (permalink)  
Antiguo 13/01/2009, 06:39
Avatar de zatoshi  
Fecha de Ingreso: enero-2009
Mensajes: 3
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Listado de Paginas.

Mil gracias, deveras, me has ayudado mucho ^^.

Otra cosa nueva que se de css ^^.

Gracias.

---

Edit 1:

Una pregunta y se puede por css, para que entre título y título se acorte el espacio?.

Gracias ^^.
  #5 (permalink)  
Antiguo 13/01/2009, 07:01
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Listado de Paginas.

Pregunto, yo lo hice poniéndole background al li. Por ello, tuve que ponerle un line-height del tamaño del alto de la imagen... porque si por lo que sea el usuario utiliza una letra más pequeña que el ancho... se recortará la imágenes con la de arriba...
¿Qué diferencia hay??
Lo hice en este ejemplo: las flechas naranjas de entradas recientes que hice para una competencia de css
http://www.emdma.com/FdW/kersv2/kers.html

Un saludo!
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
  #6 (permalink)  
Antiguo 13/01/2009, 07:31
Avatar de zatoshi  
Fecha de Ingreso: enero-2009
Mensajes: 3
Antigüedad: 15 años, 2 meses
Puntos: 0
Respuesta: Listado de Paginas.

Pues gracias por el código "line-height" es lo que andaba buscando, gracias a ello tambien en las noticias reciente tengo la flechita.

Un saludo :D
  #7 (permalink)  
Antiguo 13/01/2009, 07:43
AlvaroG
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Listado de Paginas.

Cita:
Iniciado por Aresillo Ver Mensaje
¿Qué diferencia hay??
Supongo que sería simplemente una diferencia semántica.

Haciéndolo vía background-image uno tiene algo más de control. Por otro lado, haciéndolo con list-style-image se puede colocar una imagen de lista y otra de fondo


Saludos.
  #8 (permalink)  
Antiguo 13/01/2009, 08:18
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años
Puntos: 53
Respuesta: Listado de Paginas.

gracias jefe!

Ares
__________________
Las dudas son el alimento de la inteligencia. A. Einstein
Everything we are is the end result of our thoughts. Sidhartta Gautama
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 03:15.