The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
#11
|
||||
|
||||
It's not impossible at all, but you will need to use something like firebug to view all the CSS being applied to it and then create your own.
|
#12
|
|||
|
|||
Quote:
Am I duplicating the wrong class? If, Code:
<a class="newcontent_textcontrol" "href="http://www.urlhere.com">button text here</a> Code:
<a class="new_custom_class" href="http://www.urlhere.com">button text here</a> I'm honestly stumped on this I felt like I've gone through every single css file here and can't find the correct class to duplicate and edit... I will do 100 push-ups if you can figure this connundrum out for me (not all at once though I'm not in that good of shape) |
#13
|
||||
|
||||
No, they shouldn't necessarily show the same thing. What if the CSS you are stealing it from is like this:
HTML Code:
<div class="thisclass"> <a class="newcontent_textcontrol" "href="http://www.urlhere.com">button text here</a> </div> HTML Code:
<div class="otherclass"> <a class="new_custom_class" href="http://www.urlhere.com">button text here</a> </div> |
#14
|
|||
|
|||
Interesting, so are you saying that I need to add MORE to the new entry I put in additional.css?
I posted above, the css class you pointed out in that template, do I need to have that AND the contents of another class somewhere as well? I'm kind of understanding the cascading stylesheets thing, I just don't know how to put it together and get this to work. This is what I have so far (which isn't working), Code:
.my_new_button { background: {vb:stylevar control_content_background}; _background-image: none; -moz-border-radius: {vb:stylevar control_content_radius}; -webkit-border-radius: {vb:stylevar control_content_radius}; -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color}; -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color}; font: {vb:stylevar control_content_font}; color: {vb:stylevar control_content_color}; padding: {vb:stylevar control_content_padding}; border: {vb:stylevar control_content_border}; display:block; clear: {vb:stylevar right}; } |
#15
|
||||
|
||||
Since you have not provided any link to be able to see exactly what CSS is being used on the custom button, and a link to see exactly what CSS is being used on the button you are trying to copy, it's impossible to see what is missing. I am pretty sure when you look at the button using firebug that you are no seeing just that one class - I'll bet there is a whole list of stuff on the right side. *All* of those items listed on the right side are adding to the style of the button you are looking at.
|
#16
|
|||
|
|||
Hmm, ok.
Well, for starters I haven't tested the button in any 'particular' place, however I've been testing it in the advertising spots. I want to create ads, with the custom buttons underneath. The ads will show pretty much anywhere, I'm talking in the header AND in first/last post of threads. I've tested the HTML I provided in these ad spots, so if you were to put the code in for example, the global ad that shows above forums (large banner spot), you should be the same results as my own. I was putting the button in center tags to test, in the top ad area and first/last post ad areas. |
#17
|
||||
|
||||
I just added this to my additional.css template:
HTML Code:
.my_custom_button { background: {vb:stylevar control_content_background}; _background-image: none; -moz-border-radius: {vb:stylevar control_content_radius}; -webkit-border-radius: {vb:stylevar control_content_radius}; -moz-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color}; -webkit-box-shadow: 0 3px 8px {vb:stylevar control_content_shadow_color}; font: {vb:stylevar control_content_font}; color: {vb:stylevar control_content_color}; padding: {vb:stylevar control_content_padding}; border: {vb:stylevar control_content_border}; display:block; float: {vb:stylevar left}; clear: {vb:stylevar right}; } HTML Code:
<a class="my_custom_button" href="http://www.somelink.com">Click here button</a> Isn't that what you want? |
#18
|
|||
|
|||
Ok that does recreate the button, however it is still a forced left alignment.
If I remove the following from the css entry, Code:
float: {vb:stylevar left}; clear: {vb:stylevar right}; So at least now I have a css class to mess with, any idea how I should modify this class so there's no forced left alignment, but keep the button the same size as the text as it is by default in vbulletin? BTW thanks Lynne I appreciate your help this is driving me nuts. I apologize if I'm driving you nuts as well |
#19
|
||||
|
||||
Well, in that particular spot, if you remove those two lines, and you leave it in that ad spot, then you would need to look at the CSS for "#ad_global_header1" because it is surrounded by <div>s with that id and it so happens that the CSS for that floats it left. So, you would need to write some custom CSS to not float the ad div left also.
|
#20
|
|||
|
|||
Oh boy. I didn't realize it was going to be this complicated to make a custom button that looks like my forum and doesn't have a forced left alignment. I give up.
I can center anything else I want to center, anywhere on the forum, except for this button I can't stand it. Going to have to hire a coder or something. Thanks Lynne. |
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|