Coding Noob Here

[Kuno]

Hi,just some quick questions:

How do you make the youtube videos in your posts smaller? I've seen them on people's characters sheets and I wanted to do it on my own.

Also, is there any way to change the color on the custom tabs that we're able to make?

Thanks in advance

 

[Nemopedia]

Check out this resource that explains it for you: GRAPHICS SHOP - Sam's bbCode Tidbits!

I'm not sure what custom tabs you are talking about, but I assume you are trying to figure out the stab thing? I cheated by peeking at @darkflames13's code, but you will have to 'cut' out the top tabs by setting the height and using an overflow:hidden property. From there you create new 'links' with the {slide=1} (tab=1} {/tab} and so on. It is a bit of a hassle, but it does the job and you can customise your buttons like that. Be sure to repeat the {tab=...} in each new slide, or you won't be able to click through.

I have been trying this out myself here and put the same code I used in plain underneath the spoilers, but I also cut out the specific code you need to work with. The rest is then a matter of repeating.

[div=
height: 600px;
overflow:hidden;][div=
margin: auto;
bottom: 55px;]
[stabs=bcenter | 500x500]
{slide=One}[div=
width: 25%;
display: inline-block;
float: left;][div=
margin-left: 5px;
margin-bottom: 5px;
background: HEXCODE;
height: 50px;][div=
color: HEXCODE;
vertical-align: middle;
text-align: center;
font-weight:bold;]
{tab=1} Here {/tab}[/div][/div][/div][div=
width: 25%;
display: inline-block;
float:left;][div=
margin-left: 5px;
margin-bottom: 5px;
background: HEXCODE;
height: 50px;][div=
color: HEXCODE;
vertical-align: middle;
text-align: center;
font-weight:bold;]
{tab=2} Two {/tab}[/div][/div][/div][div=
width: 25%;
display: inline-block;
float:left;][div=
margin-left: 5px;
margin-bottom: 5px;
background: HEXCODE;
height: 50px;][div=
color: HEXCOD;
vertical-align: middle;
text-align: center;
font-weight:bold;]
{tab=3} Three {/tab}[/div][/div][/div][div=
width: 25%;
display: inline-block;
float:left;][div=
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;
background: HEXCODE;
height: 50px;][div=
color: HEXCODE;
vertical-align: middle;
text-align: center;
font-weight:bold;]
{tab=4} Four {/tab}[/div][/div][/div]
 
[div=
color: HEXCODE;
font-family: FONT;
text-align: justify;]
TEXT [/div]{/slide}[/div][/div]

 

[darkflames13]

If it's the regular tabs you're wondering about, you can change the background of each one by adding having a div with a negative margin. Unfortunately, it doesn't allow us to change the tab's appearance, just the content's. ;w;

Tab 1 Tab 2

• Plain background
• Pattern background

[tabs]
[tab=Tab 1][div=height:200px; background:<colour goes here>; color:white; margin:-10px; padding:10px;]Plain background[/div][/tab]
[tab=Tab 2][div=height:200px; background:url(<img url goes here>); color:black; margin:-10px; padding:10px;]Pattern background[/div][/tab]
[/tabs]

 

[Kuno]

Thank you both! And yes Nemo, those were the tabs I was talking about. I'm going to try out both those things pretty soon (I'm trying to get an rp up and make it look nice lol)