針對不同公司視圖的不同顏色

我有不同的公司使用我的導軌網站，並希望根據公司的顏色在視圖中顯示不同的顏色。我如何實現這個？針對不同公司視圖的不同顏色

2015-05-25 A73x15

有多種方法可以做到這一點。最簡單的方法是在加載默認CSS後，在head標籤中硬編碼CSS代碼。的CSS代碼，您硬代碼可以在application.html.erb

<head> 
     <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
     <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 

    <style> 
     #id_where_you_want_to_change_color { 
     background-color: <%= current_company.color %>; 
     } 
    </style> 

</head>

來源

2015-05-25 12:16:01 coderhs

這對我工作感謝 – A73x15

一個簡單的方法是將一個頂層元素添加一個類名稱使用紅寶石這樣來控制，如body，用於施加定製主題化和每個公司的造型。

E.g.對於HTML

<!-- HTML --> 
<body class="company-a"> <!-- substitute company-a for company-b and so on ---> 
    <ul class="menu"></ul> 
</body>

...然後在CSS：

/* CSS */ 
.menu { 
    background-color: blue; /* default */ 
} 

/* themed for company A */ 
.company-a .menu { 
    background-color: green; 
} 

/* themed for company B */ 
.company-b .menu { 
    background-color: purple; 
}

見在CSS主題化和模板更多的技巧和技術的出色表現4½ Methods for Theming in (S)CSS由哈里·羅伯茨。

來源

2015-05-25 12:40:19

工作出色，謝謝 – A73x15

@ A73x15我很高興我可以幫忙。作爲回報，也許你可以考慮將我的答案標爲已接受。 –

針對不同公司視圖的不同顏色

回答

相關問題