The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

tab box

4 posters

Go down

In progress tab box

Post by IdaTR Fri Feb 16 2018, 22:18

Hello! I'm in love with this tab boks: http://estorica.org/index.php?utm_expid=.gG0v532gQc2gabKVyFRO1A.1&utm_referrer=

But as much as i love it, im quite puzzled as to how they made that starting point where the banner comes up first, and then you can click and there will come some other options?

I've been trying to figure it out from their code, but its all a little messy to me, so i can't seem to figure it out.

I really want to use something alike in my new layout (:
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray Fri Feb 16 2018, 22:39

Whch tab box?


tab box Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: tab box

Post by IdaTR Sat Feb 17 2018, 00:20

At the top, when you click on the banner: The Cycle of malice Estorica
After that, there comes a tab box / bootstrap box forth, i was wondering how do you make that kind of bootstrap? ^^
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray Sat Feb 17 2018, 01:15

I do not see a banner with that text.


tab box Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: tab box

Post by IdaTR Sat Feb 17 2018, 01:56

tab box Udklip11
tab box Udklip12
tab box Udklip10
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray Sat Feb 17 2018, 03:17

All I see is this:
tab box Estori10


tab box Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: tab box

Post by IdaTR Sat Feb 17 2018, 12:13

try click the exit button ^^
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray Sat Feb 17 2018, 21:26

Nothing happens when I click the exit text.


tab box Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: tab box

Post by IdaTR Sat Feb 17 2018, 22:19

well it should go to the first picture that i showed you, but is it possible to do it ? and if so how?
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray Sun Feb 18 2018, 00:44

We can not give you the exact coding since the theme is exclusive.  Someone could know how to achieve something similar.


tab box Slgray10

When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
SLGray
SLGray
Administrator
Administrator

Male Posts : 51464
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

In progress Re: tab box

Post by Draxion Sun Feb 18 2018, 08:25

@SLGray is correct. We can't exactly give you the same coding they use since it's special to them and that theme, but what I can do is give you something similar. I have already coded something for my site on an old theme you can use. You will just have to style it yourself.
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR Sun Feb 18 2018, 11:04

Yea i know (:

And that sounds wonderful!!!! Very Happy thank you so much!
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR Mon Feb 19 2018, 11:18

bump
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR Tue Feb 20 2018, 11:51

bump
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by Draxion Wed Feb 21 2018, 01:21

Sorry, @IdaTR, I have been spending the last few days trying to find the code I mentioned but sadly, it seems I must've replaced it somewhere. I will find something you can use instead. Give me a few more days (I'm a busy person. ;P)
Draxion
Draxion
Helper
Helper

Male Posts : 2518
Reputation : 321
Language : English
Location : USA

https://www.talesoftellene.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR Wed Feb 21 2018, 02:20

Draxion wrote:Sorry, @IdaTR, I have been spending the last few days trying to find the code I mentioned but sadly, it seems I must've replaced it somewhere. I will find something you can use instead. Give me a few more days (I'm a busy person. ;P)

Thats alright xD i thought you had forgotten about me.. :p
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR Sun Feb 25 2018, 12:39

bump
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by TheCrow Sun Feb 25 2018, 13:05

Hello @IdaTR,

So if i understood correctly, this is what you are looking for?
tab box Tested10
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

In progress Re: tab box

Post by IdaTR Sun Feb 25 2018, 21:11

Luffy wrote:Hello @IdaTR,

So if i understood correctly, this is what you are looking for?
tab box Tested10

Yes and no. The tab box should show a banner to begin with, afterwards some new options like: Plot, News, Chatbox etc. should come up.

So the banner should be a jump link to the new tab menu which has an option of going back to the front page (:

Does it make sense?
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by TheCrow Mon Feb 26 2018, 13:55

Yes the build up of the code is up to your expectations. I am talking about the function of the needed problem. Isn't this what you want?

Have an image, instead of the text to begin with as a link and once clicked to display something else, whatever you want with an other image, the exit one to return to the first linked image. Am i wrong to what i understood?
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

In progress Re: tab box

Post by IdaTR Mon Feb 26 2018, 14:20

Yea thats what I want ^^
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by TheCrow Mon Feb 26 2018, 14:24

Here is a simple example of the function you want in a HTML page:

Code:
<div class="outterBox">
  <div class="textToHide"><a href="#">FIRST IMAGE HERE</a></div>
  <div class="textToAppear" style="display:none">WHATEVER ELSE WILL APPEAR AFTER YOU CLICK THE FIRST IMAGE </div>
  <div class="returnToStart"><a href="#" style="display:none">EXIT IMAGE OR TEXT</a></div>
</div>

<style>
  .outterBox {
    display: block;
    margin: 50px 0 100px 0;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    font-family: Trebuchet MS;
  }
</style>

<script>
  $(document).ready(function(){

    //This part hides the first image and appears the others
    $('.textToHide a').click(function(){
      $(this).toggle(1000);
      $('.textToAppear').toggle(1000);
      $('.returnToStart a').toggle(1000);
    });

    //This part hides the exit and the rest and shows the beginning image
    $('.returnToStart a').click(function(){
      $(this).toggle(1000);
      $('.textToAppear').toggle(1000);
      $('.textToHide a').toggle(1000);
    });


  });
</script>
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

In progress Re: tab box

Post by IdaTR Tue Feb 27 2018, 20:13

its going to be in the header, is it still possible to use it there?
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by TheCrow Tue Feb 27 2018, 20:34

Hey,

It's going to be in a HTML page in your forum set to have your forum header and set to be as the homepage..
TheCrow
TheCrow
Manager
Manager

Male Posts : 6898
Reputation : 794
Language : Greek, English

https://forumote.forumotion.com

Back to top Go down

In progress Re: tab box

Post by IdaTR Mon Mar 05 2018, 12:25

But if i want it in the header what do i have to do then?
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR Mon Mar 12 2018, 12:21

bump
IdaTR
IdaTR
Forumember

Female Posts : 547
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum