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

Modificar mod_eventlist_wide

Estas en el tema de Modificar mod_eventlist_wide en el foro de Joomla en Foros del Web. Hola a todos, bueno tengo un problemilla, he realizado algunas modificaciones en este modulo del eventils, pero quisiera hacer una más y no consigo que ...
  #1 (permalink)  
Antiguo 29/01/2010, 05:11
 
Fecha de Ingreso: marzo-2009
Ubicación: España
Mensajes: 371
Antigüedad: 15 años, 7 meses
Puntos: 5
Modificar mod_eventlist_wide

Hola a todos, bueno tengo un problemilla, he realizado algunas modificaciones en este modulo del eventils, pero quisiera hacer una más y no consigo que me salga como quiero.

Os explico el modulo me da los eventos programados en un lateral de la web quedando así:

Fiesta cumpleaños - Paco
el 20.08.2010
Valencia

Excursión al río
el 30.09.2010
Valencia

Pero claro lo que quiero es que detrás de cada evento tenga un fondo tipo botón que le he preparado, pero claro al ponerle el "style="background:url(img/boton-eventos.jpg);" me aparece ese botón para los dos eventos y no como yo quiero que es con una separación, no se si me explico bien :S.

Código:
Fiesta cumpleaños - Paco
el 20.08.2010
Valencia
Código:
Excursión al río
el 30.09.2010
Valencia
Algo así, pero claro de fondo la imagen que tengo preparada ya.

Como podría ponerlo??

Aquí os dejo el code que estoy retocando a ver si me podéis decir por favor.

Código PHP:
<?php
defined
('_JEXEC') or die('Restricted access');
?>

<div id="elmodulewide" style="margin-top:30px;">

<table width="324" border="0" cellpadding="5" cellspacing="0" class="eventset" summary="mod_eventlist_wide">

    <colgroup>
            <col width="100%" class="elmodw_col_title" />
            <col width="100%" class="elmodw_col_category" />
            <col width="100%" class="elmodw_col_venue" />
            <col width="100%" class="elmodw_col_eventimage" />
            <col width="100%" class="elmodw_col_venueimage" />
    </colgroup>

<?php foreach ($list as $item) :  ?>
    <tr>
        <td width="314" valign="top">
            <span class="event-title">
                <?php if ($item->eventlink) : ?>
                <a href="<?php echo $item->eventlink?>" title="<?php echo $item->title?>">
                <?php endif; ?>
                    <strong>    
                    <?php echo $item->title?>
                    </strong>
                <?php if ($item->eventlink) : ?>
                </a>
                <?php endif; ?>
            </span>
            
            <br /><br />
            
            <span class="date">
            <strong>
                <?php echo $item->date?>
            </strong>    
        </span>
        <br /><br />
            <span class="category">
                <?php if ($item->categorylink) : ?>
                <a href="<?php echo $item->categorylink?>" title="<?php echo $item->catname?>">
                <?php endif; ?>
                        
                    <?php echo $item->catname?>
                            
                <?php if ($item->categorylink) : ?>
                </a>
                <?php endif; ?>
            </span>
            
            <br /> <br />
            <!--Separacion de eventos-->
            <br /> <br />
        </td>
    </tr>
<?php endforeach; ?>
</table>
</div>
Código HTML:
div#elmodulewide {
	width: 100%;
}

div#elmodulewide .eventset {
	width: 100%;
	margin-bottom: 10px;
	padding: 5px;
	border-bottom: 1px dotted silver;
}

div#elmodulewide span.event-title {
	padding-left: 25px;
	background: url(img/flag_red.png) no-repeat;
	font-size: 12px;
}

div#elmodulewide span.time {
	padding-left: 25px;
	background: url(img/time.png) no-repeat;
	padding-top: 2px;
}

div#elmodulewide span.date {
	padding-left: 25px;
	background: url(img/date.png) no-repeat;
	padding-top: 2px;
}

div#elmodulewide span.category {
	position: relative;
	padding-left: 25px;
	background: url(img/category.png) no-repeat;
	font-size: 12px;
}

div#elmodulewide span.venue-title {
	position: relative;
	padding-left: 25px;
	background: url(img/building.png) no-repeat;
	font-size: 12px;
}

div#elmodulewide .event-image-cell {
}

div#elmodulewide .venue-image-cell {
}

div#elmodulewide .image-preview {
	height: 35px;
	border: 1px solid #CCCCCC;
	padding: 3px;
	background-color: white;
	margin: 3px;
}

Gracias de antemano.

Un saludo.
  #2 (permalink)  
Antiguo 29/01/2010, 14:18
Avatar de Larenz
Colaborador
 
Fecha de Ingreso: enero-2007
Ubicación: Nicaragua
Mensajes: 1.398
Antigüedad: 17 años, 10 meses
Puntos: 55
Respuesta: Modificar mod_eventlist_wide

¿Cuál es tu url del sitio en cuestión? Sólo viendo el código que te genera es posible identificarlo si posee ID propio o está generalizado.
__________________
¡No lo sé todo! Pero comencé como tú, ¡sin saber nada!
Encuéntrame en Facebook: Perfil + Página
  #3 (permalink)  
Antiguo 29/01/2010, 14:34
 
Fecha de Ingreso: marzo-2009
Ubicación: España
Mensajes: 371
Antigüedad: 15 años, 7 meses
Puntos: 5
Respuesta: Modificar mod_eventlist_wide

De momento no esta online la tengo en localhost, posiblemente el lunes ya esté online.

En cuanto la pongamos online te aviso a ver si me puedes echar una mano, te lo agradecería mucho.

Gracias por responder.

Etiquetas: modificar
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 11:51.