TECH6.0

sofiacutie · #1 17-01-2010, 07:44 AM

i think this is a simple question.

I have currently 3.8.4 vbulletin.
If I switch to vbulletin 4.0,

DO I HAVE TO REDESIGN my FORUM??
AM I GOING TO DELETE EVERYTHING?
from my LOGO to FORUM LAYOUT to ADVERTISEMENT PLACEMENTS?

Will Shifting to vbulletin 4.0 be just like (for example) upgrading from 3.8.4 PL1 to 3.8.4 PL2?

Just download the files then upload to my public html through FTP, and replace everything, and the "Look" of my forum will stay the same.
Does it work like that?

webwizzy · #2 17-01-2010, 01:51 PM

In short, Yes, you'll have to work on your CUSTOM DESIGN from scratch if you upgrade to vb4 from 3.8.4.

All your custom templates have to be rewritten from scratch in the all-new CSS style. And all your mods/addons needs to be updated too.

sofiacutie · #3 17-01-2010, 02:44 PM

aaww. that ****s.

got no time to be "re-making" my forum again. whew.

maybe webwizzy if you convert your forums to 4.0, i'll think about converting mine. haha.

your "follower" here.

webwizzy · #4 17-01-2010, 04:15 PM

lol yeah, I got no time right now. I guess by the time I'll be free, vb5 will be out.

sofiacutie · #5 22-01-2010, 11:03 AM

hey webwizzy,my idol.

may i ask a few of your tricks.

i already installed this mod from vbulletin.org

http://www.vbulletin.org/forum/showt...t=color+scheme

you also have this mod.

i was wondering, how in the world did you edit the mod, so that even the header, change color as i select a color of my choice in your "try another color scheme" scheme.

and how did you do your navbar? its BEAUTIFUL!!!!

webwizzy · #6 22-01-2010, 09:40 PM

At first, NO I am not using that mod.

The author of that mod is an old member of this site (now banned), and he copied a lot of stuff from here. Worse thing he did was to publish MY mod under his name. WTF!

Then later I remade this mod from beginning. You'll notice that I am not even using colorchooser.js anymore.

sofiacutie · #7 23-01-2010, 04:56 AM

wow, that S*cks.

well anyway, looking at the bright side,
"Imitation is one of the biggest form of flattery"

and uhm, no, i didn't notice that you're not using colorchooser.js , because, uhm, I don't know where to find that.,

ohh, i'm such a noob.

what can i do then to my problem? how can i also make the header choose its color?

webwizzy · #8 23-01-2010, 09:16 PM

You need to have your header code wrapped within a DIV, like <div id="header"> and then have the header class change its background color in respective CSS files.

sofiacutie · #9 24-01-2010, 06:23 AM

whew, let's see if i can pull this off.

sofiacutie · #10 25-01-2010, 06:23 PM

hey, i'm lost. so lost.

where will i insert the div command on my header? or how will i wrap my header with a DIV?

and what line will i insert in the colorchooser code.

CSS Code:

#topbar {
height: 32px;
background: #CCCCCC;
}
.colorchooser {
float:right;
margin-right:10px;
margin-top:10px;
}
.colorchooser span {
font-family:arial;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
float:left;
display:block;
}
.colorchooser a {
width:10px;
height:10px;
display:block;
float:left;
margin-left:5px
}

What i added in the header:

<link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" title="pinkish-theme" href="pinkish.css" />
<script src="colorchooser.js" type="text/javascript"></script>

<div id="topbar">
<div class="colorchooser"> <span>Choose your color scheme: </span>
<a href="javascript:ChennaigsmStyle('none')" style="background-color:#5A0000;"></a>
<a href="javascript:ChennaigsmStyle('orange-theme')" style="background-color:#FF9900;"></a>
<a href="javascript:ChennaigsmStyle('violet-theme')" style="background-color:#003366;"></a>
<a href="javascript:ChennaigsmStyle('red-theme')" style="background-color:#990000;"></a>
<a href="javascript:ChennaigsmStyle('grey-theme')" style="background-color:#999999;"></a>
<a href="javascript:ChennaigsmStyle('black-theme')" style="background-color:#000000;"></a>
<a href="javascript:ChennaigsmStyle('pinkish-theme')" style="background-color:#B26267;"></a> </div>
</div>

sofiacutie · #11 25-01-2010, 06:24 PM

hey, i'm lost. so lost.

where will i insert the div command on my header? or how will i wrap my header with a DIV?

and what line will i insert in the colorchooser code.

CSS Code:

#topbar {
height: 32px;
background: #CCCCCC;
}
.colorchooser {
float:right;
margin-right:10px;
margin-top:10px;
}
.colorchooser span {
font-family:arial;
color:#FFFFFF;
font-size:10px;
text-decoration:none;
float:left;
display:block;
}
.colorchooser a {
width:10px;
height:10px;
display:block;
float:left;
margin-left:5px
}

What i added in the header:

<link rel="alternate stylesheet" type="text/css" title="orange-theme" href="orange.css" />
<link rel="alternate stylesheet" type="text/css" title="violet-theme" href="violet.css" />
<link rel="alternate stylesheet" type="text/css" title="red-theme" href="red.css" />
<link rel="alternate stylesheet" type="text/css" title="grey-theme" href="grey.css" />
<link rel="alternate stylesheet" type="text/css" title="black-theme" href="black.css" />
<link rel="alternate stylesheet" type="text/css" title="pinkish-theme" href="pinkish.css" />
<script src="colorchooser.js" type="text/javascript"></script>

<div id="topbar">
<div class="colorchooser"> <span>Choose your color scheme: </span>
<a href="javascript:ChennaigsmStyle('none')" style="background-color:#5A0000;"></a>
<a href="javascript:ChennaigsmStyle('orange-theme')" style="background-color:#FF9900;"></a>
<a href="javascript:ChennaigsmStyle('violet-theme')" style="background-color:#003366;"></a>
<a href="javascript:ChennaigsmStyle('red-theme')" style="background-color:#990000;"></a>
<a href="javascript:ChennaigsmStyle('grey-theme')" style="background-color:#999999;"></a>
<a href="javascript:ChennaigsmStyle('black-theme')" style="background-color:#000000;"></a>
<a href="javascript:ChennaigsmStyle('pinkish-theme')" style="background-color:#B26267;"></a> </div>
</div>

and how can i include the color of the background in the colorchooser, just like in vbulletin.org

thank=s.

sofiacutie · #12 26-01-2010, 08:42 PM

i think i'm getting a hold of this.

i just don't know how to wrap the header with a DIV.

in css, .tcat and .vbmenucontrol change color.

i was looking at your vBulletin Variables List

and there was no ".header" or ".background" in the list.

how can i make that?
so i can add it to the css file for color chooser.

webwizzy · #13 27-01-2010, 08:55 PM

This is the header code I am talking about which has to wrapped within a div.

Code:

<div id="header">
<table border="0" width="96%" cellpadding="0" cellspacing="0" align="center">
<tr> 
<td align="left"><h1><a href="/">TECH6.0</a></h1></td> 
<td align="right" id="header_right_cell"> </td> 
</tr>
</table>
</div>

And then simply add to each COLOR.CSS file the required color to change like:-

HTML Code: