Archivo para 3/12/09

Personaliza tu Chrome/Chromium, crea tu propio tema .crx

Sigo en mi tarea de crear un tema personalizado y a mi gusto (ventajas que tiene el usar Linux, que te permite cambiar muchos aspectos del sistema operativo). ahora le ha tocado el turno al navegador Google Chrome / Chromium. Seguramente si usas este navegador conoceras los temas .crx con los que puedes cambiar el aspecto del navegador. Aqui por ejemplo, puedes encontrar una buena seleccion. Pues bien, ahora veremos como crear nuestro propio tema, ademas que no es nada complicado.

Lo primero es crear una carpeta con el nombre de nuestro tema, por ejemplo creamos una carpeta nueva y la llamamos “Wolf” (o el nombre que quieras usar para el tema). Dentro de esa carpeta creas una carpeta llamada “Images” que es donde iras dejando los ficheros graficos que utilizaras para crear el tema. En la carpeta principal tendras que crear un fichero nuevo llamado “manifest.json“, con un contenido similar al siguiente:

{
   "name": "nombre_de_vuestro_tema",
   "theme": {
      "colors": {
         "bookmark_text": [ 255, 255, 255 ],
         "frame": [ 255, 255, 255 ],
         "ntp_background": [ 45, 42, 41 ],
         "ntp_header": [ 0, 0, 0, 1 ],
         "ntp_link": [ 255, 255, 255 ],
         "ntp_section": [ 68, 68, 68, 0.3 ],
         "ntp_section_link": [ 255, 255, 255 ],
         "ntp_section_text": [ 255, 255, 255 ],
         "ntp_text": [ 255, 255, 255 ],
         "tab_background_text": [ 0, 0, 0 ],
         "tab_text": [ 255, 255, 255 ],
         "toolbar": [ 0, 0, 0 ]
      },
      "images": {
         "theme_frame": "Image/theme_frame.png",
         "theme_ntp_attribution": "Image/theme_ntp_attribution.png",
         "theme_ntp_background": "Image/theme_ntp_background.png",
         "theme_tab_background": "Image/theme_tab_background.png",
         "theme_toolbar": "Image/theme_toolbar.png"
      },
      "properties": {
         "ntp_background_alignment": "bottom",
         "ntp_background_repeat": "no-repeat",
         "ntp_logo_alternate": 1
      },
      "tints": {
         "buttons": [ 1, 1, 1 ]
      }
   },
   "version": "0.1"
}

Si examinas el contenido del fichero veras que basicamente defines las imagenes que formaran parte del tema y estableces los colores de los diferentes elementos.

Ahora añadiremos las imagenes. Las tienes que colocar dentro de la carpeta “Images”, son las siguientes:

  • theme_frame.png: Es el color o imagen de fondo que veremos tras las pestañas del navegador.
  • theme_ntp_attribution.png: La firma del tema que aparece en la esquina inferior derecha de las pestañas vacías. Conviene que tenga el fondo transparente.
  • theme_ntp_background.png: la imagen de fondo en la pestaña vacía, en nuestro caso un hermoso lobo ibérico.
  • theme_tab_background.png: el color en el que aparecerán las pestañas no activas. Conviene que no sea opaco, sino una capa que incluya blanco sobre el color de fondo sin perder del todo la transparencia.
  • theme_toolbar.png: El color de la barra de navegación y la pestaña activa.

Aqui puedes ver una captura de como iria quedando la estructura de carpetas en el tema que estoy creando en mi caso:

Y ya esta todo!! solo nos hace falta crear el tema y eso lo podemos hacer directamente desde el browser usando los herramientas de desarrollo que lleva incorporadas. Para ello, abre el navegador y pon en la barra de direcciones la siguiente URL:

chrome://extensions/

Te aparecera una ventana similar a la siguiente:

Pues ahi haces click en “Pack extension…” y en la ventana que aparece ya indicas la ruta de la carpeta donde estas creando el tema. Pulsas en “Aceptar” y automaticamente ya te crea un tema nombre_de_la_carpeta.crx que podras utilizar con tu navegador. Tambien te creara un fichero con extension .pem que sera un fichero de clave de permisos que tendras que usar si quieres volver a editar el tema.

Para usar el tema .crx puedes arrastrarlo y soltarlo sobre una ventana vacia del browser o tambien poner en la barra de de direcciones file:///ruta_a_la_carpeta/donde/tengas/el/tema/.crx

Nota: si no te carga el tema .crx (p.ej desde Google Chrome) usa el boton “Load Unpacked Extension…” y pasandole la ruta del directorio donde has creado el tema, no la ruta del fichero .crx

Como ejemplo os dejo mi tema Wolf2.crx (nota: wordpress no me permite subir directamente ficheros .crx asi que esta como .doc, una vez descargado renombralo de .doc a .crx)

Espero vuestros temas, si creas uno realmente interesante, no dudes en dejarme el enlace en los comentarios, si es de lobos le dare +1 punto mas ^^

Mas informacion | Como hacer Google Chrome themes | CasitaWeb

Wave Theme

Immmmmmm…presionante tema para Gtk inspirado en la interface de Google Wave. Intentemos reconstruir el tema de la captura en lo que podamos. Tal y como cuentan en Web Upd8 necesitamos tener instalado el siguiente motor para una correcta visualizacion:

sudo apt-get install gtk2-engines-pixbuf

El tema nos lo descargamos de Gnome-Look. El autor tambien cuenta que usa DockBarX y un pack de iconos inspirados en Eikon en el que ha sustituido el icono del menu de inicio por una imagen de Android. Para decorar el reloj del panel podemos usar alguno de estos estilos y si nos gusta usar Emerald como decorador, podemos hacer uso del siguiente tema.

Wallpaper | Walcoo

Sonar Dust Theme

Un bonito tema para nuestro Gnome que combina Sonar (OpenSuse) y Dust. Nota: Antes de que me pregunten, la imagen es FL_Woman y el juego es “Return to Castle Wolfenstein” (ejecutandose perfectamente fluido con wine).

Enlace | Sonar Dust
Relacionado | Humanity Sonar

Juegator.com, muchos “jueguitos” en Flash

Much@s cuando leais esto ya sera Viernes, y se acerca un largo-largo fin de semana, asi que toca una entrada divertida.
En Juegator.com podreis encontrar multitud de juegos en flash para pasar un buen rato, se encuentran organizados en varias tematicas y hay multitud. A jugar…

Enlace | Juegator.com

Luna Llena Beta (un tema de Piwi de Ubuntu Life)

Los dias de Luna llena (como el dia 2 de Diciembre) son para mi especiales, me siento “diferente”, es como si fuera el hombre mas atractivo del mundo, me veo “bien” como mas “wapo” y  voy por la calle luciendome y sonriendo, pero a su vez por dentro tengo el dia mas malo, te asalta una sensacion extraña, dificil de explicar, es algo parecido a lo que sientes cuando la mujer a a la que amas esta con otro hombre, lo sabes, y eso te reconcome por dentro y no dejas de pensar en ello y en angustiarte mas y mas (si lo has sentido alguna vez, lo entenderas).

Pero bueno, como decia es Luna Llena y hay que celebrarlo (y de todas formas si hoy es malo, aun peor sera para mi el dia 31, que tambien habrá luna llena).

Para hacerlo especial, dejo mi theme de KDE, algo en lo que he estado trabajando y que esta bastante inspirado en OpenSUSE como podreis ver. Bueno, puede que tenga algun fallo, pero disculpadlo es mi primer theme (siento que he perdido la virginidad ^^ jaja).

Queria comentar mejor que son los decoradores de ventana (dekorator, Aurorae, Bespin, etc..) como se instalan, como se configuran e incluso como se cambian el orden de los botones de la ventana para todos aquellos que son novatos en estas “lides”, pero se me ha hecho algo tarde y eso tendra que esperar a una mejor ocasion.

Tambien llamo Beta al tema porque no esta acabado, y es que quiero crear un tema oscuro (no verde como es ahora) pero no soy diseñador y tengo que dar con una buena combinacion de colores. Es complicado encontrar una buena combinacion.

Bueno, que me he acabado enrollando, dejo aqui las caracteristicas:

Tema Plasma | Oxywin o OpenSUSE (a elegir)
Ventanas | Nitrogen
Estilo | Qtcurve con un aspecto muy Aqua usando el siguiente fichero de configuracion:

[Settings]
activeTabAppearance=agua
animatedProgress=true
appearance=agua
bgndAppearance=flat
bgndGrad=horiz
borderInactiveTab=false
borderMenuitems=false
borderTab=true
buttonEffect=etch
colorMenubarMouseOver=true
colorSelTab=false
colorSliderMouseOver=true
colorTitlebarOnly=true
coloredMouseOver=glow
comboBtn=#C3C3C3
comboSplitter=true
crButton=true
crHighlight=true
customMenuNormTextColor=#C3C3C3
customMenuSelTextColor=#000000
customMenuTextColor=true
customShades=0
customgradient1=3d,0,1.2,0.5,1,1,1
customgradient2=3d,0,0.9,0.5,1,1,1
darkerBorders=false
defBtnIndicator=darken
doubleGtkComboArrow=false
drawStatusBarFrames=false
embolden=false
etchEntry=true
fadeLines=false
fillProgress=false
fillSlider=false
fixParentlessDialogs=true
flatSbarButtons=true
focus=line
forceAlternateLvCols=false
framelessGroupBoxes=true
grooveAppearance=flat
groupBoxLine=true
gtkButtonOrder=false
gtkComboMenus=false
gtkMenuStripe=false
gtkScrollViews=false
handles=dots
highlightFactor=5
highlightScrollViews=true
highlightTab=false
inactiveTitlebarAppearance=flat
invertBotTab=true
lighterPopupMenuBgnd=15
lvAppearance=agua
lvButton=true
lvLines=old
mapKdeIcons=true
menuBgndAppearance=flat
menuBgndGrad=horiz
menuDelay=100
menuIcons=false
menuStripe=none
menuStripeAppearance=flat
menubarAppearance=flat
menubarHiding=false
menubarMouseOver=true
menuitemAppearance=flat
passwordChar=9679
popupBorder=false
progressAppearance=agua
progressGrooveAppearance=agua
progressGrooveColor=dark
round=max
roundAllTabs=true
roundMbTopOnly=true
sbarBgndAppearance=flat
scrollbarType=none
selectionAppearance=flat
shadeCheckRadio=#DCDCDC
shadeMenubarOnlyWhenActive=false
shadeMenubars=#669900
shadeSliders=#C3C3C3
shading=hsl
sliderAppearance=agua
sliderFill=flat
sliderStyle=plain
sliderThumbs=none
sliderWidth=15
sortedLv=#C3C3C3
splitters=dots
squareLvSelection=false
squareScrollViews=false
stdBtnSizes=false
stdSidebarButtons=false
stripedProgress=plain
sunkenAppearance=bevelled
tabAppearance=soft
tabBgnd=5
tabMouseOver=glow
thinSbarGroove=true
thinnerBtns=true
thinnerMenuItems=false
titlebarAlignment=left
titlebarAppearance=flat
titlebarBorder=true
titlebarButtonAppearance=agua
titlebarButtons=3
titlebarIcon=menu
toolbarAppearance=soft
toolbarBorders=none
toolbarSeparators=dots
unifyCombo=false
unifySpin=false
unifySpinBtns=true
useHighlightForMenu=false
vArrows=true
version=0.69.1
xCheck=true

Esquema de color | OpenSUSE
Wallpaper | Retrato de Lobo

Proximamente como instalar todo esto y el theme de Diciembre para Gnome.
Y ahora os dejo con vuestro permiso que siento como se me estan erizando los pelos del brazo y se alargan mis dientes. Auuuuuu…..





¿Es compatible tu equipo con Ubuntu?


( Muchos fondos de pantalla, aqui )

DESCARGATE SCIFI LIFE

365 Dias de Soledad
Me debes los sueños, las promesas y las noches rotas. Me debes la paz, la sonrisa y la esperanza robadas. Me debes la sangre, las lágrimas y el sudor vertido. Me debes las noches vacías, los abrazos anhelados. Me debes un beso de ajenjo de tu amarga boca.

The Ubuntu Counter Project - user number # 11961
Geo Visitors Map
diciembre 2009
L M X J V S D
« Nov   Ene »
 123456
78910111213
14151617181920
21222324252627
28293031  

Blog Stats

  • 30.840.460 hits