Problema con css en nueva plantilla

[Agripado]

Hola estoy haciendo esta plantilla en joomla 1.5 y pasa que tengo un problema con CSS, cuando entro a alguna de las opciones del menú veo el texto sin formato, todo feo, a que se debe eso?

Luego, tengo otro problema, en la parte del login, la parte que contiene ¿Perdió su contraseña? etc etc que está al lado derecho del botón verde de iniciar sesión queda debajo, xq?

Es mi primera plantilla que hago, espero sugerencias.

Gracias por responder

[Larenz]

Para resolver esos problemas tienes que hacer lo siguiente:

-> Irte al index.php o al head.php (si es que llama al head desde un archivo aparte) y tendrás que modificar el orden en que llama a los CSS. En este caso tienes que llamar primero al archivo reset.css y después al archivo template.css, quedando el código así:

Código:

<link rel="stylesheet" href="<?php echo $this->templateurl(); ?>/css/reset.css" type="text/css" />
<link rel="stylesheet" href="<?php echo $this->templateurl(); ?>/css/template.css" type="text/css" />

Actualmente lo haces al revés, es decir, llamas primero al template.css y luego al reset.css

OJO: el código php puede variar en dependencia de la plantilla a usar.

-> Tendrás que añadir dos estilos más a tu archivo template.css en la línea 1:

Código HTML:

body {
    font-family: Verdana, Arial; /* Las demás fuentes que quieras */
    font-size: 12px;
}

Con eso ya deberías de tener solucionado tu problema de las fuentes sin estilos y tamaños.

Con respecto al problema del login ésta sería la solución:

Línea 171:

Código:

#form-login-username .div_opciones {
    display: block;
    float: right;
    margin-left: 0;
    width: 168px;
}

Con esos datos habrás solucionado tu problema.

Saludos!

[Agripado]

Maestro, Gracias. esta es mi primera plantilla, y bueno tengo algunos problemas otro problema que tengo es que en el login del virtuemart, ingreso con mi usuario y clave y luego me muestra el enlace de "Mantenimiento de cuenta" pero cuando lo pico, me sale nuevamente el form de loguearme.

Otro problema que veo en mi plantilla es que los títulos se ven como texto común y no como H3 H2 o H1.

A que se debe eso?

[inturias]

lo del Form habria que ver mas a detalle tu problema, estas usando el modulo login del Virtuemart? o el que viene por defecto con el Joomla?

Ahora los titulos de los Articulos, no se los muestra como H1, h2 o h3 porque el sistema los pone en una TABLA con la clase contentheading, lo que tendrias que hacer es editarlo, creandote una carpeta o mejor dicho varias en la raiz de tu template, que tendria que quedar asi:

/html/com_content/article

ahi dentro cargas el default.php, del componente ya dicho y ahi haces los cambios editarndo las tablas y poniendo en el titulo un h1 en vez de un td!

Saludos!

[Agripado]

Utilizo el login del virtuemart, ya te entendí lo de la carpeta html

[Agripado]

Ya, está resuelto el problema, se solucionó cuando creé las carpetas correspondientes en el directorio HTML, ahora si veo las opciones de mantenimiento de cuenta, el problema con el texto radica en el el archivo reset.css.

Ahora lo único que me falta es que el texto de las partes interiores tenga margenes.
Creé un div para eso donde va el maincomponent

<div id="maincomp">
<div class="centrado">
<jdoc:include type="component" />
</div>

</div>

Estilos CSS

#maincomp{
background: #fff;
}
.centrado{
display: block;
width: 100%;
height: 1%;
overflow: hidden;
}

al .centrado le pongo padding para todos los lados de 20px, pero cuando vuelvo a la principal, tengo un gran espacio debajo de la foto.

[Larenz]

Está mal lo que intentas hacer, ya que la forma correcta debería de ser así:

Código CSS:

<style type="text/css">
#maincomp {
    background: #FFF;
    width: 100&#37;; /* Cien por ciento */
}
.centrado {
    position: relative;
    padding: 20px;
    overflow: hidden;
    min-height: 400px;
}
</style>
 

Código PHP:

<div id="maincomp">
  <div class="centrado clearfix">
 
    <jdoc:include type="component" />
 
  </div>
</div>
 

En el archivo reset.css debes de crear las siguientes reglas o clases si es que no las tienes aún:

Código CSS:

* html .clearfix {
    height: 1%; /* IE5-6 */
}
 
html[xmlns] .clearfix { /* O */
    display: block;  
}
 
.clearfix:after { /* FF, O, etc. */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clear {
    clear: both;
}
 

Esas reglas te ayudarán a mejorar la maquetación CSS.

[Agripado]

Ya, pero mira lo que sucede es que queda un bloque con un alto mínimo de 455px debajo de la foto principal, entonces, podría solucionarlo moviendo el módulo que carga la foto a ese lugar... y efectivamente si, así lo solucioné!

pero por el padding la foto se me tira también con todo y margen

Antes estaba así:

Código PHP:

<div class="contenido_principal">
                <jdoc:include type="modules" name="fotos" style="xhtml" />
</div>
<div id="maincomp">
 <div class="centrado clearfix">
 
    <jdoc:include type="component" />
 
  </div>
</div>
 

Ahora está así

Código PHP:

<div id="maincomp">
  <div class="centrado clearfix">
     <jdoc:include type="modules" name="fotos" style="xhtml" /> <jdoc:include type="component" />
   </div>
 

</div>

Soluciones?

Por cierto, gracias por responder a todas las preguntas que estoy haciendo

[Larenz]

Si... entiendo tu actual problema. Lo podrías solucionar mediante alguna condición php. En este caso no conozco cómo está configurada tu plantilla pero la mayoría de las plantillas comerciales traen una condición para no mostrar el componente en la página principal. En mi caso lo tengo configurado mi plantilla así:

Código PHP:

<?php if(!$tmpTools->isFrontPage()) : ?>
<div id="maincomp">
  <div class="centrado clearfix">
 
    <jdoc:include type="component" />
 
  </div>
</div>
<?php endif; ?>
 

Como te dije tienes que probar con tu plantilla y ver cómo te funciona. Intenta agregando arriba de tu plantilla el siguiente código en tu plantilla o archivo index.php:

Código PHP:

<?php
    function isFrontPage(){
      return (JRequest::getCmd( 'view' ) == 'frontpage') ;
   }
?>
 

Nunca lo he usado de esa manera pero podría funcionar. La verdad que es algo complicado ya que tu plantilla es totalmente diferente y para que funcionase sin problemas se tendrían que acomodar el código a tu plantilla. Al menos ya tienes una idea y puedes irlo resolviendo.

También podrías intentar con este otro que posiblemente sí funcione:

Código PHP:

<?php if($this->isFrontPage()) : ?>
 

Suerte!!!

[Agripado]

Lo hice, puse el código y sólo me muestra las imaganes y nada de módulos

[Larenz]

¿No será que tienes metidos las llamadas a las posiciones dentro de la condición que te acabo de pasar? Puede ser que hayas hecho eso. Porque de ser así la condición también afectaría a los módulos si los metes dentro.

Intenta condicionando nada más al component. Si aún no trabaja bien es cosa de seguir checando la condición.

Como te dije anteriormente, al ser una plantilla propia la que estás creando no sé qué sintaxis usas y todo lo demás, entonces no puedo hacer mucho más que darte ideas.

[Agripado]

No se si sea riezgoso pero acá te dejo el código de mi index http://pastebin.com/ScN3XhxN

[Larenz]

Vi tu código y no se está con los cambios que les has hecho pero posiblemente también estés condicionando los módulos, de forma que la posición fotos tampoco se mostrará en el index y desaparecerá.

No creo que necesite de ciencia el hecho que te digo que no incluyas ningún módulo en la condición. Ya te pasé el código que debes agregar.

Lo que deberías de hacer es quitar el min-height del código que te pasé y condicionar solamente el component.

[Agripado]

Cual sería la forma correcta de agregar los códigos que me pasaste, pq los pongo y/o no me muestran nada o me echa error de php.

Agradezco tu atención y amabilidad