Ventanas de entradas a tu estilo

ventana de entrada

Primero que todo este mi primer tutorial que hago asip que si hay algo que no comprenden por favor enviarme un comentario para aclararles la duda, he decidido realizar este tutorial por que fue lo primero que me llamo la atencion cuando tuve por primera vez ubuntu en mi compu.

Primero elijan la imagen de su preferencia que deseen que aparezca en la ventana de entrada(donde colocan su nombre de usuario y contraseña para iniciar sesion)

luego descargen esto para que les sirva de guia  ….


ahora que ya lo tienen descargado vayan a

la ventana de entrada  que esta en sistema,administracion,ventana de entrada, les pedira su contraseña de usuario y luego ir a local y ahi arrastrar el archivo  que han descargado en esa ventana les preguntara que si desean instalar el tema le dan clic en instalar

primera imagen

Seleccionen el tema que acaban de descargar  y darle clic en el circulito que esta al aldo de la imagen , en esta ventana tambien le da la opcion de poner los temas aleatorios, si poseen varios temas que les gustan esta es una muy buena opcion ,para realizar esa configuracion ir a la misma pestaña de local , tema ,darle clic ahi y miraras la opcion de solo los seleccionados y aleatorios de los seleccionados, Por defecto esta en solo los seleccionados.

segunda imaegn


Bien regresando alo nuestro ahora cierren sesion y veran que les aparecera el tema que acaban de descargar(esto es solo para que vean el tema que descargaron) , ahora vayan a descomprimir el tema descargado, veran que este tiene  una imagen.jpg (esa es la que ustedes cambiaran por lña suya), el archivo xml, gdmgreetertheme.desktop y un screenshot.jpg( este es para que aparezca tu imagen en preferencia de ventana de entrada).  Abran  el  archivo  que se llama chicangel.xml,  con editor de texto

acontinuacion les explicare las parte de el codigo mas importante para que lo puedan modificar a su gusto!!!, cada vez que hagan una modificacion deben de comprimirlo, o bien modificarlo desde el archivo comprimido, recuerden que cada vez que lo modifique deben de arrastrar el archivo comprimido en ventana de entrada, local , por que si no hacen esto ala hora de iniciar sesion tendran el tema con las modificaciones que habian hecho antes.


<?xml version=”1.0″ encoding=”UTF-8″?> <!–esto siempre va en xml–>

<!DOCTYPE greeter SYSTEM “greeter.dtd”> <!–se hace referencia a gdmGreeter (el otro archivo que esta en .desktop) –>

<greeter>

<!–Background –>

<item>

<normal file=”chicangel.jpg”/>

<!–aqui ponemos el nombre de la imagen que deseamos que aparezca con su extension, la imagen debe de estar dentro del archivo comprimido–>

<pos x=”0″ y=”0″ width=”100%” height=”100%”/>

<!–se le asigna el tamaño ala imagen, la posicion de x  y y (es la misma que ocupan en el plano cartesiano), el ancho(width) y la altura(height). –>

</item>

<!– clock and host name –>

<item type=”label”>

<pos x=”45%” y=”5%” width=”box” height=”box” anchor=”c” expand=”true”/>

<!– aqui se especifica la posicion donde queremos que aparezca la hora–>

<normal font=”Bitstream Vera Sans 16″ color=”#c45fea”/>

<!–tipo de letra de la hora y el color(este debe de ser hexadecimal, puedes tener el color que desees con ayuda de gimp, Acuerdate de poner siempre el signo de # por que si no lo pones ala hora de usar tu tema te dira que hay un error, color invalido )–>

3 imagen



<text> %c @ %h </text>

<!–Esto es para que aparezca la hora  con el nombre de la compu separados con el @–>

</item>

<item>

<show/>

<normal color=”#ffffff” alpha=”0.5″/>

<pos anchor=”c” x=”100%” y=”10%” width=”box” height=”box”/>

<box orientation=”vertical” min-width=”400″ xpadding=”10″ ypadding=”5″ spacing=”0″>

<item type=”label”>

<normal color=”#ffffff” font=”Sans 12″/>

<pos x=”50%” anchor=”n”/>

<!– Stock label for: User %s will login in %d seconds –>

<stock type=”timed-label”/>

</item>

</box>

</item>

<!–este codigo es del tiempo no es necesario modificarlo–>

<!–Login –>

<item>

<normal color=”#FFFFFF” alpha=”0″/>

<pos anchor=”c” x=”85%” y=”90%” width=”box” height=”box”/><!–aqui concidero que se practica un poco de majia ja ja ja, pues aquí le damos la posicion  de la caja donde colocamos el nombre de usuario y contraseña(x es para que aparezca ala derecha, izquierda ect…, si quieres que te aparezca ala derecha asignale numeros mayores y si quieres que sea ala izquierda asigna numeros menores ), y( es para que te aparezca arriba o abajo, numeros mayores es para que salga abajo y numeros menores arriba) –>

<box orientation=”vertical” min-width=”380″ xpadding=”10″ ypadding=”30″ spacing=”10″>

<item type=”label”>

<pos anchor=”c” x=”50%” y=”45%”/>

<normal color=”#999999″ font=”Sans 22″/>

<!– Stock label for: Welcome to %h–>

<text></text>

</item>

<item type=”label”>

<pos anchor=”nw” x=”30%”/>

<normal color=”#f9535f” font=”Sans 10″/>

<!– aqui se especifica el color que tendra la palabra usuario–>

<!– Stock label for: Username: –>

<stock type=”username-label”/>

</item>

<item type=”rect”>

<normal color=”#1b042c”/>

<!– aqui especificas el color del nombre de usuario que ingresas y la contraseña–>

<pos anchor=”n” x=”50%” height=”18″ width=”40%”/>

<fixed>

<item type=”entry”>

<normal color=”#1b042c” font=”Sans 10″/>

<pos anchor=”nw” x=”1″ y=”1″ height=”-2″ width=”-2″/>

</item>

</fixed>

</item>

<item type=”rect”>

<normal color=”#d2126c” alpha=”0″/>

<!– este color es para el mensaje que te aparece cuando tienes activado capslock–>

<pos anchor=”c” x=”50%” y=”-10%” width=”box” height=”box”/>

<box orientation=”vertical” min-width=”380″ xpadding=”10″ ypadding=”0″ spacing=”0″>

<!– se especifica  la posicion y el tamaño–>

<item type=”label”>

<normal color=”#b354f6″ font=”Sans 10″/>

<!– el color normal que tendra  –>

<pos x=”50%” anchor=”n”/>

<!– Stock label for: You’ve got capslock on! –>

<stock type=”caps-lock-warning”/>

</item>

</box>

</item>

<!– comandi –>

<item type=”rect”>

<normal color=”#c47bd9″ alpha=”0″/>

<pos anchor=”c” x=”66%” y=”90%” width=”280″ height=”box” expand=”true”/><!– les recomiendo que no cambien estos valores ni para sesion ni elnguaje pues ellos soloscambiaran de posicion si cambian la posicion de el login –>

<box xpadding=”5″ ypadding=”0″ spacing=”10″ orientation=”horizontal”>

<item type=”rect” button=”true”>

<normal color=”#ffffff” alpha=”0″/>

<pos y=”-30″ anchor=”w” width=”box” height=”box”/>

<box orientation=”horizontal”>

<item type=”label”>

<normal color=”#b76df1″ font=”Sans 8″/><!– el color de el lenguaje,tipo de letra y tamaño  –>

<prelight color=”#ea6fb4″ font=”Sans 8″/><!– el color cuando el mouse se acerca a ala letra,tipo de letra y tamaño  –>

<active color=”#a22ecd” font=”Sans 8″/> <!– color cuando

se activa –>

<pos y=”50%” anchor=”w”/>

<!– Stock label for: _Session –>

<stock type=”language”/>

</item>

</box>

</item>

<item type=”rect” button=”true”>

<normal color=”#ffffff” alpha=”0″/>

<pos y=”-30″ anchor=”w” width=”box” height=”box”/>

<box orientation=”horizontal”>

<item type=”label”>

<normal color=”#b76df1″ font=”Sans 8″/><!–color normal de sesion,tipo de letra y tamaño  –>

<prelight color=”#ea6fb4″ font=”Sans 8″/><!–color cuando el mouse se acerca a la letra,tipo de letra y tamaño –>

<active color=”#a22ecd” font=”Sans 8″/><!–color cuando esta activo,tipo de letra y tamaño  –>

<pos y=”50%” anchor=”w”/>

<!– Stock label for: _Session –>

<stock type=”session”/>

</item>

</box>

</item>

<item button=”true”>

<normal color=”#ffffff” alpha=”0″/>

<show modes=”console”/>

<pos y=”-30″ anchor=”w” width=”box” height=”box”/>

<box orientation=”horizontal”>

<item type=”label”>

<normal color=”#b76df1″ font=”Sans 8″/><!–color normal de acciones,tipo de letra y tamaño  –>

<prelight color=”#ea6fb4″ font=”Sans 8″/><!–color de acciones cuando se acerca el mouse  en la letra,tipo de letra y tamaño  –>

<active color=”#a22ecd” font=”Sans 8″/><!–color cuando esta activo de accines,tipo de letra y tamaño  –>

<pos y=”50%” anchor=”w”/>

<!– Stock label for: _Actions –>

<stock type=”system”/>

</item>

</box>

</item>

<item button=”true”>

<normal color=”#ffffff” alpha=”0″/>

<show modes=”flexi,remote”/>

<pos y=”-30″ anchor=”w” width=”box” height=”box”/>

<box orientation=”horizontal”>

<item type=”label”>

<normal color=”#b76df1″ font=”Sans 8″/><!–color normal de disconnect,tipo de letra y tamaño  –>

<prelight color=”#b76fea” font=”Sans 8″/><!–color  de disconnect cuando se acerca el mouse,tipo de letra y tamaño  –>

<active color=”#a22ecd” font=”Sans 8″/><!–color activo,tipo de letra y tamaño  –>

<pos y=”50%” anchor=”w”/>

<!– Stock label for: D_isconnect –>

<stock type=”disconnect”/>

<show modes=”remote”/>

</item>

<item type=”label”>

<normal color=”#b76df1″ font=”Sans 8″/>

<prelight color=”#b76fea” font=”Sans 8″/>

<active color=”#a22ecd” font=”Sans 8″/>

<pos y=”50%” anchor=”w”/>

<!– Stock label for: _Quit –>

<stock type=”quit”/>

<show modes=”flexi”/>

</item>

</box>

</item>

</box>

</item>

</box>

<fixed>

<item type=”label”>

<pos anchor=”c” x=”-100%” y=”55%”/>

<normal color=”6a12a2″ font=”Sans 10″/>

//se especifica el color de las letras que te aparecen cuando tu nombre de usuario y contraseña son incorrectos

<text></text>

</item>

</fixed>

</item>

</greeter>

Ahora les explicare el gdmthemer

[GdmGreeterTheme] //esto siempre va

Encoding=UTF-8

Greeter=chicangel.xml //aqui va el nombre del archivo.xml

Name=chica angel //el nombre de tu tema

Description=angel anime //la descripcion que desees que deseas

Author=Lilixx //el nombre de el autor

Copyright=GPL

Screenshot=screenshot.jpg el nombre de el screenshot .jpg que aparecera en ventana de entrada, local, aqui pones la imagen que elejistes para tu tema

y listo yap tienes tu tema de ventana de entrada a tu estilo!!!

Anuncios

8 Respuestas a “Ventanas de entradas a tu estilo

  1. Interesante post, solo que costará un poco entenderlo (en lo personal), pero a pesar de todo tratare de hacer uno yo tambien basado en eso (aunque no prometo mucho conste…)

  2. nose si les interesa pero yo hace como 3 anhos o un poco menos hice unos themas de gdm nunk los subi xq ….. no me recuerdo pero igual aqi les dejo screenshot



    mm bueno espero que les gusten esta bueno que ahayas exlpicado esto ya que no tube tiempo para documentarlo alfin alguien lo puso aunq cuando io los hice no abia casi referencia pero es realmente es facil

  3. si estan bonitas las ventanas de entradas q hicistes, yop tambien los hice sin referencia alguna, es algo facil de hacer aunq a simple vista pareciera compliado!!!!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s