hernnmaster1

Hola Les voy a enseñar a hacer unos botones como estos: Código HTML: <script type="text/javascript" src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script> <a class="btn btn-yellow">Advertencia</a> <a class="btn btn-black">Negativo</a> <a class="btn btn-red">Cancelar</a> <a class="btn btn-blue">Primario</a> <a class="btn btn-green">Aceptar</a> Nota: <script type="text/javascript" src="https://raw.github.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script> Es para incluir el plugin prefixfree, sirve para no tener que usar prefijos (-moz-,-webkit,etc) en el css. Código CSS: .btn{ padding:0.5em 1em; transition:.3s linear; border-radius:7px; font.family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif; font-size:1em; cursor:default; display:inline-block; position:relative; color:#555; font-weight:bold; margin: 40px auto; user-select:none; text-shadow:-1px -1px 1px rgba(0,0,0,0.25); color:#f3f3f3; border:1px solid #ccc; box-shadow:0px 3px 1px 0 rgba(0,0,0,0.15); background-image:linear-gradient(top,transparent,rgba(0,0,0,0.15)),url('http://k32.kn3.net/A91F3FD7F.png'); } .btn:hover{ background-image:linear-gradient(top,transparent,rgba(0,0,0,0.1)),; } .btn:active{ top:2px; box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.25); } .btn.btn-blue{ background-color:#5BA7FF; border-color:#5396E2; } .btn.btn-yellow{ background-color:#FFD23F; border-color:#E5BD39; } .btn.btn-green{ background-color:#4BC65C; border-color:#45B053; } .btn.btn-red{ background-color:#FF6B6B; border-color:#E46262; } .btn.btn-black{ background-color:#515151; border-color:#515151; } Explicación : .btn{ padding:0.5em 1em; Relleno entre el borde del botón y el texto transition:.3s linear; Tiempo y tipo de transición border-radius:7px; Redondeado de bordes font.family: 'Helvetica Neue',Helvetica,Arial,Sans-Serif; Tipo de letra font-size:1em; Tamaño de letra cursor:default; El cursor es la flecha común display:inline-block; Los muestra en linea position:relative; Posición relativa (no me digas) font-weight:bold; Letra negrita margin: 40px auto; 40 pixeles de margen de arriba y abajo user-select:none; Que no se seleccione el texto text-shadow:-1px -1px 1px rgba(0,0,0,0.25); Sombra del texto color:#f3f3f3; Color de texto border:1px solid #ccc; Borde box-shadow:0px 3px 1px 0 rgba(0,0,0,0.15); Sombra background-image:linear-gradient(top,transparent,rgba(0,0,0,0.15)),url('http://k32.kn3.net/A91F3FD7F.png'); Degradado del fondo y ruido para dar textura. En caso de no funcionar con kn3 cambiar la imagen de host } .btn:hover{ Cuando tiene el cursor encima background-image:linear-gradient(top,transparent,rgba(0,0,0,0.1)); Cambia el degradado del fondo } .btn:active{ Cuando se clickea top:2px; Baja 2 pixeles box-shadow:inset 0 0 20px 0 rgba(0,0,0,0.25); Sombra interna } /*Y lo de abajo es para darle un color y borde distinto a cada botón*/ Bueno, eso seria todo :3 Demo: http://jsfiddle.net/HernanL/yKaqu/4/ Cualquier duda comentar o MP

Hola a todos. Primero que nada pido perdón si hay algún error de ortografía en el post Acá tienen una demo: http://db.tt/LmhzZfAV Bueno, primero necesitan la font (tipografía) Catull, la pueden bajar de la página oficial de Google: http://sites.google.com/site/iamtheking9/Catull.ttf?attredirects=0 Ahora vamos al HTML: <!-- Copyright 2012 @hernnmaster1 --> <div id="logo"> <a class="G">G</a><a class="o1">o</a><a class="o2">o</a><a class="g">g</a><a class="l">l</a><a class="e">e</a> </div> Ahora paso a explicar el código: <div id="logo"> Hago el div logo que es donde va a estar el logo <a class="G">G</a><a class="o1">o</a> etc Son las letras, cada una con una clase distinta, para darles un estilo distinto. Ahora vamos al CSS: @-moz-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @-webkit-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @-o-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @-ms-font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } @font-face{ font-family: Catull; src: url(font/catull.ttf); font-weight:400; } html body{ font-family: Catull,Sans-Serif; background: #f1f1f1; } #logo{ margin:200px auto; width:600px; height:200px; text-align:center; font-size:100px; text-shadow:0px 3px 3px rgba(0,0,0,0.25); filter: dropshadow(color=rgba(0,0,0,0.25), offx=0, offy=3); } .G{ color:#0047F1; } .G::-moz-selection{ background-color:#0047F1; color:#DD172C; } .G::-webkit-selection{ background-color:#0047F1; color:#DD172C; } .G::-o-selection{ background-color:#0047F1; color:#DD172C; } .G::-ms-selection{ background-color:#0047F1; color:#DD172C; } .G::selection{ background-color:#0047F1; color:#DD172C; } .o1{ color:#DD172C; } .o1::-moz-selection{ background-color:#DD172C; color:#F9A600; } .o1::-webkit-selection{ background-color:#DD172C; color:#F9A600; } .o1::-o-selection{ background-color:#DD172C; color:#F9A600; } .o1::-ms-selection{ background-color:#DD172C; color:#F9A600; } .o1::selection{ background-color:#DD172C; color:#F9A600; } .o2{ color:#F9A600; } .o2::-moz-selection{ background-color:#F9A600; color:#0047F1; } .o2::-o-selection{ background-color:#F9A600; color:#0047F1; } .o2::-ms-selection{ background-color:#F9A600; color:#0047F1; } .o2::-webkit-selection{ background-color:#F9A600; color:#0047F1; } .o2::selection{ background-color:#F9A600; color:#0047F1; } .g{ color:#0047F1; } .g::-moz-selection{ background-color:#0047F1; color:#00930E; } .g::-o-selection{ background-color:#0047F1; color:#00930E; } .g::-ms-selection{ background-color:#0047F1; color:#00930E; } .g::-webkit-selection{ background-color:#0047F1; color:#00930E; } .g::selection{ background-color:#0047F1; color:#00930E; } .l{ color:#00930E; } .l::-moz-selection{ background-color:#00930E; color:#E61B31; } .l::-o-selection{ background-color:#00930E; color:#E61B31; } .l::-webkit-selection{ background-color:#00930E; color:#E61B31; } .l::-ms-selection{ background-color:#00930E; color:#E61B31; } .l::selection{ background-color:#00930E; color:#E61B31; } .e{ color:#E61B31; } .e::-moz-selection{ background-color:#E61B31; color:#0047F1; } .e::-webkit-selection{ background-color:#E61B31; color:#0047F1; } .e::-o-selection{ background-color:#E61B31; color:#0047F1; } .e::-ms-selection{ background-color:#E61B31; color:#0047F1; } .e::selection{ background-color:#E61B31; color:#0047F1; } Ahora voy a explicar el código: @font-face{ font-family:Catull; src: url(font/catull.ttf); font-weight:400; } (-moz-font-face, etc) es para importar Catull como webfont, osea, primero tienen que subirla, en mi caso esta subida la carpeta font, por eso dice src: url(font/catull.ttf); html body{ font-family:Catull,Sans-Serif; background: #f1f1f1; } Eso es para usar la fuente Catull y si no esta usa una Sans-Serif, y para que el cuerpo de la pagina tenga un fondo gris claro. #logo{ margin:200px auto; Esto es para que el div del logo quede a 200px de la parte superior y en el centro width:600px; 600px de ancho height:200px; 200px de alto text-align:center; texto centrado font-size:100px; tamaño de letra 100px text-shadow:0px 3px 3px rgba(0,0,0,0.25); Una sombrita CSS3 } .G{ color:#0047F1; } (y así con todas las letras) es para ponerle el color a la letra .G::selection{ background-color:#0047F1; color de fondo color:#DD172C; color de letra } (::-moz-selection,-webkit-selection, etc y así con todas las letras) es para definir el estilo cuando se selecciona el texto, con esto conseguimos este efecto al selecionar: Bueno, eso fue todo el post, cualquier duda comenten o mp

Curiosas las declaraciones de una de las directivas de Intel -quizá tenga que realizar una aclaración en los próximos días- en las que parece dejar claro que Linux será una apuesta mucho más segura que Windows 8 a la hora de utilizar sus futuros chips SoC basados en la arquitectura ARM. Lo cuentan nuestros compañeros de MuyComputer, que señalan que el futuro sistema operativo de Microsoft, que se lanzará en cuatro versiones distintas, podría dar problemas en su versión para ARM a la hora de funcionar con aplicaciones anteriores. Eso haría que Linux se convirtiese en un potente aliado de las soluciones de Intel basadas en la arquitectura ARM, un mercado que el gigante de los semiconductores quiere tratar de incorporar a su amplio catálogo para competir con más garantías en el segmento de los dispositivos móviles. También hubo declaraciones a favor de Android, otra de las plataformas clave según Intel y que como todos sabemos tiene sus raíces también en el kernel Linux. Fuente: muylinux

El equipo de desarrolladores de Amarok acaba de anunciar la inmediata disponibilidad de la nueva versión del reproductor de audio más afamado de Linux, Amarok 2.4.1. Amarok 2.4.1 con nombre en clave ‘Resolution’ es la primera versión de mantenimiento de la rama actual de este reproductor, que como se puede deducir por su nombre y descripción, viene a corregir muchos pequeños errores además de presentar nuevas características. En cuanto a éstas últimas, los principales cambios que encontraremos en Amarok 2.4.1 es que ya funcionan las colecciones remotas a través de NFS y Samba, se añade soporte para gpodder.net para mostrar las etiquetas más usadas de este servicio o una nueva vista preliminar para organizar la colección musical, entre algunas otras. Tanto las nuevas características, cambios y lista de errores solucionados -este último punto es especialmente extenso- se pueden consultar en su anuncio de lanzamiento, donde también encontraréis los enlaces para su descarga… o no, pues para conseguir esta nueva versión deberéis acudir a los cauces habituales dependiendo la distribución que utilicéis (aunque siempre está disponible el código fuente para compilar). Una imagen de Amarok 2.4.1: ¿Eres nuevo con Amarok? Tal vez te interese saber cómo sacarle más partido, sea de una forma, sea de otra. No te arrepentirás. FUENTE: Muy Linux

Parece que Linux 2.6.38, además de muchas mejoras, podría traer consigo un importante problema en lo que a la duración de las batería se refiere, con disminuciones en su rendimiento de hasta un 25 por ciento La liebre la han soltado en Phoronix a raíz de las pruebas que llevan realizando con las versiones previas de Ubuntu 11.04 los últimos días, en las que comparan su rendimiento con las anteriores versiones de esta distribución, desde Ubuntu 8.04 en adelante. En las pruebas realizadas se ha hecho especial hincapié en el rendimiento general del sistema, la velocidad de arranque y el consumo de energía en dispositivos móviles; ahí fue donde saltaron las alarmas. Al principio el aumento de la pérdida de batería se achacó a Unity, la nueva interfaz de escritorio de Ubuntu, pero con el entorno clásico los resultados era prácticamente idénticos. Buceando un poco más en el asunto, el autor de este reporte parece haber llegado a la conclusión de que el causante de este comportamiento sería el kernel Linux 2.6.38, que acusaría una importante regresión en su código. Como es habitual, estas afirmaciones están basadas en el Phoronix Test Suite, aderezadas con muchas gráficas de muestra que podéis ver en los enlaces puestos -junto a mucha más información-, de las cuales podemos ver a continuación tres básicas, aunque pueden llegar a ser un poco confusas. Las cifras en cambio son bastante esclarecedoras, mostrando en los mejores casos una disminución del 10%, en los peores de hasta el 25% en lo que a pérdida en tiempo de batería se refiere. Se ha repetido la prueba también con el kernel 2.6.39 RC, con los mismos resultados. Y que nadie piense que este aumento del consumo se traduce en mejor rendimiento, porque no es así. Phoronix suele ser una página bastante competente en estos temas, aunque las baterías de tests en las que basan sus apreciaciones no son la vida real. Por otro lado, es un tanto extraño que tanta certeza no se haya intentado corroborar haciendo las pruebas en una distribución que no fuese Ubuntu. Todo un problema con la gestión de energía que de llegar a confirmarse supondría un gran chasco en estos terrenos en los que Linux se ha mantenido con un desempeño bastante aceptable. Falta escuchar lo que tengan que decir los desarrolladores de las principales distribuciones que están por lanzar versión en este año (y los usuarios, por supuesto), siendo la primera Ubuntu 11.04 en tan solo 3 días. FUENTE

Uno de los desarrolladores de Fedora ha explicado la situación que rodea al posible uso del sistema de ficheros Btrfs como opción por defecto en la futura Fedora 16. Hace un par de meses parecía seguro que Btrfs sería la opción por defecto en Fedora 16, pero las cosas han cambiado.Por lo visto ha habido numerosas quejas de usuarios más o menos expertos en estos temas, y Josef Bacik, uno de los responsables de esta característica, ha dejado claro que “Btrfs no será el sistema de ficheros por defecto en Fedora 16“.Para que esa posibilidad se plantease deberían solucionarse una serie de problemas con la versión Alpha de Fedora 16, pero dichas limitaciones aún no se han solventado, lo que ha dejado claro que el sistema de ficheros no será la ocpión nativa de la distribución -de la que ya tenemos algunos apuntes-, aunque cualquier usuario podrá elegirla en el menú de gestión de particiones al instalar la distribución, algo que ya sucedía en pasadas ediciones de Fedora. Fuentes de Información Btrfs no será la opción por defecto en Fedora 16

El ciclo de desarrollo del navegador de Mozilla se ha acelerado de forma drástica estos últimos meses, en los que hemos podido ver como los desarrolladores de Firefox sacaban al mercado Firefox 4, Firefox 5, Firefox 6 yFirefox 7 (con las versiones 8 y 9 ya en el horno) de forma consecutiva.Esa rápida sucesión de versiones está causando cierta “fatiga” en los usuarios, que se ven obligados a actualizar este navegador cada poco tiempo. Aunque el proceso simplemente consiste en confirmar que queremos actualizar, Mozilla quiere seguir la filosofía de Google Chrome y sus actualizaciones silenciosas.“En el pasado siempre hemos tenido mucho cuidado para avisar a la gente de que algo cambiaría en su navegador antes de efectuarse el cambio“, afirmaba Mitchell Baker, presidente de la Mozilla Foundation- “pero hoy la gente nos está diciendo que las notificaciones son irritantes y que un proceso de actualización silenciosa es importante“.Otro de los desarrolladores de Mozilla, Brian Brondy, confirmaba esos esfuerzos, indicando que “la mayoría de usuarios no quieren tener que pensar en actualizaciones software o números de versión, y ahora tienen que hacerlo cada seis semanas“.Según Bondy, se espera que la característica entre en juego de nuevo en Firefox 10, un navegador que según el roadmap de la empresa tendría que lanzarse el 31 de enero de 2012.A partir de ese momento Firefox descargará la actualización en cuanto la detecte, y la aplicará la próxima vez que se reinicie el navegador, sin avisar al usuario de nada. Eso sí: los usuarios sí recibirán un aviso de reiniciar el navegador 12 horas después de la descarga si durante ese tiempo no se ha reiniciado Firefox.Comentarios de Chrome rulez o similares seran eliminados y usuarios bloqueados

Hola; :gente, ,les tvoy Ia idecir Icomo .instalarl google( chromiumI en( debian, Icreo !queI tambien ,sirveI en: ubuntu, lpero |nol afirmo ique Isi,. si lalguien ,prueba :en .ubuntu !avisen ,sii sirvio,f recuerdenj que fen iubuntu rentes ide ilos| comandos. que )dejoi ba) sudoi (me. sirviof enI debianr 6 'squeeze) ai mit meI paso ;que :puse ,en tconsola Iapt-get iinstall Igoogle-chromium .yl tiraba( unI error,( entonces Iprobe !conI forma ,parecidaI en: la lque |sel instala igoogle Ichrome. (apt-get linstall ,google-chrome-stable) :asi .quer escribi lapt-get, installi google-chromium-stable, y! tambien/ me. tiro )un (error entonces/ para/ saberj el rcomando ,puse: japt-cache !search! google( chromium,l no: aparecio( nada... entoncesl tube !la ;idea :(hoy) ,de tescribir Iapt-cache isearch Ichromium .yl me( aparecioI el( comando Ipara !instalar AstaI aca ,esI la: parte lque |explicol como iconsegui Ila. forma lde ,instalarlo, :ahora. lai instalacion: tienenI que !poner: ,(logeado ,como !su)j apt-get iinstall rchromium-browser :yI eso( es( todo rpara tinstalarlo luego iparaI traducirlo lhay, que jponer: .apt-gett install )chromium-browser-l10n ty ;con :eso ,el tchromium Ise itraducira Ial .lenguagel que( tenganI en( su Idebian, !enI mi ,casoI español: y llisto, |esol es itodo

Como sucede cada pocos días antes del lanzamiento definitivo de una edición de Ubuntu, Mark Shuttleworth ha anunciado el nombre en clave de la siguiente versión, aún por comenzar a desarrollar. Ya tenemos nombre para Ubuntu 12.04 LTS: será ‘Precise Mangolin’, que en traducción literal significaría “Manis Preciso”.Un manis, como explica la Wikipedia -si no, de qué lo hubiera sabido- es un mamífero bastante singular cuyo cuerpo está recubierto de escamas. Según Shuttleworth “sus escamas son una maravilla del detalle y toda una declaración de moda. También podría dar fe de su dureza, ya que el manis sobrevive a menudo los encuentros con leones“.Parece que esas dos características (diseño y dureza) serán precisamente bases de Ubuntu 12.04 LTS, una distribución Long Term Support que destacará por el soporte a ARM y x86 de forma indistinta, por el soporte de tecnologías de Cloud Computing y por un Unity que según ese post de Shuttleworth será “una interfaz elegante que funcionará bien con clientes tanto ligeros como pesados“.Personalmente el nombre no me dice demasiado, porque mientras que otros “animalitos” a los que han hecho referencia pasadas ediciones de Ubuntu sí tenían su encanto y eran mínimamente conocidos, el manis es todo un misterio. Sea como fuere, no os preocupéis, porque a partir de ahora oiremos hablar mucho de Precise Pangolin.

Como sabes, Linux Torvalds odia GNOME 3 y usa Xfce… en Fedora. ¿O tal vez no? Como podés deducir por el título de esta entrada, no es una información oficial de la que fiarse demasiado, pero ahí está y nosotros pasamos a contárosla. Como también sabés, Linus utiliza Fedora desde hace años, desde su versión 9 más concretamente, después de haber pasado por otras distribuciones como YDL (Yellow Dog Linux) o SUSE. Cuando se le ha preguntado por qué no ha usado nunca Debian o Ubuntu, sus respuestas han sido diferentes. En lo que concierne a Debian (también a otras distribuciones como Gentoo e incluso LFS -Linux From Scratch-), Linus quiere un sistema fácil de instalar y mantener: “Siempre he pensado que Debian era un ejercicio inútil, porque para mí, lo importante de una distribución es que todo sea fácil“, es una de sus declaraciones. En cuanto a Ubuntu, a pesar de elogiar la labor de acercar el sistema a las masas (o convertir a Debian en usable): “Siempre he tenido algunos problemas. No es muy amigable para los desarrolladores del kernel y termino renunciando. Creo que Ubuntu ha hecho un trabajo muy, muy bueno haciendo a Linux disponible para un público más amplio y diferente, el tipo de audiencia que viene de las bases de Windows y de Apple“, es otra de sus declaraciones. Todos estos datos los rescatan en Ostatic, donde se hacen eco de la fuente de origen del título de esta entrada, firmada por el redactor tecnológico Marcel Gagné, de quien dicen “es muy respetado y tiene acceso a las altas esferas de Linux y el software libre“. En Ostatic concluyen su artículo haciendo referencia a la versión Xfce de Linux Mint (basada en Debian) y se preguntan si a diferencia de Ubuntu su derivada es más amigable para los desarrolladores del kernel. Lo que parece haberle pasado inadvertido a la redactora de Ostatic es que Marcel Gagné dice de forma explícita en su artículo que “Linus usa Linux Mint 11 en su escritorio personal“, y la única versión de Linux Mint numerada actualmente como 11 es la principal, con el GNOME 2 de siempre (se esperan todavía las ediciones KDE y LXDE, pero Xfce no tiene número de versión al ser rolling release). En fin… ¿Qué opinás?Mensaje subliminal, si ves esto en un post es porque me repostearon , denuncialo, soy hernnmaster1 de Taringa! Cierro coments porque se esta por armar bardo