Boa noite, dividirei em partes para tentar facilitar o entendimento.
1 - Estou criando uma empresa de mídia indoor.
2 - Os monitores terão: anúncios, informações através de rss feed (noticias do G1, uol, terra, climatempo, cotações de dólar, etc. )
3 - Estou utilizando um sistema chamado XIBO (
www.xibo.org.uk) para fazer a distribuição de conteúdo, administrar os players e ser os players.
4 - O layout do rss deve ser editado dentro do proprio xibo em html ou css ou javascript (seguem prints).
Segue código utilizado atualmente em CSS:
Main:
<div class="image">[Link|image]
<div class="T1">
<p> [Title]
</p>
<div class="T2">
<p> [Description]
</p>
</div>
</div>
</div>
Style:
.T1 {
text-align: center;
margin: 0px;
color: white;
font-size: 70px;
line-height: 1.2em;
background: #000;
text-transform: uppercase;
opacity: 1;
filter: alpha (opacity=1);
width: 30%;
height: 1080px;
padding: 15px;
z-index: 1
}
.image img {
position: fixed;
left: 350px;
width: 100%;
height: auto;
left: 0px;
top: 0px;
background: #000;
opacity: 1;
z-index: -1
}
.T2 {
margin: 0px;
color: red;
font-size: 0px;
line-height: 0em;
background: none;
opacity: 1;
filter: alpha (opacity=0);
position: auto;
bottom: 0;
width: 100%;
height:100%;
padding: 15px;
5 - Consegui fazer alguma edição, mas não em um nível satisfatório.
Eu gostaria de ter os conteúdos demonstrados da mesma forma que esta outra empresa possui:
http://www.alphasignage.com.br/conteudos-prontos
6 - Estou colocando em anexo também como seria o layout ideal para os rss, apesar de ja estarem sendo demonstrados no site.
O trabalho será feito dentro do próprio XIBO, através de um login e senha que serão enviados posteriormente.
Prazo de Entrega: Não estabelecido