v4 forum skin designer - completely lost ;C

[PIXEL 01V]

Yeah the style sheet page isn't much of a help for me :C oh well

[Shorty]

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• Is there a way to separate the menu buttons from the header as well as remove the bar where the login buttons are to begin with? I had a code which had the menu buttons placed into its own div called Menu_Div. As far as i've been able to tell the code <*Header> </header> in the table wrapper in the admin page can take care of actually removing the header, which I want to remove to mimic my v4 version more.

It's possible. How exactly(or where exactly) are you wanting the menu? And what bar are you talking about?

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• Is there any way to move the navigation par telling you where you are in the forums? I want to move it so that it is below the advertizement. Better yet, remove it completely and place it somewhere else as only text to mimick my v4 site.
  

Read this thread.

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• Where can I change the CSS for the boards, category backgrounds and title backgrounds as well as figure out how to remove the "THREADS" column and the "POSTS" column and remove the "LAST POST" column and then move the "LAST POST" information elsewhere similar to how my boards presents that information?

You can edit all this by going to Admin Home > Themes > Colors & Styles. Removing those columns is possible with a template modification.

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• Is there a way to replicate what I had done for the login box below the menu buttons? That coding seems to somewhat work still but acts a little wonky. It was this code that was placed near the bottom of the global headers IIRC, below the div for Menu_Div IIRC ((Obviously I didn't make anything but the CSS coding that went with it, but I did try playing with it.<div class=quicklogin><div id="socialLogins" style="cursor:pointer;text-align:center;"></div>
<script>
(function(){
var gY=window.gigya,gYd=gY.services.socialize;
if(gY&&gYd&&!document.getElementById('componentDiv1')){
var ae = window.addEventListener?['addEventListener','load']:['attachEvent','onload']
window[ae[0]](ae[1],function(){
if(!gYd || !gYd.plugins){var ac=arguments.callee; ac.count=('count'in ac?ac.count++:0); if(ac.count<1000)setTimeout(ac,500);return}
var d=document,g='getElementById',l,q,r,s,t,u='',v,z=gYd.plugins.login.modules;
for(q in z){
if("object" == typeof(z[q]) && "pageDiv" in z[q])l=z[q].pageDiv; else l=null;
if(l){
for(s=l.getElementsByTagName('img'),t=0;t<s.length;t++){
v=s[t].parentNode.parentNode;
u += '<img src="'+s[t].src+ '" width="'+s[t].width+ '" height="'+s[t].height+ '" onclick="pb_openOverlay(); gigya_id = 0; gigya.services.socialize.plugins.login.providerClick(\''+q+'\',\''+v.title.toLowerCase()+'\')">&nbs'+'p;';
}
}
}
if(u)d[g]('socialLogins').innerHTML=u;
},false)
}
})()
</script>

<form action="/index.cgi" method="post" name="sideloginform" onsubmit="disable(this);if(location.href.indexOf('action=logout')==-1)this.redirect.value=location.href;">
<input type="hidden" value="/index.cgi" name="redirect">
<input type="hidden" name="action" value="login2">
<img onload="document.getElementById('sidelogout').style.display=(pb_username=='Guest'?'none':'')" src="http://s3.images.proboards.com/blank.gif">
<center><table width="100%" cellspacing="3" cellpadding="0" border="0">
<tbody><tr>
<td width="0%" align="right"><input type="text" name="username" size="18" tabindex="3001" maxlength="18" class="sidelogin user"></td>
<td width="0%" align="left"><input type="password" name="password" size="18" tabindex="3002" class ="sidelogin password"></td>
</tr><tr>
<td width="100%" align="center" colspan="2">
<input type="submit" value=" Login " tabindex="3004" class="sidelogin submit">
<input type="button" style="display: none;" id="sidelogout" onclick="location.href='/index.cgi?action=logout'" value="Logout" class="sidelogin logout">
</td></tr><tr><td align="center" colspan="2"><div id="pm_text"></div></td></tr>
</tbody></table></center>
</form></div>
  Related CSS:.quicklogin {
background-color: #36253F;
position: absolute;
padding: 8px 8px 16px 8px;
width: 382px;
height: 85px;
right: 201px;
top: 312px;
border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;

}
.quicklogin a {
color: #EDBC7E;

}
.quicklogin a:hover {
color: #B16593;

}
#pm_text {
font-family: arial;

}
#pm_text p{
padding: 0px;
margin: 5px 0px 0px 0px;

}
#pm_text a {
font-family: arial;
color: #EDBC7E;

}
#pm_text a:hover {
color: #B16593;

This won't be possible to do since the login form is not on your forum. It's on ProBoards secure network. Sorry.

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• Is there any known way to use a money hack code? AKA where you create a system where a player gets a certain number of points every time they post in a board where the post count is enabled and that staff members can modify how many points they have by subtracting or adding to it as they wish.

Here is a plugin for just that. Note it's still in Beta. So you might find bugs or something, etc. If you do, then inform Peter in that thread.

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• What's up with the [*table] code? It works as far as I see, but there are certain features that were in the Enhanced UBBC Table code made by EtonBones that I had a fancy for. A preview of what I mean is in the link in my first post going to the application template - the [atrb=] statements changing things about the tables and the [cs=5] thing which is short for [columnspan] so that a single cell could span 5 columns within a table... is v5 capable of replicating any of that?
  

You don't need a code to do this with the table. You can do it in v5 already. Ex.

Row 1 column 1	Row 1 column 2	Row 1 column 3	asdfaasdfasdfasdfsdf
Row 2 column 1	Row 2 column 2	Row 2 column 3
Row 3 column 1	Row 3 column 2	Row 3 column 3

Bad color choices, but it works. lol

Here's my table in UBBC:

[table][tbody][tr][td style="border:1px solid #fff;padding:3px;background-color:#ff0000;"]Row 1 column 1[/td][td style="border:1px solid #1979e6;padding:3px;background-color:#efefef;"]Row 1 column 2[/td][td style="border:1px solid #000;padding:3px;"]Row 1 column 3[/td][td rowspan="3" colspan="2" style="border: 1px solid purple"]asdfaasdfasdfasdfsdf[/td][/tr][tr][td style="border:1px solid #000;padding:3px;"]Row 2 column 1[/td][td style="border:1px solid #000;padding:3px;"]Row 2 column 2[/td][td style="border:1px solid #000;padding:3px;"]Row 2 column 3[/td][/tr][tr][td style="border:1px solid #000;padding:3px;"]Row 3 column 1[/td][td style="border:1px solid #000;padding:3px;background-color:blue;"]Row 3 column 2[/td][td style="border:1px solid #000;padding:3px;background-color:yellow;"]Row 3 column 3[/td][/tr][/tbody][/table]

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

• Going along the same lines with the above bulletin, the more recent releases of the Style UBBC Tags created by ipokemon allowed for tags he called [classy]. AKA you could create divs to insert inside anywhere of your post by declaring it somewhere in your post. Like [div class="line"][/div]

[newclass=.line]background: #463251; float: top; margin: 14px 0px 0px 0px; height: 2px; display: block; width: 250px;[/newclass]
  This was useful because it allowed you to create little CSS things that you put inside of another [style=] tag, if you get my meaning. It also let you condense the coding of posting templates by having [div class="title"]TITLEHERE[/div] instead of a much larger declaration for every time you wanted to use the exact same CSS that you used for "Title". Is there any way to do this naturally in V5? Sorry if I sound really dumb here :C
  

You can do inline CSS now with UBBC. 
 

Dec 5, 2012 13:54:29 GMT -8 PIXEL 01V said:

I'm also not so sure how CSS should work for V5. Do I just look for the class of what i'm looking for, like #board-7.board.item.first or something, then do<style type="text/css">
#board-7 {
margin-left: -15px;
font-size: 10px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transform: translateX(-11px);
-webkit-transform: translateX(-11px);
-o-transform: translateX(-11px);
-moz-transform: translateX(-11px);
background-position: top center;
background-repeat: no-repeat;

}
</style>
... or something? It took me three different forum attempts, me looking at open source skins of several other people, a lot of carousing on http://www.w3schools.com/css/default.asp and a lot of experimentation to find out how CSS worked to fix up the site I have now. Now I feel like everything is different and it's... blarg @_@

CSS in v5 is really the same as in was in v4, except you now have a style sheet you can put all your CSS. I can't teach you CSS. That's something you will need to learn on your own. W3Schools is a good place to start with that as well.

[PIXEL 01V]

Thank you for all of the information you have given me! Some of it really helped a lot.

How exactly(or where exactly) are you wanting the menu? And what bar are you talking about?

Basically in the exact same format as I had it on my v4 site 0-1-vector-rp.proboards.com/index.cgi The code I used to move the menu in v4 was a script that let the menu bar be anywhere by putting its contents into a div that you can place in the general headers/footers. I used this CSS code to go with the div class.

Also, about the bar - forget what I was talking about. Due to silly shennanigans I ended up merging two different paragraphs, somehow. The result was the weird stuff about a login bar O-o. I'm just concerned with removing the entire <*header> and making the menu bar into something I can turn into a div to put wherever I want in the global header/footer ((or at least put it above my boards, outside of the div that's wrapped around my boards here 0-1-vector-real-beta.freemessageboards.com/

Oh yeah and this was the CSS i used for the menu_div that's on my v4 site, if you wanted that for any reason O-o

#menu_div {
text-transform: uppercase;
float: center;
position: absolute;
width: 325px;
right: 237px;
top: 210px;
background-color: transparent;

}
#menu_div a:hover {
cursor: crosshair;
width: 325px;
}

#menu_div p {
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;

}
#menu_div p a {
text-shadow: none;
font: 22px wire one;
color: #EDBC7E;
background-color: #36253F;
padding: 8px;
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;

}
#menu_div p a:hover {
color: #B16593;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-shadow: 3px 0px 15px #B16593;
box-shadow: 3px 0px 15px #9264A9;
-webkit-box-shadow: 3px 0px 15px #9264A9;
cursor: crosshair;

}
Do btable declarations still work? AKA making a set of styles take effect over the entire table. Would that be done through like [tbody style= blabla;] or something?

And when I spoke about my problems with CSS in v5, I meant that I am having trouble finding out what variables I can change in v5. I coded all of the CSS for my forums in v4, my only problem is just figuring out what things I can change. Like there's the div#content on the main page of v5 that seems to be equivalent to what the table.bordercolor is in v4. Really, the biggest thing that's been sort of confusing me is the plugins. So in order to change the CSS of #content the CSS changes need to be put into the header/footers and not as part of the CSS code of the plugins? I'm sort of dumb sometimes and can get my mind caught on the silliest of things. The main reason for this post was to figure out if there were any built-in features for the above things that I posted, such as the template modification you mentioned to me. I'll have to check that out.

You saying that the CSS works how it used to did help me understand what's going on with V5 more though.

(The quicklogin) won't be possible to do since the login form is not on your forum. It's on ProBoards secure network. Sorry.

Oh, yeah. I forgot about the new way you login to global accounts now... I'm sure it really is impossible now that you put it like that.
Is there a way I could learn how to create a button that leads you to the login URL, though? I could probably find my own way to do it eventually but my HTML experience is limited :C I'm not even sure it would use HTML. I had to find an open source code that brought up the login fields and then I just fiddled with the CSS/HTML that put the fields into a pretty little box. I really just want to make it so that it's similar to my site in that the login button is below the header and below the menu buttons. XD

You can do inline CSS now with UBBC.

Sorry to sound dumb, but how exactly do you do that? To do something like <div class="title"> or <p class="title"> with UBBC, how would you define what "Title" is with CSS? Would I need to define what that class is within a plugin/the global headers/footers? Does that work?

[Shorty]

Dec 5, 2012 18:31:19 GMT -8 PIXEL 01V said:

Basically in the exact same format as I had it on my v4 site 0-1-vector-rp.proboards.com/index.cgi The code I used to move the menu in v4 was a script that let the menu bar be anywhere by putting its contents into a div that you can place in the general headers/footers. I used this CSS code to go with the div class.

Also, about the bar - forget what I was talking about. Due to silly shennanigans I ended up merging two different paragraphs, somehow. The result was the weird stuff about a login bar O-o. I'm just concerned with removing the entire <*header> and making the menu bar into something I can turn into a div to put wherever I want in the global header/footer ((or at least put it above my boards, outside of the div that's wrapped around my boards here 0-1-vector-real-beta.freemessageboards.com/


#menu_div {
text-transform: uppercase;
float: center;
position: absolute;
width: 325px;
right: 237px;
top: 210px;
background-color: transparent ;

}
#menu_div a:hover {
cursor: crosshair;
width: 325px;
}

#menu_div p {
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;

}
#menu_div p a {
text-shadow: none;
font: 22px wire one;
color: #EDBC7E;
background-color: #36253F;
padding: 8px;
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;

}
#menu_div a:hover {
color: #B16593;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-shadow: 3px 0px 15px #B16593;
box-shadow: 3px 0px 15px #9264A9;
-webkit-box-shadow: 3px 0px 15px #9264A9;
cursor: crosshair;

}

Alright, we are just gunna take this one thing at a time. So as I don't get confused lol. The menu is already in a div, it has an id of navigation-menu.

Find this in your forums style sheet. Approximately, line 259.

#navigation-menu { padding: 0 8px; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_background; border: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_border; .rounded-corners(0, 0, <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_border_radius, <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_border_radius); }[div]#navigation-menu a { position: relative; }[/div][div]#navigation-menu > ul, #navigation-menu > ul li { float: left; }[/div][div]#navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_color; font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_font; text-decoration: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_decoration; text-shadow: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_shadow; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_background; line-height: 31px !important; }[/div][div]#navigation-menu > ul li:hover a { color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_color; font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_font; text-decoration: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_decoration; text-shadow: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_shadow; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_background; line-height: 31px !important; }[/div][div]#navigation-menu > ul li a.state-active { color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_color; font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_font; text-decoration: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_decoration; text-shadow: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_shadow; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_background; line-height: 31px !important; }[/div][div]#navigation-menu div.tip-holder { position: absolute; top: -8px; right: 3px; display: inline-block; }[/div][div]#navigation-menu div.tip-holder div.tip-number { padding: 3px 7px 2px 7px; background-color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_background; .rounded-corners(<span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_border_radius); font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_font; line-height: .8em; text-shadow: none; .box-shadow(2px, 2px, 2px, <span atuser="shadow"><a href="/user/11847" title="<span atuser="shadow"><a href="/user/11847" title="@shadow" class="user-link user_11847">shadow</a></span>" class="user-link user_11847">shadow</a></span>_color); height: .8em; color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_text_color; }[/div][div]#navigation-menu div.tip-holder span.tip { border-top: 4px solid <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; }

Then replace it with this,

/*#navigation-menu { padding: 0 8px; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_background; border: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_border; .rounded-corners(0, 0, <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_border_radius, <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_border_radius); }[/div][div]#navigation-menu a { position: relative; }[/div][div]#navigation-menu > ul, #navigation-menu > ul li { float: left; }[/div][div]#navigation-menu > ul li a { display: inline-block; padding: 0 .75em; color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_color; font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_font; text-decoration: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_decoration; text-shadow: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_shadow; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_background; line-height: 31px !important; }[/div][div]#navigation-menu > ul li:hover a { color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_color; font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_font; text-decoration: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_decoration; text-shadow: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_shadow; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_hover_background; line-height: 31px !important; }[/div][div]#navigation-menu > ul li a.state-active { color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_color; font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_font; text-decoration: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_decoration; text-shadow: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_shadow; background: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_button_current_background; line-height: 31px !important; }[/div][div]#navigation-menu div.tip-holder { position: absolute; top: -8px; right: 3px; display: inline-block; }[/div][div]#navigation-menu div.tip-holder div.tip-number { padding: 3px 7px 2px 7px; background-color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_background; .rounded-corners(<span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_border_radius); font: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_font; line-height: .8em; text-shadow: none; .box-shadow(2px, 2px, 2px, <span atuser="shadow"><a href="/user/11847" title="<span atuser="shadow"><a href="/user/11847" title="@shadow" class="user-link user_11847">shadow</a></span>" class="user-link user_11847">shadow</a></span>_color); height: .8em; color: <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_text_color; }[/div][div]#navigation-menu div.tip-holder span.tip { border-top: 4px solid <span atuser="nav"><a href="/user/149062" title="<span atuser="nav"><a href="/user/149062" title="@nav" class="user-link user_149062">Crim</a></span>" class="user-link user_149062">Crim</a></span>_bar_bubble_background; border-left: 4px solid transparent; border-right: 4px solid transparent; position: absolute; left: 6px; }*/

This just comments it out so that it doesn't take effect. 

Then at the very bottom of your style sheet place this.


/*Begin Nav Memu CSS*/
#navigation-menu {
text-transform: uppercase;
position: absolute;
width: 700px;
right: 0;    
top: 210px;
background-color: transparent;
}
#navigation-menu a:hover {
cursor: crosshair;
width: 325px;
}
#navigation-menu li {    
display: inline-block;
text-align: center;
vertical-align: middle;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
#navigation-menu li a {
text-shadow: none;
font: 12px wire one;
color: #EDBC7E;
background-color: #36253F;
padding: 8px;
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
border-radius: 16px 16px 16px 16px;
-o-border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;

}
#navigation-menu a:hover {
color: #B16593;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
text-shadow: 3px 0px 15px #B16593;
box-shadow: 3px 0px 15px #9264A9;
-webkit-box-shadow: 3px 0px 15px #9264A9;
cursor: crosshair;
}
/*End Nav Memu CSS*/



Then just add in your banner. And you might need to change some of the numbers in the CSS.

[PIXEL 01V]

Aw fudge, it was that simple? T_T You have been a much larger help than I thought.

I know it looks odd now but I know how to fix it up from there. I thought if I tried using the #navigation_menu it would never be seperate from the header, which I wanted to remove.

I believe I think can fix up the rest of it based on the fix you gave me for the menu buttons. Moving around buttons and tables with CSS is my specialty, my hard part is just figuring out how to actually get my coding to recognize what it should be moving around <.<

My plan now is to move the login link into a field that I can position myself, which should be easy enough. The login/logout/etc links should be everything below
/* Welcome Text / Login / Logout Links */

right? The #welcome class.

[Shorty]

Alright, lol. If you can get the menu from there. Let's move on to the other stuff, lol.

Do table declarations still work? AKA making a set of styles take effect over the entire table. Would that be done through like [tbody style= blabla;] or something?

like if you wanted a cell to have a blue background and red border
[td style="background-color: blue; border-color: red;"]Content[/td]

You'll need to put it in a proper table though. lol

Here's a table with a blue cell and red border.

Row 1 column 1

And when I spoke about my problems with CSS in v5, I meant that I am having trouble finding out what variables I can change in v5. I coded all of the CSS for my forums in v4, my only problem is just figuring out what things I can change. Like there's the div#content on the main page of v5 that seems to be equivalent to what the table.bordercolor is in v4. Really, the biggest thing that's been sort of confusing me is the plugins. So in order to change the CSS of #content the CSS changes need to be put into the header/footers and not as part of the CSS code of the plugins? I'm sort of dumb sometimes and can get my mind caught on the silliest of things. The main reason for this post was to figure out if there were any built-in features for the above things that I posted, such as the template modification you mentioned to me. I'll have to check that out.

You shouldn't need to change the CSS yourself. Use the Colors & Styles theme creator. It gives you control over almost every single element. You don't need plugins to change your CSS, you can add your CSS directly to the style sheet. I would put all CSS you have into the style sheet, instead of headers/footers thats me though. Plugins are the new codes really.

You saying that the CSS works how it used to did help me understand what's going on with V5 more though.

Well, what I meant was the CSS works the same way. Although not all of your CSS will work as there are different classes and id's now.

Oh, yeah. I forgot about the new way you login to global accounts now... I'm sure it really is impossible now that you put it like that.
Is there a way I could learn how to create a button that leads you to the login URL, though? I could probably find my own way to do it eventually but my HTML experience is limited :C I'm not even sure it would use HTML. I had to find an open source code that brought up the login fields and then I just fiddled with the CSS/HTML that put the fields into a pretty little box. I really just want to make it so that it's similar to my site in that the login button is below the header and below the menu buttons. XD

It's possible. Just place this wherever you want it. <a href="URL TO YOUR LOGIN PAGE"><input type="button" value="Login" /></a>

Sorry to sound dumb, but how exactly do you do that? To do something like <div class="title"> or <p class="title"> with UBBC, how would you define what "Title" is with CSS? Would I need to define what that class is within a plugin/the global headers/footers? Does that work?

Using your div example.

Div Content

[div style="background-color:black;width:200px;height:200px;border:1px dashed pink;"]

[div align="center"]


[div style="width:75px;border:5px solid green;"]Div Content[/div][/div][/div]


Inline CSS is this part of the first div, style="background-color:black;width:200px;height:200px;border:1px dashed pink;"

Thats how you add CSS inline.

I hope this helps some.

[PIXEL 01V]

All of this has been very helpful, thank you XD there's just one thing that catches my eye though;

Div Content

Okay, well... this isn't quite what I meant. I'll show you the same example  which was also using Advanced style tags made by ipokemon for  v4.
0-1-vector-rp.proboards.com/index.cgi?action=display&board=upgrade&thread=40&page=1#86

[div style="font-size: 20px; font-family: Tekton Pro Serif; color: #463251; letter-spacing: 3px; text-transform: uppercase; margin-left: 50px;"]update biography[/div][center][table][tr][td][atrb=border,0,bTable][atrb=cellSpacing,0,bTable][atrb=width,565,true][blockquote][atrb=style, border-right: 5px solid #AF7267; border-top: 3px solid #AF7267; border-bottom: 5px solid #DCDEDA; border-radius: 0px 20px 0px 0px; -o-border-radius: 0px 20px 0px 0px; -moz-border-radius: 0px 20px 0px 0px; -webkit-border-radius: 0px 20px 0px 0px, bTable][atrb=valign, top][div style=" border-bottom: 2px solid #463251;"][/div][center][div style="font-size: 20px; font-family: Tekton Pro Serif; color: #686D88; letter-spacing: 3px; text-transform: uppercase; width: 407px; height: 25px; border-right: 2px solid #463251; border-left: 2px solid #463251;"]drastic[/div][/center][div style=" border-bottom: 2px solid #463251; border-top: 2px solid #463251; padding: 27px 15px 0px 15px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; font-family: nyala pro; text-align: justify;"]
[div class="title"]RACE AND/OR CLASS[/div][div class="line"][/div]

[b]NATURE OF CHANGE:[/b][blockquote]WHAT DO YOU WANT US TO CHANGE ABOUT YOUR CHARACTER? SINCE THESE WOULD BE NOTABLY LARGE CHANGES PLEASE SAY THE IC REASON FOR THESE CHANGES AS WELL.[/blockquote]

[/div][center][div style="font-size: 20px; font-family: Tekton Pro Serif; color: #686D88; letter-spacing: 3px; text-transform: uppercase; width: 407px; height: 25px; border-right: 2px solid #463251; border-left: 2px solid #463251;"]slight[/div][/center][div style=" border-bottom: 2px solid #463251; border-top: 2px solid #463251; padding: 27px 15px 0px 15px; -moz-border-radius: 10px; border-radius: 10px; font-size: 12px; font-family: nyala pro; text-align: justify;"]
[div class="title"]TYPE OF CHANGE HERE (history? little physical adjustments?[/div][div class="line"][/div]

[b]NATURE OF CHANGE:[/b][blockquote]WHAT DO YOU WANT US TO CHANGE ABOUT YOUR CHARACTER?[/blockquote]

[/div][/blockquote][/td][/tr][/table][/center][newclass=.title]text-transform: uppercase; float: left; color: AF7267; font-family: georgia pro; font-size: 15px; font-style: bold;[/newclass][newclass=.line]background: #463251; float: top; margin: 14px 0px 0px 0px; height: 2px; display: block; width: 250px;[/newclass]

Every time I use the tag [*div class="line"][/div] it shows what [*div style="background: #463251; float: top; margin: 14px 0px 0px 0px; height: 2px; display: block; width: 250px;"][/*div] would show instead due to [newclass="line"] that's at the end.. That would be preferred for application templates since people who are not so good at coding would need to look at application templates. So if I want to pretty them up with fancy UBBC, I would horribly clutter up the entire post's code for others to look at.

I was wondering if there was any way to do something like this in v5 as well! ^^

[Shorty]

Well built in you can't set classes. You can still style posts the same way for the most part. You can always try and get a code. Just request it in the v5 ugin requests.

[Stinky666]

There is already a money system, called Monetary, created by Peter. Take a look in the V5 Plugin Database

[PIXEL 01V]

Thank you everyone so very much for your help =D