如何将Twitter Bootstrap按钮添加到Joomla Extension?

时间:2012-10-25 00:32:37

标签: twitter joomla twitter-bootstrap

我的网站上安装了Twitters Bootstrap,并希望将按钮样式链接到扩展样式表,这样我网站上的所有按钮都是统一的,但我不知道如何操作。我的日常工作显然不是网络开发,所以我非常喜欢我应该使用的代码。

我想要使用的Twitter Bootstrap按钮:

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

Acymail Joomla Extension

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 个答案:

答案 0 :(得分: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
}