PDA

View Full Version : Corporate Blue


mac27
05-13-2008, 10:00 PM
Here is a business style I designed. I used allot of the default vB colors and graphics, but in the end I think it all worked out. I have added some rollover buttons on the left side of the forum.


DEMO (http://www.themesbydesign.net/forums/index.php?styleid=104)


1. Open your ftp client to your server. Go to your forum's images folder, open it, and create a styles folder.
2. Next, upload the "corporateblue" folder via FTP to your server, into your forum's styles folder, so that your image path is images/styles/corporateblue/buttons, for example.
3. After you've uploaded the folder, open your admin control panel on your forum, and import the xml file, by going to Styles & Templates > Download / Upload styles > Import Style XML File.
4. Click on the Browse button, locate the corporate-blue.xml file, and double-click it so it loads in that box, then hit the Import button.

Now open the folder labeled "Upload to forum root" and upload the file in that folder to your forum root.

That's it!

How to edit your buttons in the side column.

1. Go into adminCP | Styles & Templates | Style Manager | Edit Templates | Forum Home Templates | Forumhome.
2. Now below the $navbar you will see the following:


<div id="menu2">
<ul>
<!-- CSS Tabs -->
<li><a id="current" href="http://www.YOURSITE.com">YOUR SITE</a></li>
<li><a href="Link 2">Button 2</a></li>
<li><a href="Link 3">Button 3</a></li>
<li><a href="Link 4">Button 4</a></li>
<li><a href="Link 5">Button 5</a></li>
<li><a href="Link 6">Button 6</a></li>

</ul>
</div>This is where you edit your buttons. I have a sample one done for you to see how to do it.


To add a new button just add this line above the </ul> tag:


<li><a href="Link 2">Button 2</a></li>


I hope you enjoy this style.

Thanks
Chris

Ohiosweetheart
05-14-2008, 10:28 PM
You made nice use of the vBulletin default skin. Good work Chris!

mac27
05-15-2008, 12:27 AM
Thank you mam. :D

ShawneyJ
05-15-2008, 10:15 AM
this is amazing, i would love to have the side bar there the hole time would be great.
then i would install ;)

Excellent

Scout24
05-15-2008, 05:17 PM
Thx looks nice

mac27
05-16-2008, 12:40 AM
this is amazing, i would love to have the side bar there the hole time would be great.
then i would install ;)

Excellent

I see what I can do about that for you. :D

Thx looks nice

Thanks. Be sure to click install if you use it.

mac27
05-16-2008, 02:50 AM
this is amazing, i would love to have the side bar there the hole time would be great.
then i would install ;)

Excellent

See if this is what you are wanting?

http://www.vbstylewizard.com/forum/index.php?styleid=7

ShawneyJ
05-16-2008, 06:08 AM
See if this is what you are wanting?

http://www.vbstylewizard.com/forum/index.php?styleid=7

thanks man but i would like the side bar links on forum home to be there still when you click a thread etc:

cheers man and keep up with the good work.

tekram
05-16-2008, 07:26 AM
Sorry but the file in the Folder "Upload to forum root" i´ve uploaded to forums root, but nothing is show me up....

Only links ??? no grafik

paramegsoft
05-17-2008, 12:16 AM
coool

look good to me i hope you can offear it with diffrent colour

mac27
05-17-2008, 12:41 AM
thanks man but i would like the side bar links on forum home to be there still when you click a thread etc:

cheers man and keep up with the good work.

It should have had the side column when viewing threads. I will look at it again.

Sorry but the file in the Folder "Upload to forum root" i?ve uploaded to forums root, but nothing is show me up....

Only links ??? no grafik

You must have done something wrong. Click install if you want support on this.

coool

look good to me i hope you can offear it with diffrent colour

I could do this. Just hang in there with me. I have allot of custom jobs to do. I will do this though.

tekram
05-17-2008, 05:30 AM
Now í´ve click

bluidkiti
05-17-2008, 09:01 PM
menu2.gif is not showing up for me either.

mac27
05-18-2008, 01:21 AM
Sorry but the file in the Folder "Upload to forum root" i?ve uploaded to forums root, but nothing is show me up....

Only links ??? no grafik

Thank you for clicking install.

Is your forum located at www.yoursite.com/forum or forums?

menu2.gif is not showing up for me either.

You have to make sure the menu2.gif is uploaded to your forum root directory or it will not show up. If you have it uploaded post a link to your forum and I will have a look.

Lori
05-25-2008, 07:34 PM
Chris,
can you have a look and let me know what I've done wrong -
http://www.miabellateam.com

Thanks!

Lori

mac27
05-26-2008, 12:00 AM
Hi Lori,

If you could create me a test account I would be more than happy to have a look at it for you. Just PM me the info once you get it setup.

cartoonpier
05-26-2008, 10:09 PM
its look great. good work

mac27
05-29-2008, 01:40 AM
Thanks for the comment.

StreetTriple
06-03-2008, 02:59 PM
thanks a lot!
Can you give me a .psd files of a "button" images (Forum, usercp, memberlist, calendar...etc) ?
I want to translate it in a italian lenguage!

Another question:
How i can center links in a left box in forumhome?
When i have modified the standard links, the new links are align to right... and i can't move it in any mode...

Player-63
06-03-2008, 11:24 PM
Very nice style, Installed :)

mac27
06-05-2008, 01:39 AM
thanks a lot!
Can you give me a .psd files of a "button" images (Forum, usercp, memberlist, calendar...etc) ?
I want to translate it in a italian lenguage!


Another question:
How i can center links in a left box in forumhome?
When i have modified the standard links, the new links are align to right... and i can't move it in any mode...

There is no PSD. The buttons in the navbar are css designed. So the text should show up in your language.

As far a aligning the links in the sidecolumn look in the Main CSS area of the style. Then scroll to the very bottom and you will see the settings for doing that in the CSS.

Very nice style, Installed :)

Thanks! :D

StreetTriple
06-06-2008, 09:37 PM
There is no PSD. The buttons in the navbar are css designed. So the text should show up in your language.


Are you shure?
In the MISC folder, there are all buttons presents in the navbar....
How i can (or where) change it?

mac27
06-07-2008, 12:42 AM
I apologize. I was confused with another one of my styles. DOH!

I do not have a PSD file for those buttons. I am leaving on vacation in a few hours, but when I get back I will upload a blank button for you so you can create your own buttons. Please hang tight with me.

StreetTriple
06-07-2008, 07:38 AM
ok thank you! i wait your answer!

mac27
06-15-2008, 11:42 PM
OK try this button and see how it works for you.

Hache
06-16-2008, 12:51 PM
the image in the left boxes doesnt seem to work

http://www.fsfootball.com/forums/index.php?styleid=2

i uploaded it to forum root, but no luck!

mac27
06-16-2008, 11:30 PM
the image in the left boxes doesnt seem to work

http://www.fsfootball.com/forums/index.php?styleid=2

i uploaded it to forum root, but no luck!


That is because the CSS code is setup for forums located at www.yoursite.com/forum and your forum is at www.yoursite.com/forums

Do this and it will get it fixed for you.

Goto into adminCP > Styles and Templates> Style Manager> Corporate Blue> Edit Main CSS

Now scroll to the very bottom of the page and look at the bottom box located in the box labeled Additional CSS Definitions.

In the bottom box replace all the code with this:


/* ***** Postbit Legacy layout ***** */
.pbit {
padding-left: 1px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 2px;
background-color: #F4F3FE;
border-top: 1px solid #3B5485;
border-right: 0px solid #F4F3FE;
border-left: 0px solid #F4F3FE;
border-bottom: 1px solid #3B5485;
margin-bottom: 5px;
}

/* ***** Sidecolumn ***** */


ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}



#menu2 {
width: 200px;
margin: 0px;
border-style: solid solid none solid;
border-color: #395384;
border-size: 1px;
border-width: 1px;
}

#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu2 li a:link, #menu2 li a:visited {
color: #3688BA;
display: block;
background: url(forums/menu2.gif);
padding: 8px 0 0 40px;
}

#menu2 li a:hover, #menu2 li #current {
color: #3688BA;
background: url(forums/menu2.gif) 0 -32px;
padding: 8px 0 0 42px;
}



Just click save and all should be good.

Hache
06-17-2008, 07:45 PM
thanks for your help. I did that but it doesnt seem to have worked

mac27
06-18-2008, 02:43 AM
I will look more into this as to why your site is not showing the buttons. Look for an answer tomorrow night.

Pete C
06-18-2008, 10:18 PM
I've finally got this working properly on my test board. I too had problems making the graphics appear for the left side boxes. Since I also use the directory forums (not forum) I edited the Main CSS as suggested, but still to no avail. I eventually got the graphics to display by using their absolute URL rather than the relative URL shown in the update.
Maybe this will work for anyone else who's still having problems:


/* ***** Postbit Legacy layout ***** */
.pbit {
padding-left: 1px;
padding-right: 3px;
padding-top: 1px;
padding-bottom: 2px;
background-color: #F4F3FE;
border-top: 1px solid #3B5485;
border-right: 0px solid #F4F3FE;
border-left: 0px solid #F4F3FE;
border-bottom: 1px solid #3B5485;
margin-bottom: 5px;
}

/* ***** Sidecolumn ***** */


ul {
list-style: none;
margin: 0;
padding: 0;
}

img {
border: none;
}



#menu2 {
width: 200px;
margin: 0px;
border-style: solid solid none solid;
border-color: #395384;
border-size: 1px;
border-width: 1px;
}

#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu2 li a:link, #menu2 li a:visited {
color: #3688BA;
display: block;
background: url (http://yourdomain.com/forums/menu2.gif);
padding: 8px 0 0 40px;
}

#menu2 li a:hover, #menu2 li #current {
color: #3688BA;
background: url (http://yourdomain.com/forums/menu2.gif) 0 -32px;
padding: 8px 0 0 42px;
}

Simply change the text in red to the full URL where menu2.gif is located.

Anshpcea
06-23-2008, 01:27 AM
wow , its really amazing and clean style , love it.

lovevn
06-23-2008, 04:38 AM
I think we should keep the default navbar and use the buttons on the header for some other links.

mac27
06-26-2008, 03:46 PM
wow , its really amazing and clean style , love it.

Thanks for the kind words. :D

I think we should keep the default navbar and use the buttons on the header for some other links.

You can make changes to add the navbar back if you want. Also please click on install if you use this. Thanks.

Mr. Burns
09-24-2008, 03:55 PM
This is what I get ...

https://vborg.vbsupport.ru/external/2008/09/12.jpg

GSeybold
09-29-2008, 01:58 AM
Great design. Simple I love it.

GamBun
10-02-2008, 01:18 PM
This one is very nice! :D

raggyt
10-30-2008, 09:35 PM
another peice of good work cheers

yaku
11-01-2008, 03:22 AM
Love this...very good stuff. Some improvements (at least for me) that I'd like to see:

1) Keep the side bar links when clicking through threads
2) Make the colors on the left hand darker...that light blue is tough to read.

On the whole though, outstanding work here.

Sarunas-PHP
11-12-2008, 05:22 PM
I get what Mr Burns gets !!!

FIX PLEASE !!!

setishock
11-20-2008, 05:54 AM
I've been looking for something like this. Thanks...

Ohiosweetheart
11-20-2008, 11:53 PM
I get what Mr Burns gets !!!

FIX PLEASE !!!If you're having the same issue as MrBurns, then you need to make sure that ALL of your forums have a parent forum (or category).

lordtopcat
11-29-2008, 02:39 AM
Hey,

I'm using your skin here: http://shortystreet.co.nz and would love to know how to make the header (just the header) stretch right across the page. It looks a bit odd at the moment with the white down either side.

Thanks mate! This skin is really good. *Hits installed

setishock
11-30-2008, 01:22 AM
Thank you Ohiosweetheart, worked like a charm. I have two hidden forums for testing and planners(helpers) in my forum. After I made the parent forum the Entrance Portal for both it works as advertised.
Thanks again.

emmy128
12-08-2008, 06:49 PM
Hi, i have downloaded and tried to upload this into my vbulletin (version 3.7.4) that's running off a local server on my computer. the images are all broken links and the menu2.gif is not working at all. I have all the files uploaded correctly, and i had to adjust a couple url's in the xml file as my folder is called 'forums' not 'forum'. do you think its a compatibility problem between this download being compatible with 3.7.0 and not 3.7.4? what could it be?? any ideas?

I really love the left hand navigation buttons, wish they could be static on every page though! thoughts?

Thanks

Emily

emmy128
12-08-2008, 08:07 PM
Hi, i have downloaded and tried to upload this into my vbulletin (version 3.7.4) that's running off a local server on my computer. the images are all broken links and the menu2.gif is not working at all. I have all the files uploaded correctly, and i had to adjust a couple url's in the xml file as my folder is called 'forums' not 'forum'. do you think its a compatibility problem between this download being compatible with 3.7.0 and not 3.7.4? what could it be?? any ideas?

I really love the left hand navigation buttons, wish they could be static on every page though! thoughts?

Thanks

Emily

Well, i figured out most of the problem...very dumb, just had to do with what i named the folder to... anyway, it works on 3.7.4, but the menu2.gif still doesnt work, even with the postbit changed...hmmm... any ideas here?? the links are all there but no image. i cant really send you the link as its running off a server on my computer rather than live on the net...

one other question, i want to add a flash header to this...how do i code that into this?

Thanks VERY much in advance...

Em

jammiedodger546
12-08-2008, 08:29 PM
Installed and working on my test vB 3.8.0 RC1

emmy128
12-09-2008, 02:23 PM
Update: got the postbit working for menu2.gif, there were some extra spaces in the code that was posted that i had to go through and delete...works great now.

Same question as everyone else is how can i get the left hand nav on every page? as well as my last question about coding a flash header into this template.

thanks!

Emily

emmy128
12-11-2008, 09:28 PM
left navigation on every page... copy the code from forum home and paste it into forum display...done!

DinarMet
12-12-2008, 01:14 AM
Excellent style!

Love it!

:up:

jlew24asu
12-31-2008, 11:26 AM
nevermind :)

HaS?R
02-10-2009, 06:24 PM
Thanks.