tab box

Go down

In progress tab box

Post by IdaTR on February 16th 2018, 9:18 pm

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 (:
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray on February 16th 2018, 9:39 pm

Whch tab box?


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 16th 2018, 11:20 pm

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? ^^
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray on February 17th 2018, 12:15 am

I do not see a banner with that text.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 17th 2018, 12:56 am



avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray on February 17th 2018, 2:17 am

All I see is this:


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 17th 2018, 11:13 am

try click the exit button ^^
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray on February 17th 2018, 8:26 pm

Nothing happens when I click the exit text.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 17th 2018, 9:19 pm

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

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by SLGray on February 17th 2018, 11:44 pm

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


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

avatar
SLGray
Administrator
Administrator

Male Posts : 43469
Reputation : 3086
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

In progress Re: tab box

Post by Draxion on February 18th 2018, 7:25 am

@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.


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 2140
Reputation : 273
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 18th 2018, 10:04 am

Yea i know (:

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

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 19th 2018, 10:18 am

bump
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 20th 2018, 10:51 am

bump
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by Draxion on February 21st 2018, 12:21 am

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)


NEVER provide your founder's account or email
Please provide forum's URL when dealing with design and appearance issues
Don't forget to mark the topic as when the issue is resolved. This helps the staff greatly.
PM Support is prohibited!
TOS | General Rules | FAQ | Tricks & Tips | Latest Updates | Introduce Yourself

avatar
Draxion
Support Moderator
Support Moderator

Male Posts : 2140
Reputation : 273
Language : English
Location : USA

http://www.draxionsgameden.com/

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 21st 2018, 1:20 am

@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
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 25th 2018, 11:39 am

bump
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by Luffy on February 25th 2018, 12:05 pm

Hello @IdaTR,

So if i understood correctly, this is what you are looking for?
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 25th 2018, 8:11 pm

@Luffy wrote:Hello @IdaTR,

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

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?
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by Luffy on February 26th 2018, 12:55 pm

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?
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 26th 2018, 1:20 pm

Yea thats what I want ^^
avatar
IdaTR
Forumember

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by Luffy on February 26th 2018, 1:24 pm

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>
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on February 27th 2018, 7:13 pm

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

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by Luffy on February 27th 2018, 7:34 pm

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..
avatar
Luffy
Manager
Manager

Male Posts : 5510
Reputation : 607
Language : Greek, English
Location : Greece

https://www.crossroadz.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on March 5th 2018, 11:25 am

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

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

http://www.vielamort.net

Back to top Go down

In progress Re: tab box

Post by IdaTR on March 12th 2018, 11:21 am

bump
avatar
IdaTR
Forumember

Female Posts : 542
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