Muestra Menú de Navegación con transparencia {CSS}

  • 8 Respuestas
  • 950 Vistas

0 Usuarios y 1 Visitante están viendo este tema.

*

Desconectado donrespeto

Menú de Navegación con transparencia {CSS}
« en: Noviembre 19, 2016, 10:31:30 pm »
¿Quieres algo tal que así?



Pues, es más fácil de lo que crees, aquí tenéis el código de como realizarlo:

En este caso tendríamos puesto el estilo del menú de navegación en el archivo html con id="nav".

Código
#nav {
font-family: 'Roboto Condensed', sans-serif;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: hidden;
        background-color: rgba(255,255,255,0.5);    /*Esta es la linea que nos hace la transparencia.*/
}


*

Desconectado Onekeko

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #1 en: Enero 09, 2017, 02:29:11 am »
Esta muy bien, en mi opinión personal agregaría un efecto hover a cada link, por ejemplo que se cambie de color la letra o se subraye o se encierre en un pequeño box.

*

Desconectado xJosue-

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #2 en: Febrero 24, 2017, 10:14:54 pm »
Está muy bien, pero si es por mi, creo que pondría un background-color, y luego opacity, ya que para los que no saben sobre los colores rgba, solo tengan que cambiar por algún color y la opacidad siga en la clase además de que el texto con opacidad se vería bien, ya haciéndole que no tenga opacidad  [smiley14].
« Última modificación: Marzo 03, 2017, 04:14:13 pm por xJosue- »
No tienes permiso para ver enlaces. Registrarme ó Logearme

*

Desconectado MachineScript

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #3 en: Marzo 03, 2017, 12:11:10 pm »
No tienes permiso para ver enlaces. Registrarme ó Logearme
Está muy bien, pero si es por mi, creo que pondría un background-color, y luego opacity, ya que para los que no saben sobre los colores rgba, solo tengan que cambiar por algún color y la opacidad siga en la clase.

opacity? pedazo de noob, eso daría transparencia no solo al color si no al texto de dentro también, solo sirven COLORES RBG.

Me repugna la gente como tú.

*

Desconectado xJosue-

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #4 en: Marzo 03, 2017, 04:13:11 pm »

De eso hablo, se vería bien el color igualmente el texto con opacidad, almenos a mi me gusta así y lo uso así para cualquier menú que haga, pues como dicen "para gustos hay colores", aunque es culpa mía, detallar mi gusto por los textos por opacidad y no usar no más el color de fondo con colores RGB así que...
No tienes permiso para ver enlaces. Registrarme ó Logearme

*

Desconectado MachineScript

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #5 en: Marzo 04, 2017, 12:57:20 pm »
No tienes permiso para ver enlaces. Registrarme ó Logearme

De eso hablo, se vería bien el color igualmente el texto con opacidad, almenos a mi me gusta así y lo uso así para cualquier menú que haga, pues como dicen "para gustos hay colores", aunque es culpa mía, detallar mi gusto por los textos por opacidad y no usar no más el color de fondo con colores RGB así que...

como te va a gustar un menu con opacidad en sus textos, que ni se podrán ver bien? amigo se ve que no tienes absoluta idea del tema

*

Desconectado xJosue-

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #6 en: Marzo 04, 2017, 03:14:21 pm »
Algún día si llegamos a hacer team o algo, te lo puedo demostrar, además de que tienes tus gustos, y yo los míos, como vas a decir, que por tener gustos diferentes no sé nada del tema, es muy penoso decirlo de esa manera, Saludos
No tienes permiso para ver enlaces. Registrarme ó Logearme

*

Desconectado MachineScript

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #7 en: Marzo 08, 2017, 12:17:52 pm »
No tienes permiso para ver enlaces. Registrarme ó Logearme
Algún día si llegamos a hacer team o algo, te lo puedo demostrar, además de que tienes tus gustos, y yo los míos, como vas a decir, que por tener gustos diferentes no sé nada del tema, es muy penoso decirlo de esa manera, Saludos

Pero que gustos? esto no es cuestión de gustos, es lógica general de enmaquetación, a NADIE, absolutamente a NADIE le va a gustar ver un menu con textos con opacidad ya que el usuario los verá con dificultad, que seas retrasado y te guste ver texto con dificultad es tu problema, así que no vengas a aportar este tipo de basura, que solo buscan anormales sin experiencia.

*

Desconectado xJosue-

Re:Menú de Navegación con transparencia {CSS}
« Respuesta #8 en: Marzo 08, 2017, 03:12:04 pm »
Bueno, la verdad aquí está un ejemplo, no suelo utilizarlo para menus, algo que por lo visto no te gusta, pero no puedo negar que no he hecho utilización de un texto con opacity, luego poniendole hover, con una buena transition, la verdad me mola, almenos a mi...

Y por cierto Cuarz, que no dudo que lo seas, "ya estás desbaneado"
« Última modificación: Marzo 08, 2017, 03:19:09 pm por xJosue- »
No tienes permiso para ver enlaces. Registrarme ó Logearme

 

Temas relacionados

  Asunto / Iniciado por Respuestas Último mensaje
1 Respuestas
238 Vistas
Último mensaje Septiembre 12, 2017, 05:20:39 am
por Pixel
1 Respuestas
24 Vistas
Último mensaje Septiembre 13, 2018, 06:49:58 pm
por donrespeto