Joomla – Módulo privado y módulo no privado, especial y publico

Usualmente cuando trabajamos sobre Joomla y creamos algun módulo tenemos 3 Opciones para Niveles de Acceso:

Esto seria así:
Está tecnica no solo la podemos usar para modulo sino para lo que fuese necesario consistenciar.

Lo que en realidad vamos a preguntar a Joomla si el usuario visitante tiene sessión iniciada y cómo?

<?php
 $user = & JFactory::getUser();
 if (!$user->guest) {
 //echo "Bienvenido!";
 }else{
 //echo "Registrarte";
 registrarUsuario();
 }
?>

Lo que hacemos es crear un objeto User y preguntar si hay sesión iniciada.

Si inicio sesión --> Hola Julio
Sino -->Amigo visitante registrate y llamamos a la función de registro.

Asi de sencillo.

Las propiedades CSS (margin, padding y outline)

Hay dos propiedades que establecen la separación de los elementos: margin y padding. Si bien parecen lo mismo porque a veces no notamos ninguna diferencia entre usar una u otra, no lo son. Podríamos decir que margin es la separación de un elemento de otro y padding es el relleno, la separación entre un elemento y aquel que lo contiene ¿Confuso? Ciertamente, lo es.

Veamos la sintaxis de las propiedades ya que son sencillas.

margin es una forma reducida de establecer la separación de los cuatro bordes al mismo tiempo.

sintaxis en HTML
elemento {margin: valores;}
por ejemplo: div {margin: 2px 0 10px 5px;}

sintaxis en JAVASCRIPT
elemento.style.{margin=’valores’;
por ejemplo: this.style.margin=’2px 0 10px 5px’;

Donde el orden de los valores es: arriba, derecha, abajo e izquierda, cada una de ellos puede ser especificad por separado.

La propiedad margin-bottom establece el margen inferior; margin-right el margen derecho; margin-bottom el margen inferior y margin-left el margen izquierdo.

sintaxis en HTML
elemento {margin-top: valor;}
elemento {margin-roght: valor;}
elemento {margin-bottom: valor;}
elemento {margin-left: valor;}
por ejemplo: div {margin-left: 5px;}

sintaxis en JAVASCRIPT
elemento.style.marginTop=’valor’;
elemento.style.marginRight=’valor’;
elemento.style.marginBottom=’valor’;
elemento.style.marginLeft=’valor’;
por ejemplo: this.style.marginLeft=’5px’;

Los posible valores son auto, cm, mm, in,pt, pc, px, em, ex o un porcentaje y pueden ser tanto positivos como negativos. Por defecto, es cero.

• Si sólo de especifica un valor, este se aplica a los cuatro lados.
• Si se especifican dos valores, el primero se aplica a los márgenes superior e inferior y el segundo a los márgenes derecho e izquierdo.
• Si se especifican tres valores, el primero se aplica al margen superior, el segundo a los márgenes derecho e izquierdo y el tercero al margen inferior.
• Si establecemos cuatro valores, definirán los márgenes superior, derecho, inferior e izquierdo respectivamente.

Los valores los separamos mediante espacios; por ejemplo:

div {margin: 10px 20px;}

En los llamados elementos inline, los márgenes superior e inferior no tienen efectos prácticos.

La propiedad padding es una forma reducida de establecer el “relleno” de los cuatro lados al mismo tiempo y tiene la misma sintaxis que margin.

sintaxis en HTML
elemento {padding: valores;}
elemento {padding-top: valor;}
elemento {padding-right: valor;}
elemento {padding-bottom: valor;}
elemento {padding-left: valor;}
por ejemplo: div {padding-left: 5px;}

sintaxis en JAVASCRIPT
elemento.style.padding=’valores’;
elemento.style.paddingTop=’valor’;
elemento.style.paddingRight=’valor’;
elemento.style.paddingBottom=’valor’;
elemento.style.paddingLeft=’valor’;
por ejemplo: this.style.paddingLeft=’5px’;

El padding o relleno, es la cantidad de espacio a insertar entre el objeto y su margen o, si hay un borde (propiedad border) la distancia entre el objeto y el borde.

Sigue todas las reglas que los márgenes excepto que sólo se pueden usar valores positivos. Por ejemplo:

div {padding: 50px 10px 20px 30px}

Cada elemento de una página web es un rectángulo que tiene un contenido (textos, imágenes, etc.) y una serie de áreas opcionales a su alrededor (border, margin y padding) por lo tanto, el tamaño final depende de todas y cada una de esas propiedades aunque también depende de si han asignadas otras propiedades como width y height, si contiene texto u otros elementos, si es una tabla, si … etc.

En térmimos generales, el ancho es la suma de los márgenes, los bordes y los rellenos izquierdos y derechos más el ancho del contenido y la altura es la suma de los márgenes, lso bordes y los rellenos superiores e inferiores más la altura del contenido.

Hay una propiedad extra relacionada, se trata de outline y es similar a la propiedad border pero, no ocupa espacio y adopta la forma del elemento, es decir, puede no ser rectangular.

Es una propiedad que vemos habitualmente, cuando hacemos click en algunos enlaces y vemos una línea punteada a su alrededor. Lamentablemente, no es reconocida por Internet Explorer pero podemos agregarla a las propiedades de estilo sin inconvenientes.

La propiedad genérica outline tiene los mismos parámetros que los bordes: width, style y color.

sintaxis en HTML
elemento {outline: valores;}
por ejemplo: img {outline: 2px 0 10px 5px;}

También podemos usar las propiedades individuales:

elemento {outline-width: valor;}
thin | medium | thick | longitud (el ancho del contorno valor inicial medium)

elemento {outline-style: valor;}
none | solid | double | dotted | dashed | groove | ridge | inset | outset (indica el tipo de contorno)

elemento {outline-color: valor;}
el color del contorno (valor inicial invert)

Margin VS Padding – Templates CSS

Parece que las propiedades margin y padding provocan alguna confusión. Si a eso le agregamos que su resultado es diferente según sea el navegador que se usa, el tema merece ser nuevamente tratado.

Estas son las propiedades:

margin: superior derecho inferior izquierdo
margin-top:  | margin-right:  | margin-bottom:  | margin-left:

Establece la cantidad de espacio entre un elemento y el elemento adyacente.
Puede ser una longitud (positiva o negativa) un porcentaje o auto.

padding: superior derecho inferior izquierdo
padding-top:  | padding-right:  | padding-bottom:  | padding-left:

Establecen la distancia entre los bordes de un elemento y el área que lo contiene.
No admite valores negativos.
Este diagrama ilustra las cuatro áreas de la “caja genérica de CSS”:

Hay cuatro áreas anidadas, el área del CONTENIDO es la que está en el interior y, hacia afuera, le siguen padding, border y margin.

Vamos a imaginar que hay un bloque dentro de otro bloque y, que en ambos, las propiedades margin y padding son 0px:

<div style="background-color:oldlace;height:100px; ... "> /* EXTERNO */
  <div style="background-color:tomato; ... "> /* INTERNO */
CONTENIDO  ...
  </div>
</div>

Aquí hay una herramienta simple donde puede probarse qué significa cada propiedad. Cambien los valores de margin y padding para cada uno de los bloques, opriman el botón correspondiente y vean cómo actua cada propiedad en el navegador que están usando.

Fuente: http://vagabundia.blogspot.com/2006/12/margin-vs-padding.html

Selector {cursor:value}

Si tenemos cualquier selector(table, boton, campo, div, etc) podemos darle propiedades de cursor.
Aquí mas información.

http://www.echoecho.com/csscursors.htm
Revisar tambien:
:hand, :hover, :active

a:hover, img:hover

Registro Joomla usando un solo campo de contraseña

Si en caso necesitemos crear un modulo de registro en donde solo debe de aparecer un campo de contraseña y no salir el tradicional repetir contraseña.

Y como estamos sobre Joomla pues tenemos que colocar el campo “password2″ como oculto.
Cuando demos click al boton REGISTRAR debe de llamar a una funcion javascript en cual.

- Primero copia el valor del password 1 al password 2
- Submitear el formulario y Listo!!!.

Aqui una demo prueba en html.

<SCRIPT>——————————————————————————————————–
<script type=’text/javascript’>
function enviarDatos(){
passw=document.getElementById(‘p1′).value;
document.getElementById(‘p2′).value = passw;
document.form1.submit();
return true;
}
</script>
<SCRIPT>——————————————————————————————————–

<HTML>——————————————————————————————————–
<table width=”200″ border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td>
<form id=”form1″ name=”form1″ method=”post” action=”">
<input type=”password” name=”p1″ id=”p1″ />
<input type=”hidden” name=”p2″ id=”p2″ />
<input type=”button” name=”button” id=”button” value=”Botón” onclick=”enviarDatos()”/>
</form>
</td>
<td>&nbsp;</td>
</tr>
</table>

<HTML>——————————————————————————————————–
NOTA: El registro esta sobre un módulo.

Iniciar sesión en Joomla con correo y contraseña

Aquí vamos a ver este plugin:
JFooBar Joomla 1.5 Email-Login
http://joomlacode.org/gf/project/jfoobar/frs/
http://www.cocut.cn/jstuff/jextension/1681-jfoobar-joomla-15-email-login.html

Marketing con Google : Online Marketing Challenge

Google Marketing Challenge 2009, es un concurso que Google está organizando para estudiantes  de 57 paises de todo el mundo en el cual via online se ponen pruebas de comercializacióny marketing.

Joomla 1.5 – Módulo de registro e inicio de sesión automática

Creación de un módulo de registro de usuarios para Joomla y que despues de colocar los datos y dar clic en el botón registrar inicie sesión automaticamente.

This change will log your Joomla 1.5 users in to your site as soon as they have completed the registration process.

This works only if the user doesn’t have to confirm his/her registration by email.
The registration welcome email will still be sent.

Open file joomla_root/components/com_user/controller.php in any text editor and go to line 282.

Comment out the line $this->setRedirect(‘index.php’, $message);

and add this after it -

//$this->setRedirect(‘index.php’, $message);
$usersipass['username'] = $user->get(‘username’);
$usersipass['password'] = $password;
$mainframe->login($usersipass);
$mainframe->redirect( ‘index.php’ );

Now as soon as they have clicked the submit button their username and password will be filled in and they will be logged in to the front page.

If you would like them to be redirected to a special welcome page, thank you etc then change this line to the required page – e.g.

//$mainframe->redirect( ‘index.php’ );
$mainframe->redirect( ‘index.php?option=com_content&view=article&id=45&Itemid=53′ );

Fuente:
http://www.gjcwebdesign.com/joomla-1.5-automatic-login-after-registration.html

Auto F5 Reload –

Aquí un javascript para submitear tu web cada cierto intervalo de tiempo.
¿Qué sucede si mientras rellenamos un un formulario submitea, pues no hay problema dado que este script tiene la opción de configurar ello.

http://www.visualbeta.es/tag/greasemonkey/

Primer Taller de Joomla en la UNI – Lima – Perú –

Taller de Joomla UNI
Fecha: Sábado 28 de noviembre
Hora: 1pm – 4pm
Lugar: Laboratorio B de la FIIS

Incluye:
Material de trabajo

Taller básico: “Instalación y configuración Joomla”
•    Presentación
•    Qué es Joomla
•    Montar un servidor local
•    Pack de instalación de Joomla
•    Configuración de base de datos
•    Configuración del sitio
•    Cambio de idioma Sitio y Administrador
•    Configuración Global Sitio
•    Configuración Global Servidor
•    Configuración de Correo
•    Extensiones de Jommla:
•    Componente ()
•    Módulos ()
•    Plugins  (ex mambots)
•    Visualizar el sitio en un navegador Front-End
•    Interfaz de administración de Joomla BackEnd