html - seguir - what would you like to embed

Cómo diseñar un widget de Twitter usando mi propio CSS

Question

Tengo mi propio diseño para un feed de Twitter y quiero diseñar el feed predeterminado utilizando mi propio diseño. ¿Hay una manera de hacer eso?

El problema es que no puede usar los selectores de CSS porque aparece solo después de cargar la página.

Por favor revisa esta foto para darte más idea de lo que necesito

Gracias,

Answer 1

1 # Obtener una línea de tiempo totalmente personalizable como se sugirió anteriormente (mediante el uso de la API), requeriría que busque la línea de tiempo como un archivo json ( https://api.twitter.com/1.1/statuses/home_timeline.json ) y realice manualmente un ciclo ellos en tu pantalla. Más detalles aquí https://dev.twitter.com/rest/reference/get/statuses/home_timeline

2 # Esto es lo más cerca que podría llegar con su diseño @ shadeed9. La mayoría de las restricciones están aquí https://dev.twitter.com/overview/terms/display-requirements

3 # Este fragmento de JS le permitirá agregar estilos de CSS personalizados al widget de inserción de Twitter: https://github.com/kevinburke/customize-twitter-1.1 por Kevin Burke

Si esto resuelve tu pregunta, ¡acéptalo amablemente!

Answer 2

Bueno, puedes personalizar tu widget de Twitter haciendo algo como esto:

Código predeterminado

<a class="twitter-timeline" href="Pagelink" data-widget-id="Page ID">Tweets by @Test</a>

Para eliminar el pie de página del encabezado, simplemente agregue data-chrome = "nofooter transparent noheader transparent" y se verá algo como esto:

<a class="twitter-timeline" href="Pagelink" data-widget-id="Page ID" data-chrome="nofooter transparent noheader transparent">Tweets by @Test</a>

Para más personalización como el color del enlace, Bordes, etc., consulte este artículo. https://dev.twitter.com/docs/embedded-timelines#customization

Espero que esto ayude :)

Answer 3

Si en el widget de twitter te refieres a las líneas de tiempo integradas, consulta la sección "opciones del lado del cliente" de los documentos https://dev.twitter.com/docs/embedded-timelines para conocer las opciones que puedes configurar.

Si desea una salida totalmente personalizada utilizando CSS, necesitará escribir su propia solución usando la API para escindir el contenido que se puede diseñar.