2015-09-04 85 views
0

我走到此爲止。當我點擊標誌時,我希望textarea能夠像模態一樣顯示。對於例如http://www.leedsbuildingsociety.co.uk/resources/kick-my-habits/。不一定要那麼光滑。我只是想用簡單的CSS。紅寶石軌上嵌入按鈕

我不知道如何去做。任何幫助將不勝感激。

<a href="#"> embed </a> 
    <textarea> 
    <%= raw(link_to (image_tag :'http://okehamptonbowls.co.uk/wp/wp-content/uploads/2015/04/Happy-Face.jpg'), root_url) %> 
</textarea> 
+0

什麼你的「源代碼」在這裏的意思是? 「嵌入」是什麼意思?你只是指一個img標籤嗎?因爲這不是真正的嵌入 - 嵌入通常會通過iframe從其他站點獲取內容。 –

+0

只是爲了澄清我以前的評論,我認爲你應該添加到你的問題(不是評論)A)嵌入的HTML B)你想要在彈出窗口中出現什麼和C)簡短描述你的意思是「彈出」。 –

+0

對不起,我更新了我的問題。希望現在清楚 – Ray

回答

1

從一種形式:

<%= f.submit "Comment", :type => :image, :src => "/images/comment-button.png" %> 

或像這樣

<div id="comment-button"><p> 
<%= image_submit_tag("comment-button.png") %></p> 
</div> 

,如果你只是想有一個按鈕,僅僅相當於一個簡單的鏈接:

<%= link_to image_tag(image_url, :class => "img"), link_path %> 

其他解決方案包括Bootstrap glyphico NS,符號CDN等

例如,對於與引導CDN我的Facebook登錄按鈕之一:

<button type="submit" class="btn btn-info btn-active"><i class="fa fa-facebook"></i> <%= link_to "Sign in with Facebook", user_omniauth_authorize_path(:facebook), class: "face-btn" %></button> 

希望它有助於