Contraverse vBulletin Skin

Black and blue tech skin, 100% home-made images (excluding pre-existing vBulletins minor graphics of course!)

This skin was originally designed by myself as a phpBB3 template but I have ported over to vBulletin as a request for a friend. Figured I could include it here if anyone wants to use it.

blank psd's for logo and buttons included.

[basskiller]

Originally Posted by ChaosBurnt

I have to say basskiller, I'm lost for an answer, there is no reason what so ever for the code not to work I can think of.
Placing the end div where you say you have it will result in the div content being completely out of alignment.
I have searched extensively on the net for any other people reporting similar problems to the one you suggest but have yet to find anything the same, and most certainly have not found a solution. I could understand if the code was bad but the code I have used is perfectly correct, I'm at a loss mate

Just so you can see what I mean, this is the result of your notion in FF:

Not a problem at all.
Two other things
Can you supply us with a blank logo image? I would like to add my site name and slogan to it.
May i ask, What is the font that you used on the logo image?

Thanks again for a great skin!!!

[ChaosBurnt]

Originally Posted by basskiller

Not a problem at all.
Two other things
Can you supply us with a blank logo image? I would like to add my site name and slogan to it.
May i ask, What is the font that you used on the logo image?

Thanks again for a great skin!!!

There's a psd for the logo in the psd folder basskiller, the font is N-Gage, this is also in the psd folder. In case you do not have photoshop I'll attach a blank logo.gif now for you to use in any paint package

[basskiller]

Originally Posted by ChaosBurnt

There's a psd for the logo in the psd folder basskiller, the font is N-Gage, this is also in the psd folder. In case you do not have photoshop I'll attach a blank logo.gif now for you to use in any paint package

sorry about that..I only looked in the misc folder..LOL Thanks again!!!

huge thumbs up!!!

[albibak]

Thanks for this style.
You can find a french translation here and in attachement

[ChaosBurnt]

Originally Posted by albibak

Thanks for this style.
You can find a french translation here and in attachement

Excellent albiback, link added to second post of thread

[Super Jinni]

Originally Posted by basskiller

6.0

But I have found a way to fix it.. atleast on my end

whereas the original looks like this

<div  id="wrap">
<!-- logo -->
<a name="top"></a>
    <div id="logo_block">
     
        <div class="logo-l"></div>
        <div class="logo-m"><div style="text-align:center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />$ad_location[ad_header_logo]</a></div></div> 
        <div class="logo-r"></div></div>

and I moved the "div" closing tag (in red) to here

<div  id="wrap">
<!-- logo -->
<a name="top"></a>
    <div id="logo_block">
     
        <div class="logo-l"> 
        <div class="logo-m"><div style="text-align:center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />$ad_location[ad_header_logo]</a></div></div> </div>
        <div class="logo-r"></div></div>

which seems to make it work for me ..

again..Thanks for the skin..Probably the best I've seen in quite some time..Great work!!!

One other question
which font are you using for the logo? is there somewhere I can find that easily?
Thanks again

Originally Posted by ChaosBurnt

Okay, I think the problem is the use of the secondary div, which struck me as superfluous when I used it, but the day had been a long one, you know how it is. Finding the source of problems once the skin is finished is not so easy, but the secondary div still makes no sense to me, so let's try this.

Find this:

<div id="logo_block">
     
        <div class="logo-l"></div>
        <div class="logo-m"><div style="text-align:center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />$ad_location[ad_header_logo]</a></div></div>
        <div class="logo-r"></div>
    </div>

Replace with this:

<div id="logo_block">
     
        <div class="logo-l"></div>
        <div class="logo-m" style="text-align: center;"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />$ad_location[ad_header_logo]</a></div>
        <div class="logo-r"></div>
    </div>

Let me know how it goes

Originally Posted by basskiller

It seems to create the same problem as before

Originally Posted by ChaosBurnt

I have to say basskiller, I'm lost for an answer, there is no reason what so ever for the code not to work I can think of.
Placing the end div where you say you have it will result in the div content being completely out of alignment.
I have searched extensively on the net for any other people reporting similar problems to the one you suggest but have yet to find anything the same, and most certainly have not found a solution. I could understand if the code was bad but the code I have used is perfectly correct, I'm at a loss mate

Just so you can see what I mean, this is the result of your notion in FF:

I think this problem is for some reasons in some browsers which they read every <div> in it's own line.

you can try this to make the two div in the same line and i think this will fix the problem:

add style="float: left;" so your code will be like this:

<div  id="wrap">
<!-- logo -->
<a name="top"></a>
    <div id="logo_block">
     
        <div class="logo-l" style="float: left;"></div>
        <div class="logo-m"><div style="text-align:center"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />$ad_location[ad_header_logo]</a></div></div> 
        <div class="logo-r"></div></div>

OR

<div id="logo_block">
     
        <div class="logo-l" style="float: left;"></div>
        <div class="logo-m" style="text-align: center;"><a href="$vboptions[forumhome].php$session[sessionurl_q]"><img src="$stylevar[titleimage]" border="0" alt="$vboptions[bbtitle]" />$ad_location[ad_header_logo]</a></div>
        <div class="logo-r"></div>
    </div>

and of course you can set the float for each div there

[ChaosBurnt]

Hello Super Jinni, the logo-l has the float left in the additional css, this is the css I'm using:

/* logo cells ================================== */
#logo_block {
    margin: 0px;
    padding: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.logo-l {
    background-image: url(images/contraverse/misc/logo-l.gif);
    background-repeat: no-repeat;
    height: 211px;
    float: left;
    width: 190px;
    padding: 0px;
}

.logo-m {
    background-image: url(images/contraverse/misc/logo-m.gif);
    background-repeat: repeat;
    height: 211px;
    margin: 0px 190px 0px 190px;
    width: auto;
    padding: 0px;
}

.logo-r {
    background-image: url(images/contraverse/misc/logo-r.gif);
    background-repeat: no-repeat;
    height: 211px;
    float: right;
    margin-top: -211px;
    width: 190px;
    padding: 0px;
}
/* ================================================================================ */

Perhaps I have error in the css, I don't believe so but, well you never know eh!

[Super Jinni]

your CSS seems to be correct.
and it will work in most browsers if not all.
but in some browsers as in basskiller you need to define the float for div itself as I mentioned in my previous post.

for me the style looks fine as I'm using FF3, Flock and IE7.

need to be checked by IE 6 to be sure.

we just need basskiller to try it out and tell us.

[ChaosBurnt]

I'm sorry to have to say that I will not be able to support my vBulletin skins any more, my license expires soon and we (my wife and I) cannot afford to renew it.
I had big plans for working with vBulletin skins, I have tons of development skin ideas too, but it's got to come to an end.
I'm going to have to go back to using phpBB3 and put those new skin concepts to use there instead, it's free you see, no license fees, sadly I hate phpBB3, it's as excrement as compared to cream when I consider vBulletin, but I have no choice.
I'll miss working with vBulletin skins, still, there it is, I wish you all well, take good care of yourselves, may peace be yours through all you endeavour to do.

[ShawneyJ]

love the skin but the word "top" is hanging out side into the black area when accessing the arcade damn it. thought i'd finally found a skin suitable for me site.
anyway sorry to hear ya leaving.