• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Unique tabbed buttons!

Unique tabbed buttons! 12 years 2 months ago #16654

  • PSEsupra
  • PSEsupra's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
Hello everybody.
Are trying to give a unique style in the css but I can not set ears. Border, colors, backgrounds are not the problem, but you can not set the height.
It is possible to give some tabbed height?

(height will change only if the letters increased)
The administrator has disabled public write access.

Re: Unique tabbed buttons! 12 years 2 months ago #16713

  • PSEsupra
  • PSEsupra's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
Hi

How to give a unique RSForm-Tab buttons? (pictures) :side:
Last Edit: 12 years 2 months ago by PSEsupra.
The administrator has disabled public write access.

Re: Unique tabbed buttons! 12 years 2 months ago #16715

  • royce
  • royce's Avatar
  • OFFLINE
  • Senior Boarder
  • Posts: 52
  • Thank you received: 5
You could use .css background images for the relevant <ul><li> class.
The administrator has disabled public write access.

Re: Unique tabbed buttons! 12 years 2 months ago #16720

  • PSEsupra
  • PSEsupra's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
royce wrote:
You could use .css background images for the relevant <ul><li> class.

Yes I understand this. But I can not give the height of buttons. Height does not respond in vain to write :blink:

Tab css example:
<style type="text/css">
.tabberlive .tabbertabhide {
 display:none;
}
 
.tabber {
}
.tabberlive {
 margin-top:1em;
}
 
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
  width:500px;
}
 
ul.tabbernav li
{
padding-left:0px;
background: no-repeat;
 list-style: none;
 margin: 0;
 display: inline;
}
 
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}
 
ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}
 
ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}
 
ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}
 
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 width:488px;
 
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}
 
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
</style>
The administrator has disabled public write access.

Re: Unique tabbed buttons! 12 years 1 month ago #16808

  • PSEsupra
  • PSEsupra's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 4
Someone can help me? Thank you in advance. :unsure:
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!