The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

side bar tabs not working right

Go down

Solved side bar tabs not working right

Post by angry tomato on Fri Oct 25, 2013 6:34 pm

hi,

we know how to place sidebar, edit it and stuff, just tabs are making us some big problems. on out forum (http://obladioblada.nicetheme.com/) it does not want to place tabs like here for example (http://cotton-candy-skin.slovenianforum.com/). cotton candy is skin show. so we have the code of sidebar, it just does not want to woek. what is the problem?

thanks


Last edited by angry tomato on Sat Oct 26, 2013 7:18 pm; edited 1 time in total

angry tomato
New Member

Posts : 14
Reputation : 1
Language : slovenian

Back to top Go down

Solved Re: side bar tabs not working right

Post by Ikerepc on Fri Oct 25, 2013 6:59 pm

Hello.

Can you please post what not working right and code what you have?
avatar
Ikerepc
Active Poster

Male Posts : 1150
Reputation : 155
Language : Croatian, HTML, HTML5, CSS, CSS3, jQuery, PHP, SQL, Bascom, Python, C, C++, FBD & LAD for PLC and more... Little English :D
Location : Where web help & support is needed

http://admins.forumotion.com

Back to top Go down

Solved Re: side bar tabs not working right

Post by angry tomato on Fri Oct 25, 2013 7:17 pm

sure. 


Code:
<link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Roboto:400,100' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Grand+Hotel' rel='stylesheet' type='text/css'><div style= "border-left: Solid 0px #E8ADAA; border-right: Solid20px #EDC9AF; border-top: Solid 0px #E8ADAA; border-bottom: Solid 30px #E08E79; padding-right 80px, width: 410px, padding-bottom: 1px; text-align: center;">[color=#454545][font=arial][/font][/color]
<img src="http://placehold.it/350x200">[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
<style type="text/css">[color=#454545][font=arial][/font][/color]
.tabs {[color=#454545][font=arial][/font][/color]
position: relative;  [color=#454545][font=arial][/font][/color]
width: 400px;[color=#454545][font=arial][/font][/color]
height:  300px;[color=#454545][font=arial][/font][/color]
clear: both;[color=#454545][font=arial][/font][/color]
margin: 10px 0;[color=#454545][font=arial][/font][/color]
}[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
.tab {[color=#454545][font=arial][/font][/color]
float: left;[color=#454545][font=arial][/font][/color]
}[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
.tab label {[color=#454545][font=arial][/font][/color]
background: #fff; [color=#454545][font=arial][/font][/color]
padding: 10px; [color=#454545][font=arial][/font][/color]
border: 0px solid #fff; [color=#454545][font=arial][/font][/color]
margin-left: 10px; [color=#454545][font=arial][/font][/color]
position: relative;[color=#454545][font=arial][/font][/color]
left: 140px; [color=#454545][font=arial][/font][/color]
}[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
.tab [type=radio] {[color=#454545][font=arial][/font][/color]
display: none;  [color=#454545][font=arial][/font][/color]
baseline-tab-shift: true, retrieve;[color=#454545][font=arial][/font][/color]
}[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
.content {[color=#454545][font=arial][/font][/color]
position: absolute;[color=#454545][font=arial][/font][/color]
bottom: 0px;[color=#454545][font=arial][/font][/color]
top:20px;[color=#454545][font=arial][/font][/color]
left: 0px;[color=#454545][font=arial][/font][/color]
right: 0px;[color=#454545][font=arial][/font][/color]
background: white;[color=#454545][font=arial][/font][/color]
padding: 10px;[color=#454545][font=arial][/font][/color]
border: 0px solid #fff; [color=#454545][font=arial][/font][/color]
}[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
[type=radio]:checked ~ label {[color=#454545][font=arial][/font][/color]
background: white;[color=#454545][font=arial][/font][/color]
border-bottom: 0px solid white;[color=#454545][font=arial][/font][/color]
z-index: 2;[color=#454545][font=arial][/font][/color]
}[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
[type=radio]:checked ~ label ~ .content {[color=#454545][font=arial][/font][/color]
z-index: 1;[color=#454545][font=arial][/font][/color]
}</style>[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
<center><div class="tabs">[color=#454545][font=arial][/font][/color]
 <div class="tab">[color=#454545][font=arial][/font][/color]
<input type="radio" id="tab-1" name="tab-group-1" checked>[color=#454545][font=arial][/font][/color]
<label for="tab-1">    ▀    </label><div class="content"><div style="width: 350px; height: 14px; font-family: 'Grand Hotel', cursive; font-size: 40px; color: #774F38; font-style: italic;"> Something</div><br><br><div style="width: 360px; height: 12px; font-family: 'Roboto:400,100', cursive; font-size: 10px; color: #E08E79; font-style: italic; text-align: justify;"> This is my first skin. Don't remove credits. But in the third tab, you can add them. However, you can change colours and stuff :D I just really liked the candy cone palette and I got inspired. If you get out of the sidebar, go up and change the height of this on more than 300. whatever suits you.<3 Oh and I want to tnx everyone who helped me with some problems. I'm a noob at coding. Like I said, first skin XD</div>[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
</div> [color=#454545][font=arial][/font][/color]
</div>[color=#454545][font=arial][/font][/color]
  <div class="tab">[color=#454545][font=arial][/font][/color]
<input type="radio" id="tab-2" name="tab-group-1">[color=#454545][font=arial][/font][/color]
<label for="tab-2">▀    </label><div class="content"><a href=" link" style=" TAGS; "><div style="background-color: #774F38; color: white; font-family: Dancing Script; font-size: 10px; padding: 10px; with: 200px; text-align: center; text-transform: smallcase; margin-top: 10px; letter-spacing: 3px">Rulls</div></a>[color=#454545][font=arial][/font][/color]
<a href=" link" style=" TAGS; "><div style="background-color: #E08E79; color: white; font-family: Dancing Script; font-size: 10px; padding: 10px; with: 200px; text-align: center; text-transform: smallcase; margin-top: 5px; letter-spacing: 3px">Cannons</div></a>[color=#454545][font=arial][/font][/color]
<a href=" link" style=" TAGS; "><div style="background-color: #F1D4AF; color: white; font-family: Dancing Script; font-size: 10px; padding: 10px; with: 200px; text-align: center; text-transform: smallcase; margin-top: 5px; letter-spacing: 3px">Link</div></a>[color=#454545][font=arial][/font][/color]
<a href=" link" style=" TAGS; "><div style="background-color: #ECE5CE; color: white; font-family: Dancing Script; font-size: 10px; padding: 10px; with: 200px; text-align: center; text-transform: smallcase; margin-top: 10px; letter-spacing: 3px">Link</div></a>[color=#454545][font=arial][/font][/color]
<a href=" link" style=" TAGS; "><div style="background-color: #774F38; color: white; font-family: Dancing Script; font-size: 10px; padding: 10px; with: 200px; text-align: center; text-transform: smallcase; margin-top: 10px; letter-spacing: 3px">Link</div></a>[color=#454545][font=arial][/font][/color]
<a href=" link" style=" TAGS; "><div style="background-color: #E08E79; color: white; font-family: Dancing Script; font-size: 10px; padding: 10px; with: 200px; text-align: center; text-transform: smallcase; margin-top: 10px; letter-spacing: 3px">Link</div></a>[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
</div> [color=#454545][font=arial][/font][/color]
</div><div class="tab">[color=#454545][font=arial][/font][/color]
<input type="radio" id="tab-3" name="tab-group-1">[color=#454545][font=arial][/font][/color]
<label for="tab-3">▀</label>[color=#454545][font=arial][/font][/color]
  <div class="content"><div style="width: 350px; height: 14px; font-family: 'Grand Hotel', cursive; font-size: 40px; color: #774F38; font-style: italic;"> Credits</div><br><br><div style="width: 360px; height: 12px; font-family: 'Roboto:400,100', cursive; font-size: 10px; color: #E08E79; font-style: italic; text-align: justify;"> <b>HEADER</b> was coded by Becky from ATF.<br></div>[color=#454545][font=arial][/font][/color]
</div>[color=#454545][font=arial][/font][/color]
</div>[color=#454545][font=arial][/font][/color]
[color=#454545][font=arial][/font][/color]
</div>
thats the code we are using, edited, and unfortunately, without tabs. the problem is:
1)its not designed as it should be (its just a usual circle,insteed of squere, that is in the code)
2) or its unclicable (just a sign, that you cant click)

angry tomato
New Member

Posts : 14
Reputation : 1
Language : slovenian

Back to top Go down

Solved Re: side bar tabs not working right

Post by angry tomato on Sat Oct 26, 2013 7:16 pm

we found a solution, thanks anyway.

angry tomato
New Member

Posts : 14
Reputation : 1
Language : slovenian

Back to top Go down

Solved Re: side bar tabs not working right

Post by SLGray on Sun Oct 27, 2013 12:49 am

Garbaged as no solution was given.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 42685
Reputation : 3003
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


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