vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Styles (https://vborg.vbsupport.ru/forumdisplay.php?f=195)
-   -   Black and Blue Style (https://vborg.vbsupport.ru/showthread.php?t=136218)

SmashinYoungMan 01-10-2007 10:00 PM

Black and Blue Style
 
Hello, all!

I finally decided to release a style. It is a vB 3.6.5, 951 pixels fixed width, dark blue and deep gray/black style. I developed this theme on my test installation on my PC, so unfortunately there is no live demo, but I've attached a couple of screenshots. The theme has been tested with FireFox 2.0, Internet Explorer 6 and 7, and Opera 9.0.

I tried to make it so customizing it is a relatively painless procedure. In the header template, I commented where you can add your own logo, 468x60 ad code, and customize the links (Link1, Link2, etc.).

Included in the zip file are the xml file, button PSDs and icons with a dark matting.

There is no theme copyright in the footer, or any links to any sites of mine. Please, though, do not redistribute or sell the theme.

I'll support it as time allows, and I'll do my best to keep it up to date with each new vB release. If you wish to hire me to do extra customization on it, such as develop a logo, change the buttons, statusicons, etc., just send me a PM.

Please remember to "Mark as Installed"! Bonus points if you decide to throw a donation my way. :p

1-12-2007:
Added the PSD for the layout to the zip file.

5-03-2007:
Added a fluid version of this style. The installation instructions are the same, except for the obvious file name differences. Additionally, the fixed version of this style has been adjusted so that you can set your logo graphic in the "Title Image" field of the style manager, instead of having to edit the header template.

9-10-2007:
Updated the .xml files for vB version 3.6.8.

Installation Instructions:

1. Unzip the "blackandblue_fixed-style.zip" file.
2. Upload the two folders, "icons" and "blackandblue" in the image directory to your forum's image directory.
3. In your admincp, click "Download/Upload Styles" under "Styles and Templates".
4. In the "Import Style XML File" section, browse for the file, "bb-fixed-style.xml" included in the zip file and click the "Import" button, leaving the rest of the options at their defaults.

Enjoy!

GFX Brands 01-11-2007 07:14 PM

very nice style installed

SgtTechHead 01-11-2007 07:55 PM

Excellent! I've been keeping my eye open to see if you'd release some of your work. Will install soon!

Masked Crusader 01-12-2007 06:19 AM

Can we get a PSD file for the header images or for the entire layout if possible?

Thanks.

Distance 01-12-2007 07:24 AM

Hey very sexy stlye, i like!!

bki 01-12-2007 12:40 PM

Very nice.... installed.

But can someone help me how and where to add the image link to the logo.
I have tryed evrything, but with no luck.

PHP Code:

<a name="top"></a
<
table width="951" height="134" border="0" cellpadding="0" cellspacing="0" align="center"
    <
tr
        <
td rowspan="2" width="399" height="134" align="center" style="background: url($stylevar[imgdir_misc]/header_1.jpg);"><a href="$vboptions[forumhome].php$session[sessionurl_q]">Your Logo</a></td
        <
td width="37" height="134" rowspan="2" style="background: url($stylevar[imgdir_misc]/header_2.jpg);"></td
        <
td width="484" height="111" align="center" style="background: url($stylevar[imgdir_misc]/header_3.jpg);"


SmashinYoungMan 01-12-2007 01:11 PM

Quote:

Originally Posted by bki (Post 1157005)
Very nice.... installed.

But can someone help me how and where to add the image link to the logo.
I have tryed evrything, but with no luck.

PHP Code:

<a name="top"></a>
<
table width="951" height="134" border="0" cellpadding="0" cellspacing="0" align="center">
    <
tr>
        <
td rowspan="2" width="399" height="134" align="center" style="background: url($stylevar[imgdir_misc]/header_1.jpg);"><a href="$vboptions[forumhome].php$session[sessionurl_q]">Your Logo</a></td>
        <
td width="37" height="134" rowspan="2" style="background: url($stylevar[imgdir_misc]/header_2.jpg);"></td>
        <
td width="484" height="111" align="center" style="background: url($stylevar[imgdir_misc]/header_3.jpg);"




Replace that bit of code with this:
PHP Code:

<a name="top"></a>
<
table width="951" height="134" border="0" cellpadding="0" cellspacing="0" align="center">
    <
tr>
        <
td rowspan="2" width="399" height="134" align="center" style="background: url($stylevar[imgdir_misc]/header_1.jpg);"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]border="0" alt="$vboptions[bbtitle]/></a></td>
        <
td width="37" height="134" rowspan="2" style="background: url($stylevar[imgdir_misc]/header_2.jpg);"></td>
        <
td width="484" height="111" align="center" style="background: url($stylevar[imgdir_misc]/header_3.jpg);"

That will allow you set to set the logo in the Title Image field in the style manager.

SmashinYoungMan 01-12-2007 01:29 PM

Quote:

Originally Posted by shanejeffery86 (Post 1156809)
Can we get a PSD file for the header images or for the entire layout if possible?

Thanks.

Added to the zip file. :)

bki 01-12-2007 02:06 PM

Quote:

Originally Posted by SmashinYoungMan (Post 1157015)
Replace that bit of code with this:
PHP Code:

<a name="top"></a>
<
table width="951" height="134" border="0" cellpadding="0" cellspacing="0" align="center">
    <
tr>
        <
td rowspan="2" width="399" height="134" align="center" style="background: url($stylevar[imgdir_misc]/header_1.jpg);"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]border="0" alt="$vboptions[bbtitle]/></a></td>
        <
td width="37" height="134" rowspan="2" style="background: url($stylevar[imgdir_misc]/header_2.jpg);"></td>
        <
td width="484" height="111" align="center" style="background: url($stylevar[imgdir_misc]/header_3.jpg);"

That will allow you set to set the logo in the Title Image field in the style manager.

I have figured it out before your post, thanks anyway.

James92TSi 01-18-2007 06:04 PM

Installed on my board (www.houston-dsm.org/forums) and it looks/works great in IE6 and IE7... but Firefox users are having trouble with the navbar.

Screenshot from a FF user is attached... any ideas? :)

Edited to add: The user who took the screenshot is on FF 1.5. I realize the style was tested in 2.0. Is there a fix so this will work in FF 1.5, or do I get to tell my user his browser is outdated and he's SOL?

Edit 2: I also have a FF 2.0 user telling me it's doing the same thing for him.

Sooner95 01-20-2007 04:09 PM

I like it alot. Thx!

Sooner95 01-20-2007 07:37 PM

I have this running on my site now, if anyone wants another site to compare.

Sooner95 01-21-2007 05:08 PM

What font style is that you used on the buttons?

SmashinYoungMan 01-23-2007 05:10 PM

Quote:

Originally Posted by James92TSi (Post 1162353)
Installed on my board (www.houston-dsm.org/forums) and it looks/works great in IE6 and IE7... but Firefox users are having trouble with the navbar.

Screenshot from a FF user is attached... any ideas? :)

Edited to add: The user who took the screenshot is on FF 1.5. I realize the style was tested in 2.0. Is there a fix so this will work in FF 1.5, or do I get to tell my user his browser is outdated and he's SOL?

Edit 2: I also have a FF 2.0 user telling me it's doing the same thing for him.

That's odd. Do you have any plugins installed which affect navbar functionality?

Quote:

Originally Posted by Sooner95 (Post 1164420)
What font style is that you used on the buttons?

Arial Black. :)

James92TSi 01-24-2007 06:31 PM

Quote:

Originally Posted by SmashinYoungMan (Post 1165872)
That's odd. Do you have any plugins installed which affect navbar functionality?

I have iTrader, vB Banner Rotator (by frapegliko), and your style installed. That's it as far as mods go. I don't believe any of those should affect the navbar. vB 3.6.4

In fact, users are telling me that with this as my board's default style, there is no way to log in when the page is viewed in Firefox.... see below:

Quote:

Originally Posted by user on my forum
I have been trying to log onto the board for several days, and it shows the top banner, and then says Archives.

It does not show me anyplace to log in, or view the forum. I thought the board was down, but just now I tried opening the site in IE, and it works.

Can the page just not be viewed in Firefox?

This is what I see when I go to this page in Firefox.

https://vborg.vbsupport.ru/external/2007/01/4.jpg

(after one of the other users suggested that he change to the standard vB style to log in):

https://vborg.vbsupport.ru/external/2007/01/5.jpg


Black Majik 01-25-2007 12:02 AM

here is another users screen shot from that forum. This user is on Firefox 2.0

SmashinYoungMan 01-25-2007 06:50 AM

Is this the banner rotator you have installed? https://vborg.vbsupport.ru/showthread.php?t=129418

If so, did you add the $GLOBALS[bannerads] bit to the style's header or footer? If not, that might be the cause.

Gweedo 01-25-2007 11:35 AM

I installed this yesterday and it is great. The only thing I have noticed is that smilies have a white halo around them because of the dark background color. Any idea on a work around for that? Is there a smilie set for dark colors with a transparent background instead of white?

SmashinYoungMan 01-25-2007 03:44 PM

I didn't include any smilies because most folks use smilies of their own choosing anyway. There are tons of free smilies to be found on the web, though, as well as free smiley sets here.

akulion 01-25-2007 04:19 PM

wow very beautiful

Thank you so much!

James92TSi 01-25-2007 06:17 PM

Quote:

Originally Posted by SmashinYoungMan (Post 1166881)
Is this the banner rotator you have installed? https://vborg.vbsupport.ru/showthread.php?t=129418

If so, did you add the $GLOBALS[bannerads] bit to the style's header or footer? If not, that might be the cause.

Yup, I added $GLOBALS[bannerads] in place of the "sample ad" banner that comes with the style.

I think this was my screw-up. When I first installed the template, I wanted to rem-out the "Link 1 - Link 2 - Link 3 - Link 4" stuff, since I didn't have any links to throw in at that time.

See code below. I added the tag in green, but forgot the tag in red. It worked correctly in IE and I didn't give it a second thought at the time. That'll teach me to install mods at 2am. :o

Code:

<!-- LINKS -->
<!-- REM OUT JEM 01/13/07
                <a href="/">Link1</a> - <a href="/">Link2</a> - <a href="/">Link3</a> - <a href="/">Link4</a>
-->
<!-- /LINKS -->

That is the only difference I can think of between the default style and this one. The default style also has the $GLOBALS[bannerads] on it, but the default style works correctly.

I am betting MSIE would read the (incorrectly modded) HTML differently than FF. FF appears to be reading it as "remark tag is still open". That would certainly mess with the navbar.

Thanks for the help, I will let you know if that code change (adding the close-remark tag) doesn't fix the problem. I'm betting it will fix it.

EDITED TO ADD: Confirmed with a FF 1.5 user. The fix worked. Yay! :)

Thanks for the help - and for the awesome looking style.

-- James

shark7 01-27-2007 03:42 PM

Excellent work.. Thank you.. What do I need to do to put a picture on the top left intead of the text. Thanks

damlost 01-28-2007 08:58 PM

looks nice thanks but i notice now i have a white box with a X inside of it I guess this is called buttons search, quick links. How can i currect this

SmashinYoungMan 01-29-2007 10:57 PM

Glad you got it lined out, James!

Quote:

Originally Posted by shark7 (Post 1168394)
Excellent work.. Thank you.. What do I need to do to put a picture on the top left intead of the text. Thanks

In this bit of code in the header template:
PHP Code:

<a name="top"></a>
<
table width="951" height="134" border="0" cellpadding="0" cellspacing="0" align="center">
    <
tr>
        <
td rowspan="2" width="399" height="134" align="center" style="background: url($stylevar[imgdir_misc]/header_1.jpg);"><a href="$vboptions[forumhome].php$session[sessionurl_q]">Your Logo</a></td>
        <
td width="37" height="134" rowspan="2" style="background: url($stylevar[imgdir_misc]/header_2.jpg);"></td>
        <
td width="484" height="111" align="center" style="background: url($stylevar[imgdir_misc]/header_3.jpg);"

Replace the text "Your Logo" with the link to the image you want to use. Alternately, you can follow the instructions in this post.

Quote:

Originally Posted by damlost (Post 1169286)
looks nice thanks but i notice now i have a white box with a X inside of it I guess this is called buttons search, quick links. How can i currect this

Did you upload the "buttons" folder in the "blackandblue" directory? If so, double-check to make sure you uploaded it to the proper location per the installation instructions.

Thai3g_Eclipse 01-30-2007 12:36 AM

Thank you, this is one of the best looking skins I've seen in a long time. Everything went smooth, but I am having minor problems when the postbit is set to legacy...the blue borders stopped wrapping after the first post. Is there a fix for this? Thank you, and keep up the excellent work.
(See attachment for what I'm referring to)

MisfitGeek 01-31-2007 01:38 AM

Quote:

Originally Posted by SmashinYoungMan (Post 1170148)

In this bit of code in the header template:
PHP Code:

<a name="top"></a>
<
table width="951" height="134" border="0" cellpadding="0" cellspacing="0" align="center">
    <
tr>
        <
td rowspan="2" width="399" height="134" align="center" style="background: url($stylevar[imgdir_misc]/header_1.jpg);"><a href="$vboptions[forumhome].php$session[sessionurl_q]">Your Logo</a></td>
        <
td width="37" height="134" rowspan="2" style="background: url($stylevar[imgdir_misc]/header_2.jpg);"></td>
        <
td width="484" height="111" align="center" style="background: url($stylevar[imgdir_misc]/header_3.jpg);"

Replace the text "Your Logo" with the link to the image you want to use. Alternately, you can follow the instructions in this post.


Did you upload the "buttons" folder in the "blackandblue" directory? If so, double-check to make sure you uploaded it to the proper location per the installation instructions.

I got most of this working, I uploaded everything according to the instructions, however I am not getting the title images (header_1.jpg, etc..) to display. I applied the changes you have listed above and I understand how to get the logo in there, but any idea why the header images are not showing up?

URL for the board is http://www.misfitsrc.com

MisfitGeek 01-31-2007 01:59 AM

Quote:

Originally Posted by MisfitGeek (Post 1170998)
I got most of this working, I uploaded everything according to the instructions, however I am not getting the title images (header_1.jpg, etc..) to display. I applied the changes you have listed above and I understand how to get the logo in there, but any idea why the header images are not showing up?

URL for the board is http://www.misfitsrc.com

OK.. Update.. It looks like it is working on the forums section however it is not working on the vBadvanced side of things... looking into it now, but any suggestions?

MisfitGeek 01-31-2007 02:03 AM

OKay.. figured it out.. I just had to copy the images, etc.. to the root of the domain and it picked it up with the dynamic pathing in the script.

All is working well now... great looking style by the way!

DaiTengu 01-31-2007 11:01 PM

I'm doing a conversion from SMF to vB finally, and I wandered over here looking for a good style for vB. The second thread I clicked on happened to be this one, and It's absolutely perfect.

Thanks for this! :)

SnoopsWarner 02-03-2007 02:37 PM

<a href="http://www.ranger-retrocenter.com/forums/index.php" target="_blank">http://www.ranger-retrocenter.com/forums/index.php</a>

Love this style. One quick question: how do I edit the "Link1 Link2 Link3 Link4" text? I've searched around for it, but I cant seem to pin it down.

Any help?

SnoopsWarner 02-04-2007 02:15 PM

Oh, wait, I read the first post and figured it out. Stupid me :)

xman_79 02-05-2007 08:54 PM

very nice , thanks .

TheBlackPoet 02-11-2007 01:46 AM

i really like fluid styles... but this one stands out.. it is really nice.... installed and will feature as the default theme

guile09 02-17-2007 12:43 AM

Installed on ArcadeForum -- I finally decided to go for a new look and this caught my eye. I'll probably do a little customization, but it is a very nice skin. :up:

Astarias 02-17-2007 06:10 PM

Can someone tell me how to make this span the width of my browser. I love the skin its just a bit too narrow for me.

Astarias 02-25-2007 05:22 AM

Anybody?

ki adi mundi 02-26-2007 08:13 AM

Well, I just installed it- no problems (knocks on wood)! We love this skin- Thank you! I had to change the StatusIcons, to better suit my application, though.

http://www.therogueforums.com/imageh...ackandblue.jpg

This is a very smooth, very clean skin- I highly recommend it. Any chance of a red version of this?

Darkus 02-26-2007 10:56 PM

Possible full width version at all? :)

therogueforums 03-04-2007 03:23 AM

Any word on an update?

LeatherNeck 03-04-2007 03:42 AM

Quote:

Originally Posted by Darkus (Post 1191492)
Possible full width version at all? :)

Same here :) Have got it installed, but would love to see a fluid version :D


All times are GMT. The time now is 05:27 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01611 seconds
  • Memory Usage 1,899KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code_printable
  • (6)bbcode_php_printable
  • (13)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete