This is just a follow up to the excellent css guide by Vanny, which before you start messing around this one, look at his first at http://forum.minitokyo.net/showthread/29687/
I'm gonna go straight to the point, after 7 hours working with MT css I was able to discover more stuff
First, do you want to create new content box with more catagory of stuff? Here's how, under customize userpage content: insert the following in the under <body>
Quote: <div class="outer "><div class="inner ">
<h1 >About Me......</h1>
<h3 >my current profile</h3>(Insert content here)
</div></div>
the <h1> is for the header 1 and <h3> is obviously for header three, to make another content box simply copy this code and change the header and contents.
Note that <div class="outer "><div class="inner "> is the style applied for your box (table) borders so for example if you set your outer box color to black and inner box color to white then that's what it looks like on the new content box.
you can change the outer and inner style class by adding them under <head> tag under your customize user content: mine looked like this:
Quote:
<head>
<style type="text/css">
div.outer {
border: 1px dashed #b42914;
margin-top: 2px;
}
div.inner {
border: solid 1px #b42914;
background: ;
text-align: left;
padding: 2px;
}
</style>
</head>
notice you can change a lot of variables here like the style of borders can be solid, dotted, dashed, etc.
This should cover new content boxes and the table border styles.
Oh yes I also wanted to talk about the template fix by using CSS, you guys probably experienced the top of the template is cut off by 90 pixels right? Well by inserting this under your stylesheet under <style type="text/css">you will be able to fix that
Quote:
div.tr {
background-image: url('http://download.minitokyo.net/cskins/153739/html/bg02.jpg');
background-position: bottom left;
background-repeat: no-repeat;
width: 100%;
height: 201px;
text-align: right;
vertical-align: bottom;
}
Basically I changed the height of the first table row to 201 to match the height of the template.
you'll have to change the background-image: url('http://download.minitokyo.net/cskins/153739/html/bg02.jpg'); according to your information which you can find by viewing the location of your bg02.jpg file, usually if you are using firefix just right click and choose view background image.
One more thing, hmm, you can also change the position of those MT menu (Minitokyo|Gallery|Forum|Reviews|Support|) by inserting this under the stylesheet
Quote:
div.buttons {
padding-top: 165px;
margin-left: 108px;
padding-bottom: 36px;
}
ignore the number for padding-bototm, the padding-top is how far you want the menu to be from the very top and margin-left is how far you want it to be from the left. Adjust according to your needs.
Although I have also found other interesting things to temper with but they are still in experimental stages, those things should help you get a few things looking better so until next time I'm out. Feel free to ask any questions please.
