Histórico da Página
HTML |
---|
<style type="text/css"> .lmscards-container * { -webkit-box-sizingwidth: border-box100%; -moz-box-sizing height: border-boxauto; box-sizing margin: border-boxauto; } display: flex; flex-direction: column;045B8F .lms-text-center { box-sizing: border-box; textjustify-alignitems: center; } .lms-full-heightcard { height width: 100%; height: } auto; .lms-container {display: flex; margin-right: auto auto 20px auto; margin box-left: autoshadow: 0px 2px 4px #00000029; max border-widthradius: 1046px10px; } .lmscard-rowimage { widthobject-fit: 100%cover; displaywidth: -moz-box43%; -moz-flex-flow max-width: row wrap420px; border-moztop-justifyleft-contentradius: center10px; display: border-bottom-ms-flexboxleft-radius: 10px; } -ms-flex-flow: row wrap; .card-image.card-image-full { -ms-justify-contentwidth: center100%; max-width: inherit; displayborder-radius: -webkit-flex10px; display: -webkit-boxblock; } .card-webkit-flex-flow: row wrap; text-container { text-webkit-justify-contentalign: centerleft; displaypadding: flex30px; } flex-flow: row wrap; .card-label { color: orange; justifyfont-contentweight: centerbold; font-size: 13px; } .lms-col {#card-title-link { text-decoration: none; width color: 33.333333%#045B8F; padding font-rightweight: 15pxbold; paddingfont-leftsize: 15px;17px; } #card-title-link:hover margin-bottom: 30px{ text-decoration: underline; } .lmscard-paneldesc { border: 1px solid #dadada margin: 0 !important; font-size: 15px; font-weight: 400; border letter-radiusspacing: 4px0px; padding color: 30px#494440; } .lms-panel .lms-panel-thumbcard-text-margin-bottom { width: 87px margin: 0 0 5px 0 !important; } </style> <section class="cards-container"> <div class="card"> .lms-panel .lms-panel-title { <img class="card-image card-image-full" font-size: 20px; src="" color: #58595b; alt="" > } .lms-panel .lms-panel-title > a { </div> </section> |
Conheça nosso novo espaço de documentações iPaas!
Nosso repositório de documentações mudou. Acesse agora mesmo nosso novo espaço e fique por dentro de todas as novidades do TOTVS iPaaS aqui.
Deck of Cards | ||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||||||
|
Fale conosco!
HTML |
---|
<style type="text/css"> .cards-container { colorwidth: #58595b100%; font-weight height: boldauto; margin: } auto; .lms-panel .lms-panel-text { display: flex; color flex-direction: #58595bcolumn; linebox-heightsizing: 1.75border-box; margin justify-bottomitems: 0center; } </style> <div class="lms"> .card { width: 100%; <div class="lms-container"> height: auto; <div class="lms-row">display: flex; <div class="lms-col"> margin: auto auto 20px auto; <div class="lms-panel lms-text-center lms-full-height">box-shadow: 0px 2px 4px #00000029; border-radius: 10px; <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/471951035/release-notes.png">} .card-image { object-fit: cover; <h1 class="lms-panel-title"> width: 43%; max-width: 420px; <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=521124673">O que há de novo?</a> border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .card-text-container { </h1> text-align: left; <p class="lms-panel-text">Divulgamos todas as novidades e correções de cada atualização do aplicativo.</p> padding: 30px; } .card-label { </div>color: orange; </div> font-weight: bold; <div class="lms-col">font-size: 13px; } #card-title-link { <div class="lms-panel lms-text-center lms-full-height"> <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=521124880"> decoration: none; color: #045B8F; font-weight: bold; <img class="lms-panel-thumb" src="http://tdn.totvs.com/download/attachments/471951035/guia-usu%C3%A1rio.png"> </a> font-size: 17px; } #card-title-link:hover { <h1 class="lms-panel-title">text-decoration: underline; } .card-desc { <a href="https://tdn.totvs.com/pages/viewpage.action?pageId=521124880">Guia do usuário</a> margin: 0 !important; font-size: 15px; </h1>font-weight: 400; letter-spacing: 0px; <p class="lms-panel-text">Listamos – passo a passo – as ações que você pode efetuar como administrador.</p>color: #494440; } .card-text-margin-bottom { margin: 0 </div> 0 5px 0 !important; } </div>style> <section class="cards-container"> <div class="lms-colcard"> <div class="lmscard-panel lms-text-center lms-full-heightcontainer"> <img<p class="lms-panel-thumb" src="http://tdn.totvs.com/download/thumbnails/471951035/perguntas-frequentes.png">card-label card-text-margin-bottom">Suporte</p> <h1<h2 id="card-title" class="lmscard-text-panelmargin-titlebottom"> <a href="https://tdntotvscst.totvszendesk.com/displayhc/CON/Perguntas+frequentes">Perguntas frequentes<pt-br/#home" id="card-title-link" target="blank">Precisa de ajuda e não encontrou por aqui?</a> </h1>h2> <p class="lmscard-panel-textdesc">Reunimos>Entre asem perguntascontato maispelo frequentes para tornar sua busca por soluções mais ágil e fluída.</p> </div><a href="https://totvscst.zendesk.com/hc/pt-br/#home" target="blank">Portal de clientes</a>. A equipe de atendimento do TOTVS iPaaS estará pronta para lhe ajudar.</p> </div> </div> </div> </div>section> |
Visão Geral
Import HTML Content
Conteúdo das Ferramentas
Tarefas