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

View previous topic View next topic Go down

Solved side bar tabs not working right

Post by angry tomato on October 25th 2013, 12: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 October 26th 2013, 1: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 October 25th 2013, 12:59 pm

Hello.

Can you please post what not working right and code what you have?

Ikerepc
Active Poster

Male Posts : 1114
Reputation : 152
Language : Croatian, HTML, CSS, jQuery, JavaScript, PHP, SQL, Bascom, Python, C, FBD & LAD for PLC and more... Little English :D
Location : Around electronics and progmamming ;)

http://help.forumotion.com

Back to top Go down

Solved Re: side bar tabs not working right

Post by angry tomato on October 25th 2013, 1: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 October 26th 2013, 1: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 October 26th 2013, 6:49 pm

Garbaged as no solution was given.


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


SLGray
Administrator
Administrator

Male Posts : 35677
Reputation : 2375
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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