Avenger Blue Style by TheLastSuperman

[TheLastSuperman]

ahh so ok on the optimizing images note, I found the option in my image editing program for .png it's "Posterize" here is a nifty bit of info too - http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/

How were you going to optimize the images Ozzy? I've only ever thought to optimize .jpg and .gif honestly using default options available not "posterize" so some of this is a little new to me.

[ozzy47]

I tried doing them all, but I can not get any better results from the page test, without screwing up some of the images. So I think they are fine just the way they are, I was just looking to speed up the page load but not if it is going to degrade the images.

[TheLastSuperman]

Hmm I optimized some others (not from this style) using posterize and one example took it from 1.46mb down to 1.05mb and the image looked fine I zoomed in a little as I noted that article said it clumps color regions together. I didn't notice any clumping using the value suggested of 40 but it could vary by image per their example of the image on the background (the image they showed w/ the little Earth globe) so I'll do this later on and simply check each image as I go and refresh the style each time.

If the image looks ok then it is optimized, even if just a little it still helps and if the image looks bad I will not modify the original ;).

[ozzy47]

Cool, cause me and graphics are like water and oil. :)

[kandalf]

First off, Very nice work you did !
Now i got a problem and cant find the solution anywhere.
I added my logo to it but your logo is still in the background, any idee's ?
http://godsgrace.the-remedy.be/

[ozzy47]

How is it that you added your logo? You should have changed the stylevar titleimage, found under the group, ImagePaths.

[TheLastSuperman]

First off, Very nice work you did !
Now i got a problem and cant find the solution anywhere.
I added my logo to it but your logo is still in the background, any idee's ?
http://godsgrace.the-remedy.be/

See below...

How is it that you added your logo? You should have changed the stylevar titleimage, found under the group, ImagePaths.

Correct ^ and thanks Ozzy.

The css for the header logo still references the stylevar "titleimage" ;).

.abimage {
background: url({vb:stylevar titleimage}) center center no-repeat !important;
height: 155px !important;
margin-left: 0px !important;
}

Edit: Now that I took another minute to look at it, I realized you were simply trying to make the logo clickable as well, to do this simply edit template header...

Find:
<div class="ablogo">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a></div>
</div>


Fixed Width Replace with:
<div class="ablogo">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></a></div>
</div>

Fluid Width Replace with:
<div class="ablogo">
<div class="abimage"><a name="top" href="{vb:link forumhome}"><img src="images/avenger_blue/misc/home.png" width="100%" height="150px" alt="{vb:raw vboptions.bbtitle}" /></a></div>
</div>


Now the logo is clickable.
*Additionally this utilizes a transparent image so anyone right-clicking to copy your logo will not be able to, they can still obtain the url via source code or firebug for example though.

[crazyboy1661]

Superb Style TheLastSuperman. Installed on our live board and it is absolutely nice. Rated 5.

[kandalf]

Thanks ! Fixt now !

[ozzy47]

*Additionally this utilizes a transparent image so anyone right-clicking to copy your logo will not be able to, they can still obtain the url via source code or firebug for example though.

Say what? All they have to do is select View Background Image, when they right click, and then they can grab it from there, or am I missing something.

[TheLastSuperman]

Say what? All they have to do is select View Background Image, when they right click, and then they can grab it from there, or am I missing something.

^ That is only if you do the edit to make the logo clickable. I did it so the titleimage var is used in the css in the background: definition so to make it clickable you remove the <vb:comment> code and the image it pulls is in fact a transparent image so if they right click they will be served up that image instead of the logo.

When I made this style I was thinking why make the logo clickable... we have the navbar it has a Forums tab it's right there on every page all the time but some do prefer it that way.

[K4GAP]

Any page that is long enough to make the side scroll bar appear, goes wide. (makes bottom scroll appear also).

I thought maybe I could fix it by cutting the background_top.png into narrow strips and change the appropriate code. That didn't work. I went to look at your demo and found that it is the same way. I'm running 1900x1080 resolution if that helps.

To get the desired affect of the glow in the original header, I used that same affect on the blue_avenger_logo.png. It all looks ok so I may suggest that rather than use that really wide header, use a 4 px wide one repeating instead. And place the affect on a blank logo with an additional psd file in your download. Or just make it optional.

[TheLastSuperman]

Any page that is long enough to make the side scroll bar appear, goes wide. (makes bottom scroll appear also).

I thought maybe I could fix it by cutting the background_top.png into narrow strips and change the appropriate code. That didn't work. I went to look at your demo and found that it is the same way. I'm running 1900x1080 resolution if that helps.

To get the desired affect of the glow in the original header, I used that same affect on the blue_avenger_logo.png. It all looks ok so I may suggest that rather than use that really wide header, use a 4 px wide one repeating instead. And place the affect on a blank logo with an additional psd file in your download. Or just make it optional.

Actually the idea about the glow on a different image is on par, what a good suggestion because I had added css code before to remove the scrollbar in X but when I resized the browser it would not allow you to move about as-intended so I removed it before release.

So your idea will be in the next revision ;).

[K4GAP]

Actually the idea about the glow on a different image is on par, what a good suggestion because I had added css code before to remove the scrollbar in X but when I resized the browser it would not allow you to move about as-intended so I removed it before release.

So your idea will be in the next revision ;).

Any idea how to get rid of the side scroll?

[TheLastSuperman]

Any idea how to get rid of the side scroll?

Do me a favor? See if the Fluid Demo (http://www.innovationbyinstinct.com/forums.php?styleid=25) is now fixed for you i.e. no scroll bar at bottom and no extra space on right now when viewing in 1920x1080 and let me know. For me it's fixed but I'd like another set of eyes on it if you don't mind.

If it's now gone then I bloody well fixed it lol and will revise the fluid version tomorrow and release the update ;).

Edit: Ok onemore revision, now check it. @12:38am GMT-5.

[glen290]

Nice style, installed it today, have an issue though, the side blocks have scroll bars on them, how can I get rid of them ?

[TheLastSuperman]

That is related to how you've modified the sidebar to show quotes as well quotes, it has nothing to do with this style however let's see if I can't help :cool:.

Using the link in your signature and changing styles I now see the issue, it could simply be the stylevar for the sidebar width.

AdminCP > Styles & Templates > Style Manager > Style Variable Editor > *Scroll to find: Sidebar > In that family of stylevars edit the top one which is forum_sidebar_width

Try increasing it from 270 in increments of 5 i.e. next try 275 as width, keep saving and refreshing until the sidebar block scrollbars are gone. The issue is the content within the sidebar blocks is wider than the allowed size (based on current width of 270+padding) and therefor adding in the scrollbar to ensure all content is displayed.

Alternatively you can add this to additional.css which should adjust that custom div class you have going (showing the quotes as quotes in the sidebar is the actual area making it too wide), you can do this by editing additional.css and adding this at the very bottom:

.blockrow div.livewall_preview {
margin-right: 6px;
}

margin-right is what we are adding here.

Let me know ;).

[final kaoss]

Here you go, saved you a bit of space with pnggauntlet.

[TheLastSuperman]

Here you go, saved you a bit of space with pnggauntlet.

I'll check these tonight and reply back once I do, should be good to go though and if so - THANKS :D.

[K4GAP]

Do me a favor? See if the Fluid Demo (http://www.innovationbyinstinct.com/forums.php?styleid=25) is now fixed for you i.e. no scroll bar at bottom and no extra space on right now when viewing in 1920x1080 and let me know. For me it's fixed but I'd like another set of eyes on it if you don't mind.

If it's now gone then I bloody well fixed it lol and will revise the fluid version tomorrow and release the update ;).

Edit: Ok onemore revision, now check it. @12:38am GMT-5.

Your sites fluid version looks good now. I don't run the fluid version. I'm in no hurry. The Grandkids are still here for a few more days so I can't spend much time on the pc anyway :)

[TheLastSuperman]

Your sites fluid version looks good now. I don't run the fluid version. I'm in no hurry. The Grandkids are still here for a few more days so I can't spend much time on the pc anyway :)

Hmm try replacing your .ablogo definition in additional.css with this one:

.ablogo {
min-width: 100% !important;
min-height: 156px !important;
background: #0c121e;
background-color: #0c121e;
background-image: url(images/avenger_blue/misc/background_top.png) !important;
background-repeat: repeat-x !important;
background-position: center top !important;
background:{vb:stylevar header_background};
margin-left:-{vb:math 946/2}px !important;
margin-right:-{vb:math 948/2}px !important;
-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
overflow: hidden;
}

For me it's fixed and on the demo, this should sort yours and will be included in the next revision but let me know if otherwise ;).

[glen290]

That is related to how you've modified the sidebar to show quotes as well quotes, it has nothing to do with this style however let's see if I can't help :cool:.

Using the link in your signature and changing styles I now see the issue, it could simply be the stylevar for the sidebar width.

AdminCP > Styles & Templates > Style Manager > Style Variable Editor > *Scroll to find: Sidebar > In that family of stylevars edit the top one which is forum_sidebar_width

Try increasing it from 270 in increments of 5 i.e. next try 275 as width, keep saving and refreshing until the sidebar block scrollbars are gone. The issue is the content within the sidebar blocks is wider than the allowed size (based on current width of 270+padding) and therefor adding in the scrollbar to ensure all content is displayed.

Alternatively you can add this to additional.css which should adjust that custom div class you have going (showing the quotes as quotes in the sidebar is the actual area making it too wide), you can do this by editing additional.css and adding this at the very bottom:

.blockrow div.livewall_preview {
margin-right: 6px;
}

margin-right is what we are adding here.

Let me know ;).

Tried both of those and still the same, bit strange....:confused:

[K4GAP]

Hmm try replacing your .ablogo definition in additional.css with this one:

.ablogo {
min-width: 100% !important;
min-height: 156px !important;
background: #0c121e;
background-color: #0c121e;
background-image: url(images/avenger_blue/misc/background_top.png) !important;
background-repeat: repeat-x !important;
background-position: center top !important;
background:{vb:stylevar header_background};
margin-left:-{vb:math 946/2}px !important;
margin-right:-{vb:math 948/2}px !important;
-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
overflow: hidden;
}For me it's fixed and on the demo, this should sort yours and will be included in the next revision but let me know if otherwise ;).

It closed up the gap quite a bit. Looks like there is approx 15 to 20 pixels left but, shouldn't this issue be fixed so that minimum page width is at least somewhere around 1000 before a side scroll will appear?

[TheLastSuperman]

shouldn't this issue be fixed so that minimum page width is at least somewhere around 1000 before a side scroll will appear?

Yes, why yes it should but I'm being rather stubborn and want it to work my way - in the end I'll give in and do some type of fix :p.

[mitch84]

I noticed some slowness on forumhome with scrolling, or it is only on my board?

[K4GAP]

See if it does the same thing here (http://www.innovationbyinstinct.com/forums.php?styleid=25).

[mitch84]

yes, that is similar. That misses fluidity, that jerk I think in the vertical scroll

[K4GAP]

I've actually noticed that. I get it on other sites that have transparent bodies to let the background show through. Now that I know it's not only me, I feel better ... kinda :)

[TheLastSuperman]

It closed up the gap quite a bit. Looks like there is approx 15 to 20 pixels left but, shouldn't this issue be fixed so that minimum page width is at least somewhere around 1000 before a side scroll will appear?

I've sorted this on my localhost version ;).

I noticed some slowness on forumhome with scrolling, or it is only on my board?

This is due to the above i.e. a larger image (file size) being served instead of a 1px using repeat-x.

It's been fixed, I tested the fixes on a new variant of this one, Avenger (http://www.innovationbyinstinct.com/images/AvengerPreview.png) and I should have time to include this in a new revision to Avenger Blue well this weekend I'll see if I can spare some time tonight to revise it ;).

[mitch84]

ok, thank you

[pityocamptes]

Where is the 4.2.2 version? When trying to upload xml I get old version - 4.2.1... thanks

[Max Taxable]

Where is the 4.2.2 version? When trying to upload xml I get old version - 4.2.1... thankshttps://vborg.vbsupport.ru/attachment.php?attachmentid=147891&d=1390185994

[ozzy47]

Just select ignore version when importing the style. :)

[pityocamptes]

https://vborg.vbsupport.ru/attachment.php?attachmentid=147891&d=1390185994

Downloaded that version, but only 4.2.1.


OK, Ozzy, thanks!

[pityocamptes]

Where do I go to make the cms, blog, and forum only available to admins until I get everything set up? Thanks.

[ozzy47]

Not exactly sure what you are asking, you want the style only available to admins, or the site?

If it is the style, just make sure to untick it in Style Manager.

[pityocamptes]

I will need to alter this template before making it available to everyone. I would like to make it only available to admins in the mean time...

[ozzy47]

Then do as I described above. :)

[pityocamptes]

Ok, also how do I change the logo?

[K4GAP]

Ok, also how do I change the logo?

Make your own logo with the same height and upload it allowing overwrite. It will take the place of the default one.

[ozzy47]

Edit the stylevar, titleimage, found under the group, ImagePaths.

[pityocamptes]

Ok. Thanks. What if I want two images? One centered for my site name and then another one, to the far left with the logo image?

[ozzy47]

Edit the header template, and before this line:
<a name="top" href="{vb:link forumhome}"><vb:comment><img src="images/avenger_blue/misc/home.png" width="960px" height="150px" alt="{vb:raw vboptions.bbtitle}" /></vb:comment></a>

Add something like this:
<img src="images/OzzModz.png" height="150px" width="350px" style="padding-left:140px;" alt="{vb:raw vboptions.bbtitle}" />

Of course change the image to your own, and adjust the size as needed.

[mrt12345]

I have sub forums but the tear drop icon is not there ( or cartoon cloud i should say). It is fine went it is 1 level but 2 it dose not like it

[ozzy47]

Care to share a screenshot, to show what you are referring to?

[mrt12345]

Care to share a screenshot, to show what you are referring to?

https://vborg.vbsupport.ru/

Ok there we go see on the far left .mind you it dose not look to bad without it :up: but i tried it in all different levels to test, and the results are the same in fluid and fixed as well

[TheLastSuperman]

https://vborg.vbsupport.ru/

Ok there we go see on the far left .mind you it dose not look to bad without it :up: but i tried it in all different levels to test, and the results are the same in fluid and fixed as well

Does this category/forum use a custom statusicon? It looks like it does but since there is no image it cannot render it, in Firefox or similar it will not show the little missing pic icon or the red x usually only in internet explorer. If so you need to copy that from the main styles folder to the /images/avenger_blue/statusicons folder.

Stand by new version about to go up now that sorts the scroll issue, prepping files now for upload ;).

[TheLastSuperman]

Updated on 01/27/2013
- Fixed scrollbar issue in both fixed and fluid width, scrollbar now displays properly and does not appear until window is resized (smaller).

[Kat-2]

https://vborg.vbsupport.ru/external/2014/01/1.gif

Got it in...seems to be working great for me. Thank you!

[pityocamptes]

TheLastSuperman. I just downloaded the template before you did this fix. How do I upload the new one? Thanks!

[ozzy47]

You just re import the style allowing overwrite of the previous install.

[ozzy47]

Mike, what templates did you change, as I have made quite a few changes here and there.

[TheLastSuperman]

Mike, what templates did you change, as I have made quite a few changes here and there.

Fluid version had most of the css regarding the header and logo areas redone entirely, import it under a different name and view each to see the differences... basically just a little bit of the css at the very top i.e. ablogo and abimage then I edited the stylevars for docwidths / docmargin and set to % values other than that not much so it shouldn't be too hard of a fix for you if you reference since I basically just fixed that scollbar issue ;). Ohh and some background images were changed so note the new images in the /images/avenger folder and update eother doc_background or body_background stylevar accordingly.

That should be it... if I think of something else I'll let you know or if you edit then see an issue just post ;).

[mrt12345]

Does this category/forum use a custom statusicon? It looks like it does but since there is no image it cannot render it, in Firefox or similar it will not show the little missing pic icon or the red x usually only in internet explorer. If so you need to copy that from the main styles folder to the /images/avenger_blue/statusicons folder.

Stand by new version about to go up now that sorts the scroll issue, prepping files now for upload ;).

Hi there, the only mod there is, the like more mod that is it . I know the category icon mod but it is not there.

[pityocamptes]

Fluid version had most of the css regarding the header and logo areas redone entirely, import it under a different name and view each to see the differences... basically just a little bit of the css at the very top i.e. ablogo and abimage then I edited the stylevars for docwidths / docmargin and set to % values other than that not much so it shouldn't be too hard of a fix for you if you reference since I basically just fixed that scollbar issue ;). Ohh and some background images were changed so note the new images in the /images/avenger folder and update eother doc_background or body_background stylevar accordingly.

That should be it... if I think of something else I'll let you know or if you edit then see an issue just post ;).

Ok, well since I have not gotten that far in redoing my template and mods, how would I just upload the vanilla copy? Overwrite anything, or just upload it as if I was doing a fresh copy? Thanks.

[Kat-2]

Question. I have VSa Chatbox. The background in this theme is blue, which means you can't see the posts with the colors available. Any way I can make the background white?

[TheLastSuperman]

Hi there, the only mod there is, the like more mod that is it . I know the category icon mod but it is not there.

Please check this in forum manager for that category:

https://vborg.vbsupport.ru/attachment.php?attachmentid=147991

If you have value entered there = must copy image to new style folder. If you have no value then url/link to site for me to view as you must have some odd forum depth setup or similar and I'll need to view it to see about a fix.

Ok, well since I have not gotten that far in redoing my template and mods, how would I just upload the vanilla copy? Overwrite anything, or just upload it as if I was doing a fresh copy? Thanks.

If you have not done any modification to the older version then delete it, now install the new version. *Also that reply was directed towards Ozzy but still sorta touched based on your question per say but he has modified his quite a bit so why he asked, you are free to do a fresh install.

Question. I have VSa Chatbox. The background in this theme is blue, which means you can't see the posts with the colors available. Any way I can make the background white?

Hmm it looked ok to me... do you have the colors limited in the chatbox options in admincp or something else going on here that you've customized or done that I would not see on a default install of vsa chatbox?

Here is what I see:
https://vborg.vbsupport.ru/attachment.php?attachmentid=147992

You must be running something custom... so try this:

Edit template: vsa_chatbox

Find:
<div class="blockrow" id="vsacb_messagearea" style="background-color:{vb:stylevar editor_background.backgroundColor};text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">

Replace with:
<div class="blockrow" id="vsacb_messagearea" style="background-color:#ffffff;text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">


What I did was basically replace this:
background-color:{vb:stylevar editor_background.backgroundColor};

With:
background-color:#ffffff;

That should sort you ;).

[Kat-2]

Hmm it looked ok to me... do you have the colors limited in the chatbox options in admincp or something else going on here that you've customized or done that I would not see on a default install of vsa chatbox?

Here is what I see:
https://vborg.vbsupport.ru/attachment.php?attachmentid=147992

You must be running something custom... so try this:

Edit template: vsa_chatbox

Find:
<div class="blockrow" id="vsacb_messagearea" style="background-color:{vb:stylevar editor_background.backgroundColor};text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">

Replace with:
<div class="blockrow" id="vsacb_messagearea" style="background-color:#ffffff;text-align:{vb:stylevar left};overflow:auto;height:<vb:if condition="($_REQUEST['do']=='cchatbox')">{vb:raw vboptions.vsachatbox_height_full}px<vb:else />{vb:raw vboptions.vsachatbox_height}px</vb:if>;width:auto;font-size:{vb:raw vsacb_textsize};">


What I did was basically replace this:
background-color:{vb:stylevar editor_background.backgroundColor};

With:
background-color:#ffffff;

That should sort you ;).


It is not because something is customized, it it because I have other themes, and some members may prefer to use another theme. The background is white on other themes, so if they choose to post in the chat box let's say in a blue color, then it is not going to show up to people posting with the Avenger theme. That was why I was wanting to make the background white.....so any color shows.

Hope I made sense.

[TheLastSuperman]

It is not because something is customized, it it because I have other themes, and some members may prefer to use another theme. The background is white on other themes, so if they choose to post in the chat box let's say in a blue color, then it is not going to show up to people posting with the Avenger theme. That was why I was wanting to make the background white.....so any color shows.

Hope I made sense.

Makes perfect sense ;).

[Kat-2]

Makes perfect sense ;).



Strange. I make the changes, and each time I get this...

Bad Request

Your browser sent a request that this server could not understand.


Not looking good for me at this point. (happens in FF and Chrome)

[TheLastSuperman]

Strange. I make the changes, and each time I get this...




Not looking good for me at this point. (happens in FF and Chrome)

Hmm that is a bit odd... a work around would be to edit the product.xml file, scrol to find that template in the code and make the change there then save, now upload and overwrite the product file.

*That could be related to server setup/configuration, suhoshin or the template manager mod that keeps track of template versions etc although I'm not entirely sure.

[Kat-2]

Hmm that is a bit odd... a work around would be to edit the product.xml file, scrol to find that template in the code and make the change there then save, now upload and overwrite the product file.

*That could be related to server setup/configuration, suhoshin or the template manager mod that keeps track of template versions etc although I'm not entirely sure.



Odd things happening with me is nothing new. LOL

I will work on it more later when I have more time. Thank you for your help. :)

[mrt12345]

https://vborg.vbsupport.ru/

Ok there we go see on the far left .mind you it dose not look to bad without it :up: but i tried it in all different levels to test, and the results are the same in fluid and fixed as well

ok i found the problem why the sub category icon did not show up. It called for

a /images/avenger_blue/statusicon/category_forum_old-48.png
but the original was not named that i added the -48 and it is fixed :up:

[TheLastSuperman]

Odd things happening with me is nothing new. LOL

I will work on it more later when I have more time. Thank you for your help. :)

You're welcome :D.

ok i found the problem why the sub category icon did not show up. It called for

a /images/avenger_blue/statusicon/category_forum_old-48.png
but the original was not named that i added the -48 and it is fixed :up:

Hmm I'll just overwrite that file on the next release, not sure why it was looking for a non-48.png file honestly. At least we know that, we're not crazy ;).

[K4GAP]

If anyone is having trouble with the VSa - ChatBox (AJAX) (https://vborg.vbsupport.ru/showthread.php?t=235271) message text not showing when using this style. I resolved that @ 3:30am by doin it the "DTW" (duct tape way).

I simply went into the setting for the VSa - ChatBox (AJAX) (https://vborg.vbsupport.ru/showthread.php?t=235271) and deleted all color choices other than the one I needed. Then turned off the option of allowing users to change colors.

I know it's not the preferred method but I didn't know the correct way so I attacked it the DTW :)

[Kat-2]

If anyone is having trouble with the VSa - ChatBox (AJAX) (https://vborg.vbsupport.ru/showthread.php?t=235271) message text not showing when using this style. I resolved that @ 3:30am by doin it the "DTW" (duct tape way).

I simply went into the setting for the VSa - ChatBox (AJAX) (https://vborg.vbsupport.ru/showthread.php?t=235271) and deleted all color choices other than the one I needed. Then turned off the option of allowing users to change colors.

I know it's not the preferred method but I didn't know the correct way so I attacked it the DTW :)



I thought of doing that, but when you have other themes, and members prefer to use another one, the color you pick may not show on other theme. Themes I have have the chatbox white, and Avenger is blue, so it needs the light color. Light colors won't show on white.
I am still trying to figure it out.

[K4GAP]

I thought of doing that, but when you have other themes, and members prefer to use another one, the color you pick may not show on other theme. Themes I have have the chatbox white, and Avenger is blue, so it needs the light color. Light colors won't show on white.
I am still trying to figure it out.

I have a mostly white style and this style. The text on the first is black, the text on this style is white. Don't make sense does it? All I know is it works for me.

[TheLastSuperman]

I thought of doing that, but when you have other themes, and members prefer to use another one, the color you pick may not show on other theme. Themes I have have the chatbox white, and Avenger is blue, so it needs the light color. Light colors won't show on white.
I am still trying to figure it out.

Hmm a plugin could solve this... my wife literally just rounded the corner and asked me to run to the store for her so I'll post an example when I get back bear with me, off I go Hi-Ho, Hi-Ho :D.

[TheLastSuperman]

I thought of doing that, but when you have other themes, and members prefer to use another one, the color you pick may not show on other theme. Themes I have have the chatbox white, and Avenger is blue, so it needs the light color. Light colors won't show on white.
I am still trying to figure it out.

Ok so go to AdminCP > Plugins & Products > Add New Plugin

Title: Custom background per style for VSA Chatbox
Execution Order: 5
Hook Location: parse_templates
if (STYLEID == 1) {
if (THIS_SCRIPT == 'forumhome') {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}
}

Now in styleid #1 it will show the chatbox with the background color in the plugin. I also told it to only do this on forumhome.

An example for multiple styles would be:

if (THIS_SCRIPT == 'forumhome') {
if (STYLEID == 1) {
$vsachatcssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsachatcssfix;
}

if (STYLEID == 2) {
$vsachatcss2fix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsachatcss2fix;
}
}

^ I moved the if this script to the outside so it's still specified but also not repeated (not required). If you're using the chatbox on other pages then remove that snippet about THIS_SCRIPT and the closing } tag in the code.

This should sort the chantbox background per style so long as you include each style in the plugin per new code ;).

EDIT: This method is now outlined in my article Customizing Styles via Plugins Part 1: The Basics (https://vborg.vbsupport.ru/showthread.php?t=307739).

[Kat-2]

Ok so go to AdminCP > Plugins & Products > Add New Plugin

Title: Custom background per style for VSA Chatbox
Execution Order: 5
Hook Location: parse_templates
if (STYLEID == 1) {
if (THIS_SCRIPT == 'forumhome') {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}
}

Now in styleid #1 it will show the chatbox with the background color in the plugin. I also told it to only do this on forumhome.

An example for multiple styles would be:

if (THIS_SCRIPT == 'forumhome') {
if (STYLEID == 1) {
$vsachatcssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsachatcssfix;
}

if (STYLEID == 2) {
$vsachatcss2fix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsachatcss2fix;
}
}

^ I moved the if this script to the outside so it's still specified but also not repeated (not required). If you're using the chatbox on other pages then remove that snippet about THIS_SCRIPT and the closing } tag in the code.

This should sort the chantbox background per style so long as you include each style in the plugin per new code ;).



I tried the first code, didn't change anything. Replaced it with second code, and still didn't change anything. I did it exactly as you stated to do it. I don't know what the heck is wrong. :(

[K4GAP]

I really have to thank you for going above and beyond by producing and maintaining this style.

As far as any issues with your latest release, I've been beating it up and shaking it down. So far everything looks good after the latest update.

Thanks

[TheLastSuperman]

I tried the first code, didn't change anything. Replaced it with second code, and still didn't change anything. I did it exactly as you stated to do it. I don't know what the heck is wrong. :(

Hmm ok then try this one:

if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

But make sure that when hovering over the styles name in Style Manager that the styleid # is in fact 1, if it's not then change this 1 to the # of your style.

if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}


Basically if you are viewing all your styles via the Style Manager in admincp and you click on a style it opens that style in a new window, note the url up top i.e. http://www.yoursite.com/forum.php?styleid=22 and the last # which in my example is 22, is the style id so then we would replace the 1 with 22 ;).

I really have to thank you for going above and beyond by producing and maintaining this style.

As far as any issues with your latest release, I've been beating it up and shaking it down. So far everything looks good after the latest update.

Thanks

Thanks, been real busy lately and just trying to be helpful best I can ;).

[Kat-2]

Hmm ok then try this one:

if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

But make sure that when hovering over the styles name in Style Manager that the styleid # is in fact 1, if it's not then change this 1 to the # of your style.

if (STYLEID == 1) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}


Basically if you are viewing all your styles via the Style Manager in admincp and you click on a style it opens that style in a new window, note the url up top i.e. http://www.yoursite.com/forum.php?styleid=22 and the last # which in my example is 22, is the style id so then we would replace the 1 with 22 ;).



I am sorry I am being so much trouble.

Okay...that theme is #90 on my board, but I don't know where you want me to put the new code in..

[TheLastSuperman]

I am sorry I am being so much trouble.

Okay...that theme is #90 on my board, but I don't know where you want me to put the new code in..

Ok so use this code:
if (STYLEID == 90) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

You must paste that code when you make a new plugin so do this:


Login to Admin Control Panel.
On left column scroll to find "Plugins & Products".
Now click the little arrow it opens-up/drops-down a menu.
Now click Add New Plugin.
Now key in the title like I stated a few posts above.
Now fill in the other info i.e. execution order (set to 5) and the Hook Location (use the drop-down to select the location, scroll to find "parse_templates" and finally paste the code I supplied in the code box, make sure the plugin is set to Active = yes then save.


^ Doing the above results in the new plugin being active and it should change the background color of the chatbox style in styleid #90 (if this is the same style you edited before when we were in the vsa templates it will not change, make sure you are changing the chatbox background in a different style that needs it done etc).

No trouble at all, as you can see I support much more than my style sometimes which is not a problem ;).

[Kat-2]

Yay! Success! Thank you very much. Tell your wife to give you a big hug from me. LOL

[TheLastSuperman]

Yay! Success! Thank you very much. Tell your wife to give you a big hug from me. LOL

Will do :D and you're clear on how to add more styles to this right? Let's do an example real quick to be sure but I'm going to make it simpler than before:

if (STYLEID == 90 OR STYLEID == 91 OR STYLEID == 93) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

^ So per the above I just added styleid's 90, 91, and 93 because in my example code we are pretending that styleid 92 already has a white background for the chat because it's a light style ;) the other three listed in the code were dark styles like avenger blue. <-- That's on an example if you're adding more than one style to this plugin.

Hint: You can also modify this code to make new plugins doing many things including switching logos per forum, background images per forum and much more it just takes some creativity and some tinkering from all of you :cool:. In fact I use variants of this on many sites accomplishing many things! If you've ever ran into some of the shared css issues with custom styling this can come in handy when css is shared on a different page but you're trying to accomplish something that just does not like the default definition being overwritten in additional.css (since it's global) so you use a plugin like this to specify THIS_SCRIPT or forumid and overwrite it there ;).

Edit: Actually good idea for a new article ^ so I'll have that posted soon!

[Kat-2]

Will do :D and you're clear on how to add more styles to this right? Let's do an example real quick to be sure but I'm going to make it simpler than before:

if (STYLEID == 90 OR STYLEID == 91 OR STYLEID == 93) {
$vsacssfix = '<style type="text/css">
#vsacb_messagearea {
background:#ffffff !important;
background-color:#ffffff !important;
}
</style>';
$template_hook[headinclude_bottom_css] .= $vsacssfix;
}

^ So per the above I just added styleid's 90, 91, and 93 because in my example code we are pretending that styleid 92 already has a white background for the chat because it's a light style ;) the other three listed in the code were dark styles like avenger blue. <-- That's on an example if you're adding more than one style to this plugin.

Hint: You can also modify this code to make new plugins doing many things including switching logos per forum, background images per forum and much more it just takes some creativity and some tinkering from all of you :cool:. In fact I use variants of this on many sites accomplishing many things! If you've ever ran into some of the shared css issues with custom styling this can come in handy when css is shared on a different page but you're trying to accomplish something that just does not like the default definition being overwritten in additional.css (since it's global) so you use a plugin like this to specify THIS_SCRIPT or forumid and overwrite it there ;).

Edit: Actually good idea for a new article ^ so I'll have that posted soon!


Yes, I gotcha. And, I even went in and changed the color code from the stark white to a softer pale gray, which matches other things (such as new and old post images) in the theme. May do that for a couple other themes I have.

[ozzy47]

Hey Mike, I just tried the update, I added it as a new style to see how it would react. Got a question though, what is with the different color for the background as seen in the screen shot. (this is the fluid version)

[TheLastSuperman]

Hey Mike, I just tried the update, I added it as a new style to see how it would react. Got a question though, what is with the different color for the background as seen in the screen shot. (this is the fluid version)

Hmm try uploading the new images too because that screenshot, I can tell something is not right as that silver line going across horizontally mid way down the screenshot is the new header area background.

Remember, I had to change a little bit of the css to fix that scrollbar issue but the color change for the record was from #141515 to #161616 ;).

[ozzy47]

Yep, reloading the images seems to have done the trick. :)

[TheLastSuperman]

Yay! Success! Thank you very much. Tell your wife to give you a big hug from me. LOL

I showed her this last night, hug was given lol :cool:.

@Ozzy - Ok great :D.

[K4GAP]

Ok I give up, were can I change the yellowish background hover color as per attached screen shot?

https://vborg.vbsupport.ru/external/2014/02/47.png

[TheLastSuperman]

Ok I give up, were can I change the yellowish background hover color as per attached screen shot?

http://livinginkentucky.com/files/graphics/screenImage.png

Ahh that will be in the next revision, my apologies for the drab yellow!

Will be under Common > general_hilite_color > Set it to #424e66

[K4GAP]

Thanks, that was it.

[K4GAP]

How can I close up the gap between the calendar tabs and the calendar? The gap in question is marked by red x's in the attached image.

[ozzy47]

In the vbulletin.css template find the following:

dl.tabslight {
border-bottom:solid {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar mid_border.borderColor};
padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
margin-bottom:1em;
height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}};
margin-top:{vb:math {vb:stylevar padding}*1.5};
}

And change it to this:
dl.tabslight {
border-bottom:solid {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar mid_border.borderColor};
padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
margin-bottom:0em;
height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}};
margin-top:{vb:math {vb:stylevar padding}*1.5};
}

[TheLastSuperman]

How can I close up the gap between the calendar tabs and the calendar? The gap in question is marked by red x's in the attached image.

I almost didn't recognize you with that new Avatar lol, I'm getting old I suppose mind plays tricks on me more easily than it used to :p.

[ozzy47]

It only gets worse Mike. :p

[TheLastSuperman]

It only gets worse Mike. :p

This is one of the few times a little white lie seems better, you're supposed to say things only get better LOL!

[K4GAP]

In the vbulletin.css template find the following:

dl.tabslight {
border-bottom:solid {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar mid_border.borderColor};
padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
margin-bottom:1em;
height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}};
margin-top:{vb:math {vb:stylevar padding}*1.5};
}And change it to this:
dl.tabslight {
border-bottom:solid {vb:stylevar tabslight_border.borderWidth}{vb:stylevar tabslight_border.units} {vb:stylevar mid_border.borderColor};
padding-{vb:stylevar left}:{vb:math {vb:stylevar padding} * 2};
margin-bottom:0em;
height:{vb:math {vb:stylevar tabslight_size.height} + {vb:stylevar tabslight_border.borderWidth}};
margin-top:{vb:math {vb:stylevar padding}*1.5};
}

That closed up the gap about half way but it's still there.

[ozzy47]

OK do this also, add this to your additional.css

#calendar_main {
margin-top: -10px;
}

[K4GAP]

Thanks Ozzy, changing your margin-top: -10px to -15 px did it perfectly.

That was also including the first code for vbulletin.css.

Problem resolved.
Thanks

[ozzy47]

Not a problem, glad to help. :)

[pityocamptes]

I have noticed that with the new version of this template I installed my forum icons mod disappeared...

https://vborg.vbsupport.ru/showthread.php?t=244351

Ok, had to do some forumbit edits, works now...

[TheLastSuperman]

I have noticed that with the new version of this template I installed my forum icons mod disappeared...

https://vborg.vbsupport.ru/showthread.php?t=244351

Ok, had to do some forumbit edits, works now...

Good to see you got it working and for anyone else running into the issue of that mod not displaying properly w/ this style or any other for that matter please note the authors statement in the mod description:

IMPORTANT! If you use the "Auto Template" feature of this mod and it doesn't work then you MUST do the manual template edits outlined in the install.html. This plugin was created using a default vbulletin style.

:cool:

[TheLastSuperman]

That closed up the gap about half way but it's still there.

Gary were these changes that you wanted on your forum alone or were they changes you feel were required? I didn't see a screenshot but let me know what you think if so I'll include Ozzy's edits in the next revision ;).

[K4GAP]

I would say they are required. Any other style's calendar I've ever seen had the tabs look connected to the calendar with no gap.

Post 586 has a screenshot of the way it was.

[pityocamptes]

TheLastSuperman. Love the template. However, I'm not sure if this is your template or if I am doing something wrong. I basically want to take a bunch of subforums and turn them into a list. However, when playing around with it I get a drop down icon appearing in each subform... whereas I'm trying to do this:

https://camo.phpbb.com/cd07e91af73f6a90592599871ea7f85b173b138d/687474703a2f2f696d673434342e696d616765736861636b2e 75732f696d673434342f363730342f33323536303732392e6a 7067

[ozzy47]

Mike, should you do decide to include it, I am sure there is a better way to do it, I just did a quick and dirty fix.

[pityocamptes]

I figured it out. Thanks...

[TheLastSuperman]

Mike, should you do decide to include it, I am sure there is a better way to do it, I just did a quick and dirty fix.

Understood, will check it out tomorrow and revise this along w/ the highlight color.

I figured it out. Thanks...

Always remember to share HOW it was fixed, if it was related to a issue with this style or not because one day someone could be looking for the same fix and stumble across your post while searching to only find "I figured it out" know what I'm saying? :cool:

[pityocamptes]

No problem. I had to have the main as a category, create a new forum or category and then all my forums beneath this became child to the new forum/category.

On a side note, how do I incorporate Ozzys html markup for the top line where it says welcome and XXXXXXXXX user name? The html markup works everywhere but here... thanks.

[TheLastSuperman]

Hmm unless Ozzy did it his own way, plugin method etc this should work - https://vborg.vbsupport.ru/showthread.php?t=277561

[pityocamptes]

I guess more specifically, where is the code for the user name at the top? I have the code from the mod that will change it, just don't know where the code is for your template. Thanks.

[TheLastSuperman]

I guess more specifically, where is the code for the user name at the top? I have the code from the mod that will change it, just don't know where the code is for your template. Thanks.

Ohh well it's still the toplinks code, so that is in the header template ;). All I did was tell the toplinks via css to move down to where you see them in the style.

[coolhula]

Hi, I just installed your style and it appears if my users choose to use the style they are unable to change to another (there is no drop down menu) Now do I fix this?

[TheLastSuperman]

Hi, I just installed your style and it appears if my users choose to use the style they are unable to change to another (there is no drop down menu) Now do I fix this?

The drop-down menu is certainly in the footer template so not sure why it's acting up. This could be due to a plugin you could be running or your browser. Is it happening to you alone or to everyone? If to you alone, have you asked others?

I know Internet Explorer is just silly, I bet you're using that although I could be wrong but try:

There are two ways of killing browser cache in IE (I’m using IE 11) There is the simple, click on this menu, check these boxes, click submit button that will delete “most” but evidently not all of the browser cache and cookie information. Even though the menu selections say it is deleting everything. To get the rest you have to go into developer mode in IE (F12) and then do Ctrl-R to completely flush the browser cache. Close browser, re-open and now you can set and keep my style choice in the drop down. (the funny blank line may still there though).

So no matter what, all-in-all i.e. in the end it's not a style related issue with this style but more so the forum and/or browser of choice.

[K4GAP]

Hi, I just installed your style and it appears if my users choose to use the style they are unable to change to another (there is no drop down menu) Now do I fix this?

I checked my site using this style with FF, IE, and Chrome. Everything looks good to me.

[K4GAP]

One of the things great about this style is the header/banner options you can do with this style. I've made up and tried at least 20 different designs to place in the header area. Everything from multiple colors and info blocks to the very simplest as I am using now. (http://www.k4gap.com/forums/forum.php?styleid=5)

I honestly believe this is the VERY best free dark style available for vb4. So, if you are a fan of dark styles, ya gotta at least give this one a try.

If you try it and want some header ideas, let me know. I'm freelance so I accept NO MONEY for personal site work.

Thanks for the GREAT style Superman!

[Almightychucho]

on my root, where do I upload the files? 1) Upload the contents of the UPLOAD Folder? Can you please tell me where they should go?

[K4GAP]

on my root, where do I upload the files? 1) Upload the contents of the UPLOAD Folder? Can you please tell me where they should go?

What is the name of the folder your vbulletin is in?

[Almightychucho]

What is the name of the folder your vbulletin is in?
It is in the following folder: public_html/vcm Thank you for your help

[TheLastSuperman]

It is in the following folder: public_html/vcm Thank you for your help

Then upload the contents of the /UPLOAD/ folder to /vcm and that should do it ;).

[pityocamptes]

Superman, how do I change the border color for the input boxes on the registration and lost pw pages only? Thanks.

[ozzy47]

Ok let's try this first. Open your additional.css template and find:


.primary, textbox, full {
border: 1px solid #2b3851 !important;
}

Change it to this:

.primary, textbox, full {
border: 1px solid #2b3851;
}

Does that change any borders around the input boxes? Hopefully it won't.

If it does not, then do this:

AdminCP --> Plugins & Products --> Add New Plugin

Product: vBulletin
Hook location: parse_templates
Title: Custom Style Changes
Execution Order: 5
Plugin PHP Code:
if (STYLEID == XXX) {
if (THIS_SCRIPT == 'login' OR THIS_SCRIPT == 'register') {
$cssfix = '<style type="text/css">
.primary, textbox, full {
border: 1px solid red;
}
</style>';
$template_hook[headinclude_bottom_css] .= $cssfix;
}
}Change XXX to the style id number for your style and change red to your desired color.

[Avros]

I had made changes to two templates {additional.css, lostpw.css} and utilized an unused color tab from the StyleVars {Blocks}. This allowed me to select the colour of my choice and only affecting the 'Lost Password Form' without altering the rest of the selection boxes elsewhere.

Add this to the [additional.css]

.avros {
background: #222937 !important;
border: 2px solid {vb:stylevar blockfoot_border.borderColor};
background:{vb:stylevar blockfoot_border};
padding:2px 2px;
outline:0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
To change the background colour of the input bar, you can alter the code in the second line above from [background: #222937] to [background: #xxxxxx] xxxxxx= any variable (colour) from your choosing.

{eg: #000000 = black, #FFFFFF = white}


Mofiy the [lostpw.cs] (copy the whole code and paste to the lostpw template is fine:)
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}">
<head>
{vb:raw headinclude}
<title>{vb:rawphrase lost_password_recovery_form} - {vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
<vb:if condition="$navbar">{vb:raw navbar}<vb:else /><br /><br /></vb:if>

<form action="login.php?do=emailpassword" method="post" class="vbform block">
<h2 class="blockhead">{vb:rawphrase lost_password_recovery_form}</h2>

<div class="blockbody formcontrols">
<div class="blockrow">
<p class="singledescription">{vb:rawphrase forgotten_password_request_email}</p>
</div>

<div class="blockrow">
<label for="email">{vb:rawphrase email_address}:</label>
<input type="text" class="avros" name="email" id="email" size="35" maxlength="90" value="{vb:raw email}" dir="ltr" tabindex="1" />
</div>

<vb:if condition="$human_verify">
{vb:raw human_verify}
</vb:if>
</div>

<div class="blockfoot actionbuttons">
<div class="group">
<input type="submit" class="button" value="{vb:rawphrase request_username_password_now}" accesskey="s" tabindex="1" />
</div>
</div>

<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="emailpassword" />
<input type="hidden" name="url" value="{vb:raw url}" />
</form>

{vb:raw footer}

</body>
</html>To change the colour of the border, enter the 'StyleVars', find 'Blocks', then the 'blockfoot_border'. No need to alter anything else.

[ozzy47]

I see you managed to change it @pityocamptes what did you end up doing?

[Avros]

Hi, I just installed your style and it appears if my users choose to use the style they are unable to change to another (there is no drop down menu) Now do I fix this?
I find this happens with different forum versions, so find a footer template file that works and copy it to the one that does not work. Fixes this issue.

[TheLastSuperman]

Hi, I just installed your style and it appears if my users choose to use the style they are unable to change to another (there is no drop down menu) Now do I fix this?

Hmm that usually occurs when installing a style into the wrong version... I've also seen odd situations where this occurs as well very rare w/o any explanation however reverting the entire footer template worked and solved the issue.

The footer template is what I modified to include a copyright, just be sure to copy the <div>code for it</div> into the template after reverting please.

*Alternatively you can try Avros suggestion above and copy from one footer template to another which can also alleviate the issue if importing a style made in a different version i.e. you copy working footer code from an already working pre-existing style on your site into the new style and it will work.
**Only issue I see here is the fact this even occurred, if it were one of those random odd times I mentioned above then fine but if you believe its due to version difference perhaps trying an older version .zip will alleviate some issues, depends on version though.

[webmastersun]

Navigation should move to header, it will look nicer :)
Overall, look great!

[pityocamptes]

I am not sure if this is template related or not, never did it before other templates. When I click on Advanced Search I get a blank.html pop up box that wants to download. Nothing in it though. I don't want to spook users thinking its something bad...

[pityocamptes]

I see you managed to change it @pityocamptes what did you end up doing?

Been so busy never got around to it, plan on working on it this week/weekend... thanks.

[TheLastSuperman]

I am not sure if this is template related or not, never did it before other templates. When I click on Advanced Search I get a blank.html pop up box that wants to download. Nothing in it though. I don't want to spook users thinking its something bad...

Erm that does not sound right... should not do that from ANY style unless something is up. Try switching to another style or actually the default style is best to check issues against. Is the issue present in your default style?

*If you've deleted the default style, simply click on Style Manager then Add New Style - the style it creates will be a 100% default style. Check the site in the new default style, if the issue is gone then it was related to my style, if its not gone then its an issue with your sites files or similar. **Delete the newly created style when done if not using to test further.

[pityocamptes]

The pop up does not occur in the default template. Thanks.

[pityocamptes]

I had made changes to two templates {additional.css, lostpw.css} and utilized an unused color tab from the StyleVars {Blocks}. This allowed me to select the colour of my choice and only affecting the 'Lost Password Form' without altering the rest of the selection boxes elsewhere.

Add this to the [additional.css]

.avros {
background: #222937 !important;
border: 2px solid {vb:stylevar blockfoot_border.borderColor};
background:{vb:stylevar blockfoot_border};
padding:2px 2px;
outline:0;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
To change the background colour of the input bar, you can alter the code in the second line above from [background: #222937] to [background: #xxxxxx] xxxxxx= any variable (colour) from your choosing.

{eg: #000000 = black, #FFFFFF = white}


Mofiy the [lostpw.cs] (copy the whole code and paste to the lostpw template is fine:)
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}">
<head>
{vb:raw headinclude}
<title>{vb:rawphrase lost_password_recovery_form} - {vb:raw vboptions.bbtitle}</title>
{vb:raw headinclude_bottom}
</head>
<body>
{vb:raw header}
<vb:if condition="$navbar">{vb:raw navbar}<vb:else /><br /><br /></vb:if>

<form action="login.php?do=emailpassword" method="post" class="vbform block">
<h2 class="blockhead">{vb:rawphrase lost_password_recovery_form}</h2>

<div class="blockbody formcontrols">
<div class="blockrow">
<p class="singledescription">{vb:rawphrase forgotten_password_request_email}</p>
</div>

<div class="blockrow">
<label for="email">{vb:rawphrase email_address}:</label>
<input type="text" class="avros" name="email" id="email" size="35" maxlength="90" value="{vb:raw email}" dir="ltr" tabindex="1" />
</div>

<vb:if condition="$human_verify">
{vb:raw human_verify}
</vb:if>
</div>

<div class="blockfoot actionbuttons">
<div class="group">
<input type="submit" class="button" value="{vb:rawphrase request_username_password_now}" accesskey="s" tabindex="1" />
</div>
</div>

<input type="hidden" name="s" value="{vb:raw session.sessionhash}" />
<input type="hidden" name="securitytoken" value="{vb:raw bbuserinfo.securitytoken}" />
<input type="hidden" name="do" value="emailpassword" />
<input type="hidden" name="url" value="{vb:raw url}" />
</form>

{vb:raw footer}

</body>
</html>To change the colour of the border, enter the 'StyleVars', find 'Blocks', then the 'blockfoot_border'. No need to alter anything else.




Thanks! If I put color: white; in the top portion of the additional.css it will only affect that box? Thanks again!

[pityocamptes]

Checking back on the popup .html box for advanced search issue... thanks

[TheLastSuperman]

Check the files on your server, in the same folder your vbulletin is running from, is there an empty index.html file present? It looks like from the pages source code, that this is being called by a plugin or was edited into the style (not in the version uploaded here though so i.e. you might have been hacked at some point in time, that's the only reason to include an invisible iframe usually but why is it being directed to include a 1kb blank.html file ? very odd imho).

This is found when I view the source code for your forum:
<iframe id="yui-history-iframe" src="clientscript/yui/history/assets/blank.html"
style="position:absolute;top:0; left:0;width:1px; height:1px;visibility:hidden;"></iframe>
<input id="yui-history-field" type="hidden" />

Makes no sense to link to an iframe in a 1kb file like that unless it was compromised but then the file size if it contained mal code should be larger than the original file size, which is the same 1kb so odd all around I'd say, can't tell anything specific unless I had access and I'm booked for the night working now and its close to 11pm here so no time to check regardless and not trying to scare you one bit simply saying this seems very odd and that you need to look into it to be safe.

I would replace default vBulletin files to be safe, check in the admincp using suspect file versions under maintenance after replacing them and also check for spare admin accounts. If anything looks odd file-wise then make a new thread in the vB4 forums and ask for feedback/assistance w/ the file names before deleting. *As always make a backup of database and files before removing anything.

Edit: Who is pasting <table and <TR <TD codes all over the place? STOP DAT lol its just an old outdated way to design web pages... it still works but not the standard, only use when absolutely required i.e. you're pulling your hair out because you can't find a way to make something display properly so you cheat and use a table (try not to!). Just one of many examples explaining more in detail - http://www.itegritygroup.com/css-vs-tables/ AND here is an example of how to do a three part fluid header instead of using a table to do the same in vBulletin - https://vborg.vbsupport.ru/showthread.php?t=228319 :cool:

[pityocamptes]

Thanks. Actually I've had this issue since I downloaded the style. Don't know about the table tr stuff as, like I said this is the only template I have been using and adding mods from here on... so with that in mind, do you still suggest the same as above? Thanks.

[pityocamptes]

Lynn over at vbulletin.com indicated this:

"If you do a Search In Templates for part of the code, like "<iframe id="yui-history-iframe", you will see that it is part of the search_common template."

So I assume it is part of the vbulletin files...

[pityocamptes]

So if I delete the code above, am I going to have any issues?

[pityocamptes]

OK, updated the template. Thanks. However, now my blogs and articles tabs are giving me 404 errors.... not sure why...

OK, not the template fault, looks like a dbseo issue, contacted them...

-->>>OH, the reason the table td/tr issue was present is that I wanted the site logo to auto shrink with no matter how big the user makes the screen. Now, using the suggestion above, it no longer does that. Anyway to work around that??? Thanks.

[sat-extreme]

Hello I am looking for style vbulletin 4.2.3 beta suggestions please

[pityocamptes]

OK, updated the template. Thanks. However, now my blogs and articles tabs are giving me 404 errors.... not sure why...


OK, not the template fault, looks like a dbseo issue, contacted them...



-->>>OH, the reason the table td/tr issue was present is that I wanted the site logo to auto shrink with no matter how big the user makes the screen. Now, using the suggestion above, it no longer does that. Anyway to work around that??? Thanks.



BUMP

[albibak]

I'll test it, thanks

[TheLastSuperman]

OK, updated the template. Thanks. However, now my blogs and articles tabs are giving me 404 errors.... not sure why...


OK, not the template fault, looks like a dbseo issue, contacted them...



-->>>OH, the reason the table td/tr issue was present is that I wanted the site logo to auto shrink with no matter how big the user makes the screen. Now, using the suggestion above, it no longer does that. Anyway to work around that??? Thanks.

BUMP

The css for the logo is located in additional.css near the top, there's two for this area one is the actual background and the other serves as a "cover" i.e. a transparent image that covers the logo to prevent straight -right-click save image etc.

In additional.css find (or similar, depending on if you're using fixed or fluid version):
.ablogo {
min-width: 100% !important;
min-height: 156px !important;
background: transparent !important;
overflow: hidden;
}

.abimage {
background: url({vb:stylevar titleimage}) center center no-repeat !important;
height: 155px !important;
}

Change to:
.ablogo {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background: transparent !important;
overflow: hidden;
}

.abimage {
background: url({vb:stylevar titleimage}) center center no-repeat !important;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

So basically remove any references of width/height and add in:
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

*Not tested so let me know, might need to adjust/tinker to make it presentable :p.

[TheLastSuperman]

Hello I am looking for style vbulletin 4.2.3 beta suggestions please

I would offer suggestions except I'm not tracking/keeping up with any 4.2.3 Beta styles therefor suggestions, I'm all out of :p. Soon as 4.2.3 is official i.e. out of Beta this will be upgraded for use with but not before then as I do not fabricate styles for Beta versions.

[pityocamptes]

Thanks, will check on the auto size code tonight. As far as the advanced search pop up, previously mentioned, what should I do? Thanks again.

[TheLastSuperman]

Checking back on the popup .html box for advanced search issue... thanks

Check the files on your server, in the same folder your vbulletin is running from, is there an empty index.html file present? It looks like from the pages source code, that this is being called by a plugin or was edited into the style (not in the version uploaded here though so i.e. you might have been hacked at some point in time, that's the only reason to include an invisible iframe usually but why is it being directed to include a 1kb blank.html file ? very odd imho).

This is found when I view the source code for your forum:
<iframe id="yui-history-iframe" src="clientscript/yui/history/assets/blank.html"
style="position:absolute;top:0; left:0;width:1px; height:1px;visibility:hidden;"></iframe>
<input id="yui-history-field" type="hidden" />

Makes no sense to link to an iframe in a 1kb file like that unless it was compromised but then the file size if it contained mal code should be larger than the original file size, which is the same 1kb so odd all around I'd say, can't tell anything specific unless I had access and I'm booked for the night working now and its close to 11pm here so no time to check regardless and not trying to scare you one bit simply saying this seems very odd and that you need to look into it to be safe.

I would replace default vBulletin files to be safe, check in the admincp using suspect file versions under maintenance after replacing them and also check for spare admin accounts. If anything looks odd file-wise then make a new thread in the vB4 forums and ask for feedback/assistance w/ the file names before deleting. *As always make a backup of database and files before removing anything.

Edit: Who is pasting <table and <TR <TD codes all over the place? STOP DAT lol its just an old outdated way to design web pages... it still works but not the standard, only use when absolutely required i.e. you're pulling your hair out because you can't find a way to make something display properly so you cheat and use a table (try not to!). Just one of many examples explaining more in detail - http://www.itegritygroup.com/css-vs-tables/ AND here is an example of how to do a three part fluid header instead of using a table to do the same in vBulletin - https://vborg.vbsupport.ru/showthread.php?t=228319 :cool:

Lynn over at vbulletin.com indicated this:

"If you do a Search In Templates for part of the code, like "<iframe id="yui-history-iframe", you will see that it is part of the search_common template."

So I assume it is part of the vbulletin files...

So if I delete the code above, am I going to have any issues?

Thanks, will check on the auto size code tonight. As far as the advanced search pop up, previously mentioned, what should I do? Thanks again.

My brain is broken today already, like a jello pudding cup so head my words of advice with a grain of salt per say lol. I see Lynne gave you some info and I'm not about to doubt that simply going to say that I can't recall what page I was on when I viewed your source code so if on search and that is supposed to show then so be it but I don't recall that iframe code at all from all the times I've worked on styles so we're gonna try this:


Open Notepad++ (Google + Download then use it to copy/paste/edit ALL code do not use Windows notepad/wordpad can cause issues depending on server type used).
Open the template in question.
Copy all the code, now paste into notepad++ in a new document, once pasted minimize notepad++
Now back in your browser within the vBulletin template remove the iframe code, save the template.
Check the style now, any issues still present regarding the popup?


By doing the above one of two things will happen and as such you should only act if its not fixed, if fixed then you're done, see below for outcomes.

- IF no issues are present, then that was it and its fixed.
- IF the issue is still present, delete all the code in the template and replace with the original template code you have sitting in notepad++ ;).

[pityocamptes]

Thanks will try it out late tonight. One more question. Is there a limit as to how many nav tabs you can have? I noticed on a mobile device that the tabs bunch up after the second row (nav tabs drop down to a second row on mobile device). Any way around this? Thanks.

[TheLastSuperman]

Thanks will try it out late tonight. One more question. Is there a limit as to how many nav tabs you can have? I noticed on a mobile device that the tabs bunch up after the second row (nav tabs drop down to a second row on mobile device). Any way around this? Thanks.

Not sure if this will work on mobile or not but when you said they were bunching up it did come to mind :p.

https://vborg.vbsupport.ru/showthread.php?t=274972

^ See post #2 (https://vborg.vbsupport.ru/showpost.php?p=2238982&postcount=2) here in the Avenger Blue thread for info on how to adjust this style with the Navtabs v1 its about half way down in post 2.

Edit: I wanted to edit my post and clarify something though so you would know and any others who happen across this post wondering the same thing - there is and is not a limit to how many navbar tabs you can have however unless you use a mod like above it may become crowded as you noticed. This also can come into play (too many tabs so they bunch up) depending on the type of style you have fluid or fixed - in a fixed style its a set width so only so many tabs will fit in a horizontal fashion since the width is specifically set. In a fluid style it then depends on the users monitor resolution so if the style is set to display 80% width with 10% margin on each side that = 100% but is the user running a 1024x768 resolution on their pc OR are they running 1920x1080 on a 40" LCD tv like me? <-- All of those factors can change how it appears - the only time it will not change is if its a fixed width as you know how many and what to fit in then, and no matter if on a 1024x768 or 1920x1080 resolution the site will always be the fixed width and this is also why sometimes we must scroll on certain sites to see content, they were coded in a set size and why the scroll-bars popup on certain sites and others they do not (responsive style/them etc).

[pityocamptes]

Damn, it got all screwed up on the nav bars. Ads are running into it, and the tabs are cutting into the bottom menu options under the nav bar, any idea? Thanks

[TheLastSuperman]

Damn, it got all screwed up on the nav bars. Ads are running into it, and the tabs are cutting into the bottom menu options under the nav bar, any idea? Thanks

Look in additional.css for body_wrapper

Adjust the padding/margin-top css and add more room, style is not up in front of me and still sipping coffee so if that's not it let me know and I'll check my copy of the style.

[pityocamptes]

Seems to be messing up the template if I decrease, or increase the number on the far right (104). Anyway to drop the advertising box?:

.body_wrapper {
margin-top:{vb:math {vb:stylevar navbar_tab_size.height} + {vb:stylevar navbar_tab_size.height} - 104}px;
padding: {vb:stylevar body_padding};
background: {vb:stylevar body_background};
border: 1px solid #707070;
-moz-border-radius: {vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
border-radius: {vb:stylevar border_radius};
-moz-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
-webkit-box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
box-shadow: -3px 3px 3px {vb:stylevar shadow_color} !important;
}

[pityocamptes]

Ok, changed it to 50px and it did separate the ad from the tabs but I noticed that the white line gap between the body and the white line on the bottom of the tabs is not like it was with the original version. Also, how do I get the white lines back on the sides of the tabs like originally? Thanks.

[TheLastSuperman]

Ahh ^ yes you must be using the newer version, there was an issue with how the header displayed the background in prior versions so now it uses the background image to do the line (so view the background by itself, now you see the line. I made the header/logo area a set size) so when you add in a logo that is larger than the included one you must adjust all this including the background image where as previously it moved itself but then the display issue was present and demanded a fix respectfully.

The tabs are part of the navbar template and the white is actually #707070 like you see in the code above so when you edit additional.css you can see where the new lines of css are for the navbar and then copy that to the dbtech tab css if present to also duplicate the lines on the side.

[pityocamptes]

Ok. Sorry for being an idiot but you lost me. So are you saying no chance to fix that?

[TheLastSuperman]

If you're referring to how the silver line goes horizontal across the screen then no, reason being its a stationary background image, someone makes a logo 500px high instead then it makes the navbar go down more and the line is out of sync. Unless I offer to edit the background for everyone who ever needs it then it cannot be done and I'm not offering that - you could ask a friend or graphic designer to redo the background OR make a new one (and in turn simply wrap the entire navbar with the silver line OR remove it entirely as you see here - www.boatchicago.com which btw is what inspired me to create Avenger (https://vborg.vbsupport.ru/showthread.php?t=312369) from the Boat Chicago style, similar ;).

[pityocamptes]

Do you think it could be a margin or padding error? See how the whit line goes across the top of the navbar which is not how it is in the vanilla copy. Thanks.

[TheLastSuperman]

Do you think it could be a margin or padding error? See how the whit line goes across the top of the navbar which is not how it is in the vanilla copy. Thanks.

It's margin issue, the white line is actually drawn into the entire background... right-click on the background and tell your browser to view the image, see? ;).

So adjust the #navbar / .navbar margin in additional.css so it's less, then it will move up and the very top blue of the navbar where the tabs are, will overlap the white line in the background making it seemingly disappear :cool:.

[AnonymousHC]

Nice Design, will download this later.

[pityocamptes]

OK, fixed the horizontal line below image. The other question I had is I lost the white line that runs vertical along the navtabs, not sure why. I did purchase the dbtech mod for navtabs. Do you know what might be going on? Thanks again!

[pityocamptes]

BUMP!!!!

[MarkFL]

OK, fixed the horizontal line below image. The other question I had is I lost the white line that runs vertical along the navtabs, not sure why. I did purchase the dbtech mod for navtabs. Do you know what might be going on? Thanks again!

If you are experiencing an issue resulting from installing an add-on, the best thing to do is post in the thread pertaining to that mod instead of here.

A style designer should not be expected to iron out issues caused by an add-on he/she did not code. :D

[pityocamptes]

Well just wondering if it is a simple fix, padding issue, etc... thanks.

[TheLastSuperman]

OK, fixed the horizontal line below image. The other question I had is I lost the white line that runs vertical along the navtabs, not sure why. I did purchase the dbtech mod for navtabs. Do you know what might be going on? Thanks again!

See below.

BUMP!!!!

See below.

If you are experiencing an issue resulting from installing an add-on, the best thing to do is post in the thread pertaining to that mod instead of here.

A style designer should not be expected to iron out issues caused by an add-on he/she did not code. :D

Yes and no, sometimes not even a mod author knows wtheck a designer did in some areas, in situations like that you do something like this (https://vborg.vbsupport.ru/showthread.php?t=307739) or more advanced however 99% of the time, you're comment would be correct but in some situations its best to ask the designer of the style to actually look into the issue you're having.

Well just wondering if it is a simple fix, padding issue, etc... thanks.

pity wtheck are you doing? I can tell you this much and don't take it the wrong way but you're not reading what I took time to type out long ago - that hurts my feelings cha'know! *Laugh with me on that one I'm jesting with you at best lol :p
- See here for info about the dbtech mod that adds a secondary navbar, the fix is listed in post #2 of this thread (https://vborg.vbsupport.ru/showpost.php?p=2238982&postcount=2) and if by some off chance it does not fix it for you and I've seemingly stuck my foot in my mouth then let me know otherwise should be sorted :D.

[pityocamptes]

Thanks! I tried that, did not seem to work... oh well...

[fionix]

Is this skin available for VB5.1.7 maybe? or can it be done? please post here or PM.

[TheLastSuperman]

This can be made for 5.1.7, I give permission for YOU or someone you hire to remake this on your site only in 5.1.7 or similar vB5 format, I need nothing no compensation and no need to include link to me or anything at bottom of the style :cool:. I do not give permission for this to be modified then shared etc.

Will I be making this for 5.x series? Not planned at the moment.

[e24h]

No problem. I had to have the main as a category, create a new forum or category and then all my forums beneath this became child to the new forum/category.

On a side note, how do I incorporate Ozzys html markup for the top line where it says welcome and XXXXXXXXX user name? The html markup works everywhere but here... thanks.

[TheLastSuperman]

No problem. I had to have the main as a category, create a new forum or category and then all my forums beneath this became child to the new forum/category.


On a side note, how do I incorporate Ozzys html markup for the top line where it says welcome and XXXXXXXXX user name? The html markup works everywhere but here... thanks.

I would need to see the mod, I can't simply "quickly" download and review then supply an answer as those mods no longer exist on this site.

[dachkraxler]

How can I change this color in the red frame?

https://vborg.vbsupport.ru/external/2015/07/10.png

[TheLastSuperman]

Find/Adjust/Add this to additional.css:

#sidebar_container .blocksubhead {
color: #ffffff;
}

Adjust the #ffffff to your color! As Shown:

#sidebar_container .blocksubhead {
color: #FF4400 !important;
}

What version are you using? vBulletin I mean, haven't seen it do the dark link color unless on a version the style was not made for.

[dachkraxler]

What version are you using? vBulletin I mean, haven't seen it do the dark link color unless on a version the style was not made for.

Hello, I use version 4.2.2.
Thanks for helping amending
but I still have time, the dark color in the red box.
Can I change it?

[mystiksven]

First wanna say Thanks You for this great style :D

I would like to use it as our default style but i have there a problem with ibProArcade2.7.0+ on your style - you can see it on the screen shot. Can you give me a hint how i can fix this maybe.

Many thanks,

sven

[TheLastSuperman]

First wanna say Thanks You for this great style :D

I would like to use it as our default style but i have there a problem with ibProArcade2.7.0+ on your style - you can see it on the screen shot. Can you give me a hint how i can fix this maybe.

Many thanks,

sven

Follow the information outlined here (https://vborg.vbsupport.ru/showthread.php?p=2241705&highlight=arcade#post2241705). That should sort the css issue, it will also perma-fix the arcade to correctly call additional.css (perma-fix until you update it and/or the template is overwritten).

[mystiksven]

Many Thanks for your fast reply :D

I got most fixed. There is still onpe part left thant i dun get changed. I didn?t find the templates vB4_ARCADE and additional.css . Also the header logo/nanner isn?t shown.

Have a great weekend :p

sven

[TheLastSuperman]

Many Thanks for your fast reply :D

I got most fixed. There is still onpe part left thant i dun get changed. I didn?t find the templates vB4_ARCADE and additional.css . Also the header logo/nanner isn?t shown.

Have a great weekend :p

sven

When you view the templates, some are a "Family" the ones with the >> arrows, once you double-click the name it expands and list all templates within the templates family so you need to click on >> CSS Templates and expand, additional.css is there at the very top. If its not then you sir are running a severely outdated version because the lack of additional.css was only present in the very early lifespan of vB4.x series and they included it after much demand. Lynne also before it was done created a mod to add additional.css and link to it, just old tidbits of info I spill out from time-to-time :D.

[mystiksven]

Many Thanks TheLastSuperman :D

I installed ibProArcade2.7.2+ on our 4.2.3 vb site. Seems there is no additional.css script on this - i could not find it. :confused:

[TheLastSuperman]

^ Remember, additonal.css is not added by IbProArcade - additional.css is actually a vBulletin template within the CSS template family. Alternatively do you see the vBulletin-chrome.css or other templates there? You *should* be fine posting it at the bottom of one of those css templates I'm not sure why additional.css is not showing, it should and I find that odd just so you know its not the norm.

[mystiksven]

I found the additonal.css now. No idea why i didn?t find it earlier :confused:

Do i need to change something there ?

Many Thanks :D

[TheLastSuperman]

I found the additonal.css now. No idea why i didn?t find it earlier :confused:

Do i need to change something there ?

Many Thanks :D

No.

When someone says anytime in the future to paste code that looks similar to this:

.exampleclass {
color: #000000;
}
#exampleid {
color: #000000;
}

You would paste that into additional.css. I wanted to clarify that since you said previously that you could not find the template but now you can.

^ On that same subject though, I need you to understand that you could not find the template additional.css but now you know where it is! So you must do the same thing for the arcade template, you must find it then add the code shown in blue from this post to the arcade template (https://vborg.vbsupport.ru/showthread.php?p=2241705&highlight=arcade#post2241705) <-- Click that link, follow the instructions in that post to fix your arcade style.

[mystiksven]

Many Thanks :D

[netzoner]

nice thanks alot

[TheLastSuperman]

Hello, I use version 4.2.2.
Thanks for helping amending
but I still have time, the dark color in the red box.
Can I change it?

ACK! I overlooked this apparently, sorry about that!

Lets see... on my version its not showing recent visitors in the dark color... so not sure what is causing that for you honestly but you can try this fix:

Add this to additional.css:
#sidebar_container .userprof_content a, #sidebar_container .userprof_content a:hover {
color: #d3ab04 !important;
}

Again, not sure why its doing that but let me know if that sorts it, should ;).

[mangmel]

tell me where to change header logo ?

found on stylevar / titleimage

[Paulski01]

Any chance this will work with 4.2.3 in the future?

[TheLastSuperman]

tell me where to change header logo ?


found on stylevar / titleimage

Great! For others in the future, this is outlined in the mods second post along with other useful information.

https://vborg.vbsupport.ru/showpost.php?p=2238982&postcount=2

Any chance this will work with 4.2.3 in the future?

Yes'sir :cool:. Soon as I'm not inundated with work I'll update this to work with 4.2.3, I always do updates to free styles in my spare time and as of late with recent Holidays and New Years there has only been time off for family not much free time for el numero uno here honestly (save me ack!!!!!) so soon as I have a few free mins and I'm not already burnt out for the day I'll gladly sit down and update it ;).

[Paulski01]

Many thanks for the info, much appreciated!

[Manoel J?nior]

Hello Last SuperMan help me with a question, please, as you did for notifications, logins and all are at the bottom and not on top?

https://vborg.vbsupport.ru/external/2016/02/18.png

I liked the way you did, it preserved the banner. I'm currently using template Ultimate Green SEO Themes.

Could you help me how to do?

[TheLastSuperman]

Hello Last SuperMan help me with a question, please, as you did for notifications, logins and all are at the bottom and not on top?

https://vborg.vbsupport.ru/external/2016/02/18.png

I liked the way you did, it preserved the banner. I'm currently using template Ultimate Green SEO Themes.

Could you help me how to do?

Do a "search in templates" for .toplinks

It should be in the vbulletin-chrome.css template but in your custom or purchased style might be in additional.css if they've made any changes to that css class.

.toplinks {
position:absolute;
{vb:stylevar right}:{vb:math {vb:stylevar padding}*2};
top:0;
color:{vb:stylevar toplinks_link_color};
font: {vb:stylevar header_font};
text-align:{vb:stylevar right};
background:{vb:stylevar toplinks_background};
}

Change the "top:0;" to a new number then save and also refresh the forum page to see how it looks. If 10 does not work then change it to 10px (this is just to test) and see if it moves, once you see it move you can then keep entering in a new amount until it's positioned correctly.

Alternatively you can add this to additional.css template:

.toplinks {
margin-top:100px !important;
}

^ Same as with the other example i.e. change the 100px to a new value until it's positioned correctly.

Let me know ;).

[setishock]

I keep coming back and looking at this skin. So now that I found a ftp program that works with my hosting I want to try it.

However I have a few questions. (I came back and edited my post after I got it up and running.)
Why install in the VB images folder? Doesn't matter now.
I don't want to over write that folder so which folder in the download is the one to just park in the images folder? I figured it out.
The gap in between the VB copy right and your link is too much. How can it be pulled up so it butts up to the bottom of the VB text? Once I got it working the gap isn't really all that bad.

I like it!!! Thanks for sharing this with us. It's a really neat theme.

[setishock]

Any chance this will work with 4.2.3 in the future?

I'm running it on 4.2.3 and looks like it works just fine. Feel free to come by and check it out. Link is in my sig.

[setishock]

https://vborg.vbsupport.ru/

How do you get rid of the haze in the red circle?

[Wmteknik]

Thank you..

[TheLastSuperman]

http://multirotorplatforms.com/attachment.php?attachmentid=1312&d=1455869203

How do you get rid of the haze in the red circle?

The image you linked to is an attachment and on your site guests can't view attachments so I can't see what area you're referring to when you say "haze in the red circle". If you'll upload to http://postimage.org/ or a similar site then post a link I'll gladly assist ;).

Thank you..

You're welcome :D.

[setishock]

Sorry about that.

http://s15.postimg.org/bipi5av0r/logo_haze.jpg

[TheLastSuperman]

^ Ahh that is actually an effect on the gradient background, so it can't be removed (I no longer have the layered file for it, sorry!) so in order to remove it you'll need to cut a part of the left and copy it right OR create a new background image.

[Wmteknik]

Thanks

[TheLastSuperman]

I was told this works fine on 4.2.3, confirmed for myself today that it does indeed work on 4.2.3. If you're installing for the first time/updating simply select "Ignore Style Version" when importing the style.xml.

[filmking]

Appears that the "fluid" version is working fine in vBulletin Version 4.2.4 Beta 2.
Also made logo clickable by removing the "comments" at the beginning of the header.

[dmm2020]

Template does not load for CMS. Take a look at http://friends-arcade.com then click on Articles.

What is fix?

[TheLastSuperman]

Template does not load for CMS. Take a look at http://friends-arcade.com then click on Articles.

What is fix?

Hey Doug :D

I saw your pm and yes I remember you! Posting what I think the fix is in public though so anyone else with same issue can possibly fix the same way ;).

Quite a few people don't realize that the CMS can have a specific style set. If you've ever specifically set it in the past, you may not recall so what you need to do is check:
- Navigate to your CMS page.
- Click the Pencil icon beside the text "The Front Page" the pencil icon is to the right of that text IF you're logged-in as an administrator.
- Click the drop-down to the right of "Style" and select the style you wish the CMS to use.

*If you want the CMS to use the style specified in the style settings so it always matches the active style in use the choose the option "Inherit" and that will ensure the CMS defaults to whichever style is set as the default respectively ;).

^ Did that fix it? Let me know :p

[dmm2020]

Nope. All it does is refresh into default template. My website is acting weird all over the place. The forum section does not load properly so I may to a clean reinstall of everything. I am hoping to avoid that. Something seems corrupted somewhere.

[dmm2020]

I found a band-aid fix basically but it works. I made this the default template and deleted the vanilla default template that shipped with vBulletin. Everything appears to work and my issue in your PM with the Forum is forum has to be default in the navigation or it errors out against the arcade I have installed. What I have now works fine.

[TheLastSuperman]

I found a band-aid fix basically but it works. I made this the default template and deleted the vanilla default template that shipped with vBulletin. Everything appears to work and my issue in your PM with the Forum is forum has to be default in the navigation or it errors out against the arcade I have installed. What I have now works fine.

I noticed when visiting the site, the forum is just that i.e. on the top level url and not in a folder such as /forums/ however your CMS is in a sub-folder? Example: www.example.com/cms/

What I think you did was try to install the CMS in the root and meant to have the forums in a folder perhaps? Not entirely sure but glad to hear it's fixed for now, don't go pulling any hairs out or completely re-installing until there simply is no fix at all, never a need to redo work when sorting one little error might sort it all :cool:.

[dmm2020]

I noticed when visiting the site, the forum is just that i.e. on the top level url and not in a folder such as /forums/ however your CMS is in a sub-folder? Example: www.example.com/cms/

What I think you did was try to install the CMS in the root and meant to have the forums in a folder perhaps? Not entirely sure but glad to hear it's fixed for now, don't go pulling any hairs out or completely re-installing until there simply is no fix at all, never a need to redo work when sorting one little error might sort it all :cool:.

I got errors when I had it in the folder so everything is in the root. I wanted to try the folder method because with other software it was cleaner to do your own mods that way. But if it produces any kind of errors (that I think is mod_rewrite not the code) it is not worth it at this time.

[dachkraxler]

the selection in the calendar is no longer displayed.

[TheLastSuperman]

the selection in the calendar is no longer displayed.

Perhaps its because Friday is beckoning me to not think correctly LOL! I'm not understanding or perhaps realizing what is missing - it appears as if that's the box you specify IF you're able to attend an event on the calendar, if so will you please post a link to that event page on your site, I'll switch between styles and provide a fix when found ;).

[dachkraxler]

Here is a link:
http://www.cbf-1000.de/VBForum/calendar.php?do=getinfo&e=617&day=2016-12-3&c=2
Unfortunately, I can not enter the blue style in the calendar.
We might hang on a template since it is only after the update of vBulletin 4.2.3 so.

[TheLastSuperman]

Here is a link:
http://www.cbf-1000.de/VBForum/calendar.php?do=getinfo&e=617&day=2016-12-3&c=2
Unfortunately, I can not enter the blue style in the calendar.
We might hang on a template since it is only after the update of vBulletin 4.2.3 so.

Du bist nicht angemeldet oder du hast keine Rechte diese Seite zu betreten. Dies k?nnte einer der Gr?nde sein

So in other words I need a basic account login ;) :p.

[dachkraxler]

So in other words I need a basic account login ;) :p.

ohh, sorry

User: Testseppel
Pass: Test1456

[dachkraxler]

the selection in the calendar is no longer displayed.



I have found the solution.
I had the template: calendar_showeventsbit
change.
Just copy it from the original style and paste it into the Avenger Blue.
Now everything works again.

[Coder2016]

Thanks