How Could I Do this??
-
-
- abundance
- Sr. Rocketeer
- Posts: 210
- Thanks: 0
-
First, thanks for taking a moment to read. I have installed template Colormatic
Now in its default state at the top in the " Header " position there is a TAB which says " Open Control Panel " when you click that it comes down and in the demo version there are each of the 16 styles displayed.... ok now I have 2 ideas that I would like to see if they are possible
1st and foremost I would like to see...
How hard would it be to create 6 more of those tabs and have them beside each other and when they are clicked instead of having the thing come down just have it go to an external website
I will explain why.. I have 7 websites and i want them immediately available as options that people can go to when they load up my first site, so at first I thought ok I will keep the 1 tab and just change the wording from " Open Control Panel " to " View Other Sites and then in the drop down have 7 small images of my sites
But experience has shown people if you want people to see something put it as much in front of their face as possible not hidden behind a drop down tab.
So I thought well if i have 7 tabs along the top of the fx-tab.png side by side with the names of my sites on each one it would be clearer and then once clicked it would take them to that site.
Ok.... so how would i go about doing that? Obviously i have would have to take the one fx-tab.png and create 6 more with my wording on it but the question is
1. How can i first stop the dropdown from occuring on the tab thats there
2. How can i setup each tab side by side
3. How can i have it so that each tab when clicked goes to its external site
I really hope someone can help me with this
-
-
-
- Robert W
- Elite Rocketeer
- Posts: 815
- Thanks: 0
- IT
-
jono...this sounds like it would take a bit of custom coding which I would imagine you'd have to either do it yourself or find someone to do it for you. I do not think there are any tutorials of such around the RT area.
Why not just put images/links in a module that is highly visible or at the top somewhere and skip all the additional work? It might make it easier for you and also help you avoid the custom coding. Just a thought.
-
-
-
- abundance
- Sr. Rocketeer
- Posts: 210
- Thanks: 0
-
Robert Wade wrote:
jono...this sounds like it would take a bit of custom coding which I would imagine you'd have to either do it yourself or find someone to do it for you. I do not think there are any tutorials of such around the RT area.
Why not just put images/links in a module that is highly visible or at the top somewhere and skip all the additional work? It might make it easier for you and also help you avoid the custom coding. Just a thought.
Yeah i just thought it would be fairly straight forward as there must be some code somewhere in this template telling it to display this TAB, if i could just find where that is maybe I could figure it out.. I just want to keep the tab but get rid of the dropdown.. you dont know where the code for the tab is would you?
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
- probably easier to remove the fx tab, then add in a full width div at the top of index.php. stick a module in the div and publish the othermenu to the module position. Of course you'd have to style the menu to give it the horizontal tabbed look you want.
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
I'm sorry, I have changed my mind.
It would take a bit of work, but you might do better to just duplicate the fxtab
In index.php, look for:<div id="fxTab"> <span class="fxTrigger">Open Control Panel</span> </div>
Replace it with:<div class="fxTab"> <span class="fxTrigger"><a href="http://www.yoursecondsite.com>Second Site</a></span> </div> <div class="fxTab"> <span class="fxTrigger"><a href="http://www.yourthirdsite.com>Third Site</a></span> </div> <div class="fxTab"> <span class="fxTrigger"><a href="http://www.yourfourthsite.com>Fourth Site</a></span> </div>
Modify the CSS as needed. Note #fxTab and #fxTrigger will need to be changed to .fxTab and .fxTrigger respectively in your css files. Use the 'margin' property to position the tabs. You may need to give each tab div an id in addition to the class(fxTab) to help you exactly place each one.
A bit of work, but doable. Sorry but I can't add more to this... work, and keeping a roof over my family and all that
As always, Firebug is your friend! - Last Edit: 17 years 5 months ago by GollumX.
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
-
-
- GollumX
- Elite Rocketeer
- Posts: 2817
- Thanks: 0
-
of course it didn't work.. there is a lot more than that to be done. what I posted their is just the idea.
If I find some time this evening I'll dl colormatic and give it a go. no promises though!
- Say no to Internet Explorer 6.
twitter.com/mark_up
-
Time to create page: 0.074 seconds