Thread Rating:
  • 1 Votes - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
 Tabs With XThreads
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #21
RE: Tabs With XThreads
(12-10-2010 09:45 PM)leefish Wrote:  I decided against using those in the link

May I know the reason, Lee?

12-11-2010 02:44 AM
Find all posts by this user Quote this message in a reply
leefish Offline
Hamster
*****
Posts: 1,009
Joined: Apr 2010
Post: #22
RE: Tabs With XThreads
Well, the ones you shared with us are working fine, and I already have all the css set up. So by changing slide to fade I got the same effect(ish), with no extra work Smile


[Image: leelink.gif]
MYBB1.6 & XThreads
12-11-2010 02:55 AM
Visit this user's website Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #23
RE: Tabs With XThreads
I think we need to change it a bit to make it as unobtrusive tabs, right?

12-11-2010 03:23 AM
Find all posts by this user Quote this message in a reply
leefish Offline
Hamster
*****
Posts: 1,009
Joined: Apr 2010
Post: #24
RE: Tabs With XThreads
Well, I don't really mind them as they are. If you mean that they have to have javascript on, then yea, thats so. If you log onto leefish with javascript off you get a little warning saying turn on javascript. Thats it for me Smile


[Image: leelink.gif]
MYBB1.6 & XThreads
12-11-2010 03:27 AM
Visit this user's website Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #25
RE: Tabs With XThreads
If you want to make it as unobtrusive tabs, remove the style similar like this (based on the garage forum):

HTML Code
#image, #mod, #details {display: none;}


Add this code before $('.tab').click(function(){ code:

Javascript Code
$('.content').hide();
$('.content:first').show();


So, the javascript code will be like this:

Javascript Code
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
	jQuery(document).ready(function($){
		$('.content').hide();
		$('.content:first').show();
		$('.tab').click(function(){
			$('.at').removeClass('at');
			$(this).addClass('at');
			$('.content').slideUp();
			var catshow = $(this).attr('abbr');
			$('#'+ catshow).slideDown();
		});
	});
</script>


It is a "combination" from both of the tabs.
I don't know whether it is better or not Biggrin


12-11-2010 03:36 AM
Find all posts by this user Quote this message in a reply
leefish Offline
Hamster
*****
Posts: 1,009
Joined: Apr 2010
Post: #26
RE: Tabs With XThreads
Thanks RateU, but I will leave it as it is for now. Bookmarking Smile


[Image: leelink.gif]
MYBB1.6 & XThreads
12-11-2010 03:37 AM
Visit this user's website Find all posts by this user Quote this message in a reply
Firefox Wins Offline
Member
***
Posts: 164
Joined: Mar 2008
Post: #27
RE: Tabs With XThreads
(12-10-2010 09:45 PM)leefish Wrote:  Firefox - what do you mean? I decided against using those in the link in the end and just changed the action in the tabs RateU provided from slide to fade....

OK, I was talking about the link.
12-12-2010 12:49 PM
Find all posts by this user Quote this message in a reply

« Next Oldest | Next Newest »

 Standard Tools
Forum Jump: