Suite Style - [USML] Military Styles 4.2.0 (Army, Navy, Air Force, Marine Corps, Coast Guard)

A nice set of simple, light styles from U.S. Military Life

Compatible with: vBulletin 4.2.0 + Suite :up:

Available Demos: Army | Navy | Air Force | Marine Corps | Coast Guard

(The background images resize to your screen resolution :up

For the most part, these styles use a lot of vBulletin's default images, so if you have missing images in these styles......well, you're missing your default images

I've included each .xml individually if you want to install each style separately, or just upload one of them, and make the rest of them a child style of whichever style you imported as they all use the same images, and they all have the same template edits in them (Easier to upgrade like this ).

To install, just upload the contents of the upload folder and then go to:
AdminCP => Styles & Templates => Download / Upload Styles => And start importing

More customizations to follow, so don't forget to click installed!

Be nice, this is my first style / style release

The copyright in the footer must stay intact if you wish to use my style. If you want to remove the copyright, either PM or email me and we can discuss this, or you may remove this style from your site.

If you are interested in removing the branding in the footer, please send an email to admin@usmilitarylife.com.

Donations (Thank you!) :up:

• 93Corvette: $5
• shooterdfl: $10
• Alibass: $10

[93Corvette]

That change didn't work....

However, I searched other skins installs and found this code that will work (for me):
I'm not sure if this is the proper way, but it seems to work.

Add this the the additional.css

.doc_header {
text-align: center;
}
.logo-image {
clear:both;
float:none;
}

[HMBeaty]

Strange, it worked for me

[HMBeaty]

Originally Posted by 93Corvette

That change didn't work....

However, I searched other skins installs and found this code that will work (for me):
I'm not sure if this is the proper way, but it seems to work.

Add this the the additional.css

.doc_header {
text-align: center;
}
.logo-image {
clear:both;
float:none;
}

Just checked out your site.

You may want to adjust the top margin for .forum-main-header in additional.css as I see it's cutting things off a little

[HMBeaty]

My suggestion, change your margin to look like this:

margin: 0px 70px 0;

[93Corvette]

HM - Thanks that worked.... I actually am going to put it at 1000px, which I'll explain at the last part.

History 1st.
I run two Navy boards, one for families http://www.navyfamilies.com/forum/forum.php , one for new sailors (called deppers) at http://www.navydep.com/forums/

My wallpaper on deppers site is kind of girly. While my family site now has the airplane from your style mod. They are reversed, the plane needs to be on my deppers site since it macho, and the design needs to be on my family site. The only reason I haven't upgraded my deppers site to VB 4.1.8 is I wanted a cool skin, which you have provided. Thanks....

So two more questions (hope you don't mind so many questions):

I try to teach new sailors the Navy before they go to boot camp. I want them to learn the basic info so they are ready. So I made up a "cheat sheet that they can study, while looking at my website. This way they are learning and having fun at the same time.

So I will be making a child of the style with this wallpaper:
http://i44.tinypic.com/2j4dk5x.jpg
I put my header as 1000px because they now can go back and forth and study this stuff. Go take a look at the site now, it really will work well teaching these guys/gals.

1. So how can I make the borders invisible too on your style? I want to show the jpg underneight. (see arrows)

2. How can I change the white text area to a different color, one of yours is invisible, which is probably the best, but I'll play with it to see if darker would look better.

Here is pictures that point to the area I'd like to change.

Again, thank you for making this skin, it's exactly what I was waiting for.



~~~~~~~~~~~~~~~~~~

[HMBeaty]

93Corvette, try adding this to your additional.css template:

#vsastats_lpdiv, #vsastats_fdiv {
    background: url("images/motivational/background.png") repeat;
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow, .forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
    border: none !important;
}

That should fix the background for the stats and also remove the borders from the forumrows

[93Corvette]

That actually fixed the back ground to solid white (1.) which is exactly what I needed.
How do you make #2. invisible (no white transparent, just solid clear where you see the plane perfectly. I colored in area that needs to be transparent. See post #65 for my other website and you will see the arrows under the navbar (FAQ, Today's Post, Search).

[HMBeaty]

In the template additional.css change forum-main-header to this:

.forum-main-header {
    background: transparent;
    margin: -10px 70px 0;
    border-top: #cccccc 0px solid;
    border-right: #cccccc 0px solid;
    border-left: #cccccc 0px solid;
    width: {vb:stylevar doc_width};
    min-width: {vb:stylevar doc_minWidth};
    max-width: {vb:stylevar doc_maxWidth};
    -moz-border-radius: {vb:stylevar border_radius};
    -webkit-border-radius: {vb:stylevar border_radius};
    padding: 10px;
}

[93Corvette]

HM,
Thanks.... I thought that would look good being invisible, but it ended up not. So I switched it back to the normal code... I appreciate you doing the code.... I just had to see if it would work....

[HMBeaty]

Originally Posted by 93Corvette

HM,
Thanks.... I thought that would look good being invisible, but it ended up not. So I switched it back to the normal code... I appreciate you doing the code.... I just had to see if it would work....

No problem

I probably should've mentioned that it wasn't going to look too good after removing the main background, but didn't quite know how you wanted your site to look :up: