» Forums
» RollBar threads
» Support
» Need Help Implementing Roll Bar for the first time...
Need Help Implementing Roll Bar for the first time...
2006/02/24 12:26
Viewed 5141 times
Replies: 1/3
by Surreal Cereal

I have a sample of how far along I am at http://www.samwhereovertherainbow.com/index-1Tab2.html and need to get the Pane 0, Pane 1 to look like Weights at the end. I copied and pasted the html from weights into the other panes and they don't show the ID properly. I need to then find out how to change the Blue Border to the Green that I made the TABS into. and just wonder if there is a way to make the bottom border sync back up to the bottom tray so that the gray bar is flush with the links on the bottom.

Thanks for your time and consideration towards my project...
Re: Need Help Implementing Roll Bar for the first time...
2006/02/24 12:47
Viewed 7009 times
Replies: 1/2
by Mihai Bazon

Hi,

I have a sample of how far along I am at http://www.samwhereovertherainbow.com/index-1Tab2.html and need to get the Pane 0, Pane 1 to look like Weights at the end. I copied and pasted the html from weights into the other panes and they don't show the ID properly.

Could you please explain this better?  I'm not sure I understand what you require...

I need to then find out how to change the Blue Border to the Green that I made the TABS into.

This is quite easy.  You need to alter some CSS rules in skin-aqua.css:

div.dynarch-rollbar { border-color: #53a1fb; }
div.dynarch-rollbar table.dynarch-inner-table { border-top: 3px solid #9cdaff; border-bottom: 3px solid #9cdaff; }
div.dynarch-rollbar-container a.dynarch-roll-nav { background-color: #9cdaff; }
div.dynarch-rollbar-container a.dynarch-roll-nav:hover { background-color: #8ccaef; }
div.dynarch-rollbar-container a.dynarch-nav-disabled,
div.dynarch-rollbar-container a.dynarch-nav-disabled:hover { background: #9cdaff; }

Just edit skin-aqua.css and change the colors in the above lines to the ones you desire.  If for some reason you fail that, please let me know and I'll create a sample with colors that match your green theme ;-) (note that it'll take some time though).

and just wonder if there is a way to make the bottom border sync back up to the bottom tray so that the gray bar is flush with the links on the bottom.

It looks like you pasted all the HTML from our sample (including the <body> tag which has height: 100%).  You just need to include the RollBar toplevel DIV.  Please look into our documentation and samples for more info.
last
Re[2]: Need Help Implementing Roll Bar for the first time...
2006/02/24 22:24
Viewed 8729 times
Replies: 1/1
by Surreal Cereal

Ok I figured the color out real easy once I realize there is a CSS file there. The PANE 0, PANE 1, etc. is on my TAB where it should display a <label accesskey="p">Powertrain</label>
<div class="slide">
<h1 id="featureful">Powertrain</h1>
It won't give my variable to the TAB name.

I am new to HTML and just hacking my way through it so I don't see where the top level <div> is. Everytime I mess with the <div> it breaks my whole site apart. So far I really like your product I am just so new to it that I feel overwhelmed, but I am catching on. I just realized I really need to implement this for the cars on the right. It will look funny if I have great navigation for my Tabs but not on my main site. Guess I am really gonna need help. I will read up on the docs.

Thanks
last
» Re[3]: Need Help Implementing Roll Bar for the first time..., by dynamarch [ quick view ]
Google