"Atajos" CSS: Ocultando Elementos de Interfaz

Tutoriales, documentos técnicos y descargas

Personalización Avanzada

Rev. Oct. 15, 2016

Descripción

Una lista de reglas CSS que puede utilizar para ocultar elementos de la interfaz de WS.WebTV.

Requerimientos del tutorial

• Conocimientos bádicos de CSS

Imprimir

A continuación encontrará una extensa lista de reglas CSS que puede utilizar para ocultar elementos de la interfaz de WS.WebTV.

¿Dónde/Cómo incluir las reglas CSS?

Hay dos posibilidades:

1. La manera avanzada: Editando el archivo CSS correspondiente al estilo seleccionado. En este caso, busque las reglas dentro del archivo CSS correspondiente y "descoméntelas" (no es necesario que las agregue puesto que ya están incluidas).

2. La manera más fácil: Introduciendo las reglas CSS en Configuración > Pestaña General > Sección "Código HTML adicional".
Pestaña: Configuración, General
...
Configurtación, General: Código HTML adicional
Para incluir una o más reglas, en esta sección, comience por añadir las etiquetas <style> y </style> dentro del área de texto "Sección <head> Código HTML", luego introduzca las reglas dentro de las etiquetas <style> (y Guarde...). Ejemplo:
<style>
.videoPlayerArea .clipOptionBt.comments { display:none; } /* Oculta el botón "Comentarios" */
.videoPlayerArea .clipOptionBt.like { display:none; } /* Oculta el botón "Me gusta" */
.videoPlayerArea .clipOptionBt.dislike { display:none; } /* Oculta el botón "No me gusta" */
.videoPlayerArea .clipOptionBt.share { display:none; } /* Oculta el botón "Compartir" */
</style>

Reglas CSS de ejemplo... (sólo aplicables al Tema visual "V2")

Área reproductor de vídeo: Ocultando botones de opciones...
.clipOptionsBarWrapper { display:none; } /* Oculta todos los botones: comentarios, me gusta, no me gusta, compartir */
.clipOptionsBarWrapper .clipOptionBt.comments { display:none; } /* Oculta el botón "Comentarios" */
.clipOptionsBarWrapper .clipOptionBt.like { display:none; } /* Oculta el botón "Me gusta" */
.clipOptionsBarWrapper .clipOptionBt.dislike { display:none; } /* Oculta el botón "No me gusta" */
.clipOptionsBarWrapper .clipOptionBt.share { display:none; } /* Oculta el botón "Compartir" */

Área reproductor de vídeo: Ocultando información...
.clipPublishStatsInfo { display:none; } /* Ocultar toda la barra (publicado por, fecha, visualizaciones, No. "me gusta") */
.clipPublishStatsInfo .publishInfo.by { display:none; } /* Ocultar "Publicado por" */
.clipPublishStatsInfo .publishInfo.date { display:none; } /* Ocultar fecha */
.clipPublishStatsInfo .publishInfo.views { display:none; } /* Ocultar visualizaciones */
.clipPublishStatsInfo .statsInfo { display:none; } /* Ocultar No. "me gusta" */

Área compartir: Ocultando widgets sociales...
.shareOptions.box { display:none; } /* Ocultar área compartir */
.shareOptions.box .socialWidgets { display:none; } /* Ocultar todos los widgets sociales */
.shareOptions.box .socialWidgets .socialWidget.facebook { display:none; } /* Ocultar widget de Facebook */
.shareOptions.box .socialWidgets .socialWidget.google { display:none !important; } /* Ocultar widget de Google Plus */
.shareOptions.box .socialWidgets .socialWidget.twitter { display:none; } /* Ocultar widget de Twitter */

Listas: Ocultando los "stikers"...
.stickers { display:none !important; } /* Ocultar todos los stickers */
.stickers .stickerFeatured { display:none !important; } /* Ocultar sticker "Destacado" */
.stickers .stickerRestricted { display:none !important; } /* Ocultar sticker "Restringido" */
.stickers .stickerPremium { display:none !important; } /* Ocultar sticker "Premium" */

"Navegador" de vídeos: Ocultando elementos de las listas...
.videoBrowser .clip .image { display:none; } /* Oculta la imagen */
.videoBrowser .clip .title { display:none; } /* Oculta el título */
.videoBrowser .clip .user { display:none; } /* Oculta el usuario */
.videoBrowser .clip .date { display:none; } /* Oculta la fecha */
.videoBrowser .clip .views { display:none; } /* Oculta los visionados */

Búsqueda/Listas: Ocultando elementos de las listas...
.itemListWrapper.genericList .item .image { display:none; } /* Oculta la imagen */
.itemListWrapper.genericList .item .title { display:none; } /* Oculta el título */
.itemListWrapper.genericList .item .description { display:none; } /* Ocultar descripción */
.itemListWrapper.genericList .item .user { display:none; } /* Oculta el usuario */
.itemListWrapper.genericList .item .date { display:none; } /* Oculta la fecha */
.itemListWrapper.genericList .item .views { display:none; } /* Oculta los visionados */

Listas (Widgets): Ocultando elementos de las listas...
.widget .item .image { display:none; } /* Oculta la imagen */
.widget .item .title { display:none; } /* Oculta el título */
.widget .item .description { display:none; } /* Ocultar descripción */
.widget .item .user { display:none; } /* Oculta el usuario */
.widget .item .date { display:none; } /* Oculta la fecha */
.widget .item .views { display:none; } /* Oculta los visionados */

Reglas CSS de ejemplo... (sólo aplicables al Tema visual "Classic/Default")

Área reproductor de vídeo: Ocultando botones de opciones...
.videoPlayerArea .clipOptionsBarWrapper { display:none; }/* Oculta todos los botones: comentarios, me gusta, no me gusta, compartir */
.videoPlayerArea .clipOptionBt.comments { display:none; } /* Oculta el botón "Comentarios" */
.videoPlayerArea .clipOptionBt.like { display:none; } /* Oculta el botón "Me gusta" */
.videoPlayerArea .clipOptionBt.dislike { display:none; } /* Oculta el botón "No me gusta" */
.videoPlayerArea .clipOptionBt.share { display:none; } /* Oculta el botón "Compartir" */

Área de compartir vídeo: Ocultando widgets sociales...
.clipShareArea { display:none; } /* Oculta la zona de compartir */
.clipShareArea .socialWidgets { display:none; }/* Oculta todos los widgets sociales */
.clipShareArea .socialWidgets .socialWidget.facebook { display:none; }/* Oculta the Facebook widget */
.clipShareArea .socialWidgets .socialWidget.google { display:none; }/* Oculta the Google Plus widget */
.clipShareArea .socialWidgets .socialWidget.twitter { display:none; }/* Oculta the Twitter widget */

Info del vídeo: Ocultando información...
.clipInfoArea .clipStats { display:none; }/* Oculta la barra (publicado, fecha, reproducciones, valoración) */
.clipInfoArea .clipStats .publishedBy { display:none; }/* Oculta "Publicado por" */
.clipInfoArea .clipStats .date { display:none; }/* Oculta la fecha */
.clipInfoArea .clipStats .views { display:none; }/* Oculta los visionados */
.clipInfoArea .clipStats .rating { display:none; }/* Oculta la valoración */

Ocultando los "Stikers"...
.stickersOverlay { display:none !important; }/* Oculta todos los stickers */
.stickersOverlay .stickerFeatured { display:none !important; }/* Oculta el sticker "Destacado" */
.stickersOverlay .stickerRestricted { display:none !important; }/* Oculta el sticker "Restringido" */

Vídeos Relacionados: Ocultando elementos de la lista...
.sliderWrapper .clipListWrapper .clipList .clip .image { display:none; }/* Oculta la imagen */
.sliderWrapper .clipListWrapper .clipList .clip .title { display:none; }/* Oculta el título */
.sliderWrapper .clipListWrapper .clipList .clip .user { display:none; }/* Oculta el usuario */
.sliderWrapper .clipListWrapper .clipList .clip .date { display:none; }/* Oculta la fecha */
.sliderWrapper .clipListWrapper .clipList .clip .views { display:none; }/* Oculta los visionados */

Examinador de vídeos (pestañas): Ocultando elementos de la lista...
.browseVideosPanel .clipListWrapper .clipList .clip .image { display:none; }/* Oculta la imagen */
.browseVideosPanel .clipListWrapper .clipList .clip .title { display:none; }/* Oculta el título */
.browseVideosPanel .clipListWrapper .clipList .clip .user { display:none; }/* Oculta el usuario */
.browseVideosPanel .clipListWrapper .clipList .clip .date { display:none; }/* Oculta la fecha */
.browseVideosPanel .clipListWrapper .clipList .clip .views { display:none; }/* Oculta los visionados */

Búsqueda: Ocultando elementos de la lista...
.genericItemListWrapper .itemList .item .image { display:none; }/* Oculta la imagen */
.genericItemListWrapper .itemList .item .title { display:none; }/* Oculta el título */
.genericItemListWrapper .itemList .item .description { display:none; }/* Oculta la descripción */
.genericItemListWrapper .itemList .item .user { display:none; }/* Oculta el usuario */
.genericItemListWrapper .itemList .item .date { display:none; }/* Oculta la fecha */
.genericItemListWrapper .itemList .item .views { display:none; }/* Oculta los visionados */

"Atajos" CSS: Ocultando Elementos de Interfaz | Personalización Avanzada | Documentación WS.WebTV | WebTV Solutions

Soluciones de vídeo online profesionales y económicas

Instalación y Mantenimiento

Configuración

Solucionando Problemas de Login

Estadísticas

Contenidos, Administración

‹Ext› Gest. Avz. Usuarios

‹Ext› Store (Tienda)

Personalización Avanzada

Otros

Personalización Avanzada