2012-10-25 59 views
2

我在我的網站上安裝了Twitters Bootstrap,並且想將按鈕樣式鏈接到擴展樣式表,所以我網站上的所有按鈕都是統一的,但我不知道如何進行。我的日常工作顯然不是網絡開發,所以我很想知道我應該使用哪些代碼。如何將Twitter Bootstrap按鈕添加到Joomla Extension?

Twitter的引導按鈕,我想用:

<p> 
<button class="btn btn-default btn-info" type="button">Subscribe</button> 
</p> 

Acymail的Joomla擴展

background: -ms-linear-gradient(top, ellipse cover, #F5F5F5 0%, #F5F5F5 100%); /* IE10+ */ 
background: radial-gradient(top, ellipse cover,#F5F5F5 0%, #F5F5F5 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5',  endColorstr='#F5F5F5',GradientType=0) !important; /* IE6-9 vertical */ 
} 
/**************links*****************/ 

.acymailing_module form a:hover, .acymailing_module form a:active, .acymailing_module  form a:focus{ 
color:#5a99ab!important; 
text-decoration:underline !important; 
background-color:transparent !important;} 

回答

1

如果bootstrap.css被網頁上加載,那麼你可以添加class="btn btn-default"添加到擴展中的元素。所以基本上,你可以去:

components/com_extension_name/views/view_name/tmp/default.php 

和類添加到任何<a>標籤。

或者,您也可以爲特定樣式的按鈕樣式複製,如默認一個從bootstrap.css,並把它添加到:

.acymailing_module form a { 
    //bootstrap button style goes in here 
} 
+0

我試圖複製/粘貼引導CSS到模板文件根本不起作用......也沒有我看到的default.php文件。對不起,如果我有點密集。 – user1772801

+0

我認爲你指的是一個組件是嗎? – Lodder