Redmine-4.1.1 中让企业Logo图标标志和标题垂直居中对齐的方法

修改logo图标的方法参见:

Redmine-4.1.1在标题前加公司标志等LOGO图片 :https://my.oschina.net/SamXIAO/blog/4969935

让图标和标题垂直对齐的方法。

修改文件~/redmine-4.1.1-10086xsz/app/views/layouts/base.html.erb下面一行 手动调整垂直位置。

<h1><%= page_header_title %></h1>



改为:

<div style="float:left;">
  <img src="logo.png" height="100" width="100"> </img>
</div>
<div style="float:left;">
  <h1 style="background-color:lightblue33;color:red33; position:relative; margin-left:15px; margin-top:37px;">
    <font style="color:green">o</font>
    <font style="color:blue">o</font>
    <font style="color:red">o</font>
    <%= page_header_title %>
    <font style="color:green">o</font>
    <font style="color:blue">o</font>
    <font style="color:red">o</font>
  </h1>
</div>



  • 调整离图片左边的距离,修改margin-left:15px;中的数值。
  • 调整离图片上边的距离,修改margin-top:37px;中的数据。

效果

  • margin-left:15px; margin-top:37px;

  • margin-left:35px; margin-top:67px;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章