我通过添加带有嵌入图像的页眉和页脚来自定义闪亮的应用程序。我已经想出如何使用tags$styles
添加图像并自定义其位置。我遇到的问题是当尝试通过调整页脚面板顶部的位置来改变页脚中图像的位置时,我也改变了页眉中图像的位置。我知道它与CSS的使用有关,所以我想弄清楚如何在页眉和页脚之间分隔tags$style
。我不熟悉HTML或CSS,所以我在这个过程中浮躁。我用于页眉和页脚的代码如下:
tags$header(a(list(tags$style("img {display:inline-block;background-repeat:no-repeat;position:relative;left:20px;z-index:3;}"),tags$img(src="myimage.png", height="110px",width="215px")),href="http://www.link1.com"),
tags$style("header {background-color: #333333;border-bottom:1px solid #474747;
height:90px}")
tags$div(fluidRow(
tags$footer(a(list(tags$style("img {display:inline-block;background-repeat:no-repeat;position:relative;left:20px;top:30px;z-index:3;}"),
tags$img(src="myimage2.png", height="23px",width="170px")),href="http://www.link2.com"),
tags$style("footer {background-color: #333333;height:90px}"))))
提前感谢您的帮助!!