CSS and Postbit Help

[BasicGreatGuy]

When I attempt to put in the css to your additional.css as written, I get the following error:
The following error occurred when attempting to evaluate this template:
Unclosed Curly Brace Expression

Anyone know how to fix it?

[tbworld]

It may be previous CSS that you posted in 'advanced.css'. There is nothing wrong with the CSS posted.


.addimg {
margin:-2px;
}
.addfriend {
position: absolute;
right: 378px;
}



Post the contents of your "Additional.css' file (If it is not too long) and I will take a look.

[BasicGreatGuy]

Here is my additional.css without the hack .css inserted.[CODE].forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {border-bottom: 1px solid #c3c3c3;}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {font-size:18px; color:#000; font-weight:normal;}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {color:#000; font-weight:normal;}
.forumbit_nopost .subforumdescription {font-size:12px;}
.forumhead {margin-top: 15px;}
.wgo_block .blocksubhead {font-weight: normal; color: #ff0000;}
.blocksubhead {border-top:0px;}
#wgo_onlineusers a {color:#000;}
.threadbit{border-bottom: 1px solid #c3c3c3;}
.threadlisthead span.threadinfo, .threadlisthead span.threadinfo_withnotification, .threadlisthead span.threadstats, .threadlisthead span.threadreplies, .threadlisthead span.threadviews, .threadlisthead span.threadnotification, .threadlisthead span.threadlastpost {padding:10px 0;}
.toolsmenu {border-bottom: 1px solid #c3c3c3;}
.postbit, .postbitlegacy, .eventbit {border-bottom: 1px solid #c3c3c3;}
.formcontrols {border:0px none;}
.wysiwyg_block {border-bottom: 1px solid #c3c3c3;}
.thread_info .inner_block, .info_subblock {border-bottom: 1px solid #c3c3c3;}
.threadbit .nonsticky a.threadstatus, .threadbit .sticky a.threadstatus {height: 76px; width: 70px;}

.forumbit_nopost .subforumdescription {color:#4b4b4b;}

.notices li { padding: 15px;}

.toplinks ul.isuser li.welcomelink { color:#333;}
.navbar {
position: relative;
right: 0;
top: -90px;
float: right;
height: 66px;
width: 74%;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {padding: 10px 0;}

.navtabs li a.navtab {text-transform: uppercase; text-align: left;min-width:auto; padding:0 25px;}

#globalsearch {top:70px;}

.navtabs {padding-left:0px;}

.toplinks form input.textbox { border: 1px solid #e2e2e2; min-width:170px; padding: 6px 4px; float: left;}

.toplinks form input.loginbutton { padding:4px 10px; background: #ff0000; border: 0px; color: #fff; font-size: 14px; font-weight: bold;text-transform: uppercase; position: relative; top:1px; cursor: pointer;}

.toplinks {right:-20px; top:2px;}

.toplinks .remember {float: left;margin: 7px 10px 0px 10px; color:#a2a2a2;}
.toplinks ul.isuser{
margin-right: 10px;
padding-top: 7px;
}

.sub-nav-top {float:right; padding-top: 5px;}
.s-links {float:left; padding-top:2px;}
.s-links ul{float:left;}
.s-links ul li{float:left; font-weight:bold; font-size: 10px; color:#484848;list-style:none; padding:0 5px; text-transform:uppercase;}
.s-links ul li a{color:#484848; text-decoration:none; margin:0 10px;}
.s-links ul li a:hover{color:#ff0000; text-decoration:none;}
.s-social {float:left; padding:0 0px 0 10px;}

.globalsearch .searchbutton {
border: 0px none;
padding: 0px;
background: none repeat scroll 0% 0% #F00;
margin-left: -5px;
margin-top: 0px;
width: 22px;
padding: 4px;
}

.globalsearch{right:0px;}
.globalsearch .buttoncontainer span {
padding-left: 4px;
height: auto;
padding-top: 0px;
}
.globalsearch .buttoncontainer { height:auto;}
.navbar_search {
position: relative;
display: block;
right: -21px;
float: left;
height: 30px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #e2e2e2;
}

.globalsearch input.textbox {
width: 140px;
margin-top: 2px;
border: 0px;
padding: 3px 0 4px 0;
}

#globalsearch {
top: 75px;
width: 310px;
float: right;
}
.navbar_advanced_search {
float: left;
margin-left: 30px;
margin-top: 5px;
height: auto;
}
.navbar_advanced_search li { height: auto;}
.navbar_advanced_search li a { color: #a2a2a2;}
.navbar_advanced_search li a:hover { color: #000; text-decoration:none;}

#sidebar_container {padding: 24px 0px;}
#sidebar_container .block {background:#fff; border-top: 8px solid #a2a2a2;border-bottom: 1px solid #c3c3c3;}
.forum_info .blockbody {border-bottom: 1px solid #c3c3c3; background: #fff;}
#sidebar_container .blocksubhead span.blocktitle {text-transform: uppercase;}
sidebar_postbit_header_font {text-transform: uppercase;}
.widget_post_header a {color:#000 !important; text-decoration: none;text-transform: uppercase;}
.widget_post_header a:hover {text-decoration: none;}

.wgo_block .section {margin-top: 5px; background-color: #fff;border-bottom: 1px solid #c3c3c3;}
.thread_info .blockbody {background-color: #fff;}
.forumbit_nopost .forumhead a.collapse img {top: -12px; right: -2px;}
#sidebar_container .block {background: #fff !important;}

#sidebar_container .userprof_content .blockrow {background: #fff;}

li.activitybit {border-bottom: 1px solid #c3c3c3;}

.userprof_headers {background: #fff; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #c3c3c3;}

.newactivity a, .newactivity > span, .moreactivity a, .moreactivity span {
color: #3e3e3e;
position: relative;
top: 7px;
}

.profile_editor_border, .profile_content .actionbuttons {border-color: transparent;}
.formcontrols input.button, .actionbuttons{border-bottom: 1px solid #c3c3c3;}
.userprof_editor {background: #fff; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #c3c3c3;}

#groupsearch {background: #fff; padding: 5px;border: 1px solid #c3c3c3;}

#albumlist .blockbody {background: #fff; padding-bottom: 10px;}
#usercp_nav .blockrow * a{color:#000;}

.banner_ad{width:100%;}
.banner_ad a img{ margin-top: -30px;}
.adtitle {margin-top: 25px;}

.banner_ad2{width:100%;}
.banner_ad2 a img{ margin-top: 0px;}

#content .blockrow {border-bottom: 1px solid #c3c3c3;}

.forumbits .forumhead h2 span.forumtitle {width:58%;}

#charnav dd a {background: #000; color: #fff; border: 1px solid #000;}

.below_body{padding-top: 20px;}

.footer_links {margin-top: 7px;}

#footer_bottom_widget {width:990px; margin:10px auto 0px auto; border-top:1px solid #a9a9a9;}
#footer_bottom_widget .f_widget {float:left; width: 16%;}
#footer_bottom_widget .f_widget .f_title{float:left; font-family: arial,helvetica,clean,sans-serif; font-size:8px; color:#353535; border-bottom:1px solid #a9a9a9; width:100%; padding: 10px 0 10px 40px; text-transform: uppercase; }

.f_list{padding-left:40px; padding-top:10px;}
.f_list li{ list-style:none; font-family: arial,helvetica,clean,sans-serif; font-size:8px; color:#353535; text-transform: uppercase; line-height: 14px;}
.f_list li a{ color: #353535; text-decoration: none;font-size:8px; }
.f_list li a:hover { color: #ff0000; }

.blockbody.settings_form_border{border: 0px;}
#usercp_content .block {border-bottom: 1px solid #c3c3c3;}

.memberaction.popupmenu a.popupctrl {color:#000;}
.actionbutton_container a.pagetitleinfo.textcontrol {color:#fff !important; Background: #000;}

div.smallavatartext {float:none; margin-top:0px;}
.blogentrylink {color:#000 !important;}

#blogentries .wrapper{background:#fff; padding:10px;}
.below_blogentry {margin-top: 0px; background: #ddd;border-bottom: 1px solid #c3c3c3; padding:5px 0;}
.blogentrybit {border:0px none; padding: 0 0 10px;}
#whatsnewsidebar div.blocksubhead.smaller a {color: #ff0000;}

.bbcode_container div.bbcode_quote {background: #eee; border:1px solid #ccc;}

.yui-ge div.first, .yui-gf .yui-u {background: #fff;}
ul.widget_list > li {padding: 10px;}
.postbitboxes {

/CODE]

[tbworld]

The css you posted above, the very last line, did you not copy the entire template?

See the last line you posted before the */code] element

.postbitboxes { /*Looks like you did not copy the entire template */
Just re-attach the end of the message if it is missing, please do not re-post the entire template. :)

[BasicGreatGuy]

The css you posted above, the very last line, did you not copy the entire template?

See the last line you posted before the */code] element

.postbitboxes { /*Looks like you did not copy the entire template */
Just re-attach the end of the message if it is missing, please do not re-post the entire template. :)

What i posted, is all that is there, from what i see.

[tbworld]

What i posted, is all that is there, from what i see.

The last class is not complete. So for the time being comment out the class, like so:

/* .postbitboxes {} */


That should solve your curlybraces not matching in the template.

[BasicGreatGuy]

The last class is not complete. So for the time being comment out the class, like so:

/* .postbitboxes {} */


That should solve your curlybraces not matching in the template.

I still get the same error. I appreciate your help in trying to solve this problem.

[Max Taxable]

.postbitboxes {

Looks like you inadvertently clipped this definition while editing. It is supposed to be:

.postbitboxes {

color:white;
display:inline-block;
padding:3px;
padding-left:7px;
margin:2px;
border:1px solid #000000;
border-radius:5px;
background-color:#2b2b2b;
width:90%;
box-shadow: 2px 2px 1px #888888;

}I suggest you either restore it or remove it entirely.

[Max Taxable]

Here is my additional.css without the hack .css inserted..forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {border-bottom: 1px solid #c3c3c3;}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {font-size:18px; color:#000; font-weight:normal;}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {color:#000; font-weight:normal;}
.forumbit_nopost .subforumdescription {font-size:12px;}
.forumhead {margin-top: 15px;}
.wgo_block .blocksubhead {font-weight: normal; color: #ff0000;}
.blocksubhead {border-top:0px;}
#wgo_onlineusers a {color:#000;}
.threadbit{border-bottom: 1px solid #c3c3c3;}
.threadlisthead span.threadinfo, .threadlisthead span.threadinfo_withnotification, .threadlisthead span.threadstats, .threadlisthead span.threadreplies, .threadlisthead span.threadviews, .threadlisthead span.threadnotification, .threadlisthead span.threadlastpost {padding:10px 0;}
.toolsmenu {border-bottom: 1px solid #c3c3c3;}
.postbit, .postbitlegacy, .eventbit {border-bottom: 1px solid #c3c3c3;}
.formcontrols {border:0px none;}
.wysiwyg_block {border-bottom: 1px solid #c3c3c3;}
.thread_info .inner_block, .info_subblock {border-bottom: 1px solid #c3c3c3;}
.threadbit .nonsticky a.threadstatus, .threadbit .sticky a.threadstatus {height: 76px; width: 70px;}

.forumbit_nopost .subforumdescription {color:#4b4b4b;}

.notices li { padding: 15px;}

.toplinks ul.isuser li.welcomelink { color:#333;}
.navbar {
position: relative;
right: 0;
top: -90px;
float: right;
height: 66px;
width: 74%;
}

.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {padding: 10px 0;}

.navtabs li a.navtab {text-transform: uppercase; text-align: left;min-width:auto; padding:0 25px;}

#globalsearch {top:70px;}

.navtabs {padding-left:0px;}

.toplinks form input.textbox { border: 1px solid #e2e2e2; min-width:170px; padding: 6px 4px; float: left;}

.toplinks form input.loginbutton { padding:4px 10px; background: #ff0000; border: 0px; color: #fff; font-size: 14px; font-weight: bold;text-transform: uppercase; position: relative; top:1px; cursor: pointer;}

.toplinks {right:-20px; top:2px;}

.toplinks .remember {float: left;margin: 7px 10px 0px 10px; color:#a2a2a2;}
.toplinks ul.isuser{
margin-right: 10px;
padding-top: 7px;
}

.sub-nav-top {float:right; padding-top: 5px;}
.s-links {float:left; padding-top:2px;}
.s-links ul{float:left;}
.s-links ul li{float:left; font-weight:bold; font-size: 10px; color:#484848;list-style:none; padding:0 5px; text-transform:uppercase;}
.s-links ul li a{color:#484848; text-decoration:none; margin:0 10px;}
.s-links ul li a:hover{color:#ff0000; text-decoration:none;}
.s-social {float:left; padding:0 0px 0 10px;}

.globalsearch .searchbutton {
border: 0px none;
padding: 0px;
background: none repeat scroll 0% 0% #F00;
margin-left: -5px;
margin-top: 0px;
width: 22px;
padding: 4px;
}

.globalsearch{right:0px;}
.globalsearch .buttoncontainer span {
padding-left: 4px;
height: auto;
padding-top: 0px;
}
.globalsearch .buttoncontainer { height:auto;}
.navbar_search {
position: relative;
display: block;
right: -21px;
float: left;
height: 30px;
background: none repeat scroll 0% 0% #FFF;
border: 1px solid #e2e2e2;
}

.globalsearch input.textbox {
width: 140px;
margin-top: 2px;
border: 0px;
padding: 3px 0 4px 0;
}

#globalsearch {
top: 75px;
width: 310px;
float: right;
}
.navbar_advanced_search {
float: left;
margin-left: 30px;
margin-top: 5px;
height: auto;
}
.navbar_advanced_search li { height: auto;}
.navbar_advanced_search li a { color: #a2a2a2;}
.navbar_advanced_search li a:hover { color: #000; text-decoration:none;}



#sidebar_container {padding: 24px 0px;}
#sidebar_container .block {background:#fff; border-top: 8px solid #a2a2a2;border-bottom: 1px solid #c3c3c3;}
.forum_info .blockbody {border-bottom: 1px solid #c3c3c3; background: #fff;}
#sidebar_container .blocksubhead span.blocktitle {text-transform: uppercase;}
sidebar_postbit_header_font {text-transform: uppercase;}
.widget_post_header a {color:#000 !important; text-decoration: none;text-transform: uppercase;}
.widget_post_header a:hover {text-decoration: none;}

.wgo_block .section {margin-top: 5px; background-color: #fff;border-bottom: 1px solid #c3c3c3;}
.thread_info .blockbody {background-color: #fff;}
.forumbit_nopost .forumhead a.collapse img {top: -12px; right: -2px;}
#sidebar_container .block {background: #fff !important;}

#sidebar_container .userprof_content .blockrow {background: #fff;}

li.activitybit {border-bottom: 1px solid #c3c3c3;}

.userprof_headers {background: #fff; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #c3c3c3;}

.newactivity a, .newactivity > span, .moreactivity a, .moreactivity span {
color: #3e3e3e;
position: relative;
top: 7px;
}

.profile_editor_border, .profile_content .actionbuttons {border-color: transparent;}
.formcontrols input.button, .actionbuttons{border-bottom: 1px solid #c3c3c3;}
.userprof_editor {background: #fff; border-top: 0px; border-right: 0px; border-left: 0px; border-bottom: 1px solid #c3c3c3;}

#groupsearch {background: #fff; padding: 5px;border: 1px solid #c3c3c3;}


#albumlist .blockbody {background: #fff; padding-bottom: 10px;}
#usercp_nav .blockrow * a{color:#000;}

.banner_ad{width:100%;}
.banner_ad a img{ margin-top: -30px;}
.adtitle {margin-top: 25px;}

.banner_ad2{width:100%;}
.banner_ad2 a img{ margin-top: 0px;}

#content .blockrow {border-bottom: 1px solid #c3c3c3;}

.forumbits .forumhead h2 span.forumtitle {width:58%;}


#charnav dd a {background: #000; color: #fff; border: 1px solid #000;}



.below_body{padding-top: 20px;}

.footer_links {margin-top: 7px;}

#footer_bottom_widget {width:990px; margin:10px auto 0px auto; border-top:1px solid #a9a9a9;}
#footer_bottom_widget .f_widget {float:left; width: 16%;}
#footer_bottom_widget .f_widget .f_title{float:left; font-family: arial,helvetica,clean,sans-serif; font-size:8px; color:#353535; border-bottom:1px solid #a9a9a9; width:100%; padding: 10px 0 10px 40px; text-transform: uppercase; }

.f_list{padding-left:40px; padding-top:10px;}
.f_list li{ list-style:none; font-family: arial,helvetica,clean,sans-serif; font-size:8px; color:#353535; text-transform: uppercase; line-height: 14px;}
.f_list li a{ color: #353535; text-decoration: none;font-size:8px; }
.f_list li a:hover { color: #ff0000; }

.blockbody.settings_form_border{border: 0px;}
#usercp_content .block {border-bottom: 1px solid #c3c3c3;}

.memberaction.popupmenu a.popupctrl {color:#000;}
.actionbutton_container a.pagetitleinfo.textcontrol {color:#fff !important; Background: #000;}

div.smallavatartext {float:none; margin-top:0px;}
.blogentrylink {color:#000 !important;}

#blogentries .wrapper{background:#fff; padding:10px;}
.below_blogentry {margin-top: 0px; background: #ddd;border-bottom: 1px solid #c3c3c3; padding:5px 0;}
.blogentrybit {border:0px none; padding: 0 0 10px;}
#whatsnewsidebar div.blocksubhead.smaller a {color: #ff0000;}

.bbcode_container div.bbcode_quote {background: #eee; border:1px solid #ccc;}

.yui-ge div.first, .yui-gf .yui-u {background: #fff;}
ul.widget_list > li {padding: 10px;}
.postbitboxes {

The bolded ones i am pretty sure (scroll down to see) need to either be commented out with a # in front of it, or needs to have a dot at the front of it. Like this:.sidebar_postbit_header_font {text-transform: uppercase;}Or this:#sidebar_postbit_header_font {text-transform: uppercase;}



And as a general rule, for me to avoid these errors with existing definitions, I put all my own custom definitions and hack definitions in the empty box you see below where this full one is, which is there and left blank for this very purpose. The top box is generally there only for the custom properties the style itself uses.

[BasicGreatGuy]

The bolded ones i am pretty sure (scroll down to see) need to either be commented out with a # in front of it, or needs to have a dot at the front of it. Like this:.sidebar_postbit_header_font {text-transform: uppercase;}Or this:#sidebar_postbit_header_font {text-transform: uppercase;}



And as a general rule, for me to avoid these errors with existing definitions, I put all my own custom definitions and hack definitions in the empty box you see below where this full one is, which is there and left blank for this very purpose. The top box is generally there only for the custom properties the style itself uses.

Got it all fixed. Thanks for the help gents.

[BasicGreatGuy]

I would like to be able to put the "add as friend" button anywhere in the postbit legacy template. Anyone know how to change the code to accomplish that, instead of having it at the bottom of each post?

[tbworld]

Did you try this MOD by @Ozzy47:
https://vborg.vbsupport.ru/showthread.php?t=305246

It has selectable template hooks.


I would like to be able to put the "add as friend" button anywhere in the postbit legacy template.


That would require modifiying the postbit_legacy template yourself. Which is really not that hard to do.

[BasicGreatGuy]

Did you try this MOD by @Ozzy47:
https://vborg.vbsupport.ru/showthread.php?t=305246

It has selectable template hooks.



That would require modifiying the postbit_legacy template yourself. Which is really not that hard to do.

Thank you for the reply. Unfortunately, I do not have FTP access and cannot install Ozzy's mod. That is why i had to pick this mod. I do not know enough about coding, to be able to edit the legacy template in this regard, which would allow me to move the button wherever suits us best.

[tbworld]

Most styles modify the vbulletin "postbit_legacy" template, so unless you are using the default vbulletin style, and you are not using any modification that modifies the "postbit_legacy" template then it will be a bit difficult to assist you. Sorry :(

[BasicGreatGuy]

Most styles modify the vbulletin "postbit_legacy" template, so unless you are using the default vbulletin style, and you are not using any modification that modifies the "postbit_legacy" template then it will be a bit difficult to assist you. Sorry :(

I have made simple changes to the postbit legacy (re: inserting profile extras to display on the left) I haven't done anything major. I back up the templates in case something goes awry. I don't mind trying if you think you might can explain to me where to insert the code etc.

[tbworld]

Show me a picture of your postbit_legacy, and where you want to place the add friend button.

[BasicGreatGuy]

Show me a picture of your postbit_legacy, and where you want to place the add friend button.




-----------------------------

I would like to put the "add as friend" button right under <!-- AddToAny END --></vb:literal>

[tbworld]

I just needed a picture, but that will work. For the sake of the thread it would have been better to attach it. :) Give me a bit, I will send it back with the change. Do me a favor and delete the code in the previous thread and resend the code as an attachment. There is no "</vb:literal>" ending tag in the above template text.

[BasicGreatGuy]

I just needed a picture, but that will work. For the sake of the thread it would have been better to attach it. :) Give me a bit, I will send it back with the change. Do me a favor and delete the code in the previous thread and resend the code as an attachment. There is no "</vb:literal>" ending tag in the above template text.

I attached the legacy as requested to my previous post. The reason I added the literal statements is because the code from "add any" kept giving me curly bracket open end errors and I didn't know any other way to try and fix it. I made sure I had cut and pasted all of the code from their site correctly. It didn't give me that kind of error with the smaller default button they offered. Just the one with more options.

Thank you very much for your time and help. I appreciate it.

[tbworld]

Thanks, makes for a more readable thread. I have to put away my laptop in a few minutes (about to board a plane), but will send it back shortly.

[tbworld]

@BasicGreatGuy, I have reported this thread to the moderators of vbulletin.org to separate the contents into a new thread and clean it up. We hijacked (unintentionally) the original posters thread.

[BirdOPrey5]

Discussion splintered off from: https://vborg.vbsupport.ru/showthread.php?t=310611

[BasicGreatGuy]

@BasicGreatGuy, I have reported this thread to the moderators of vbulletin.org to separate the contents into a new thread and clean it up. We hijacked (unintentionally) the original posters thread.

Good idea.

The moderators took care of your request.