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>
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:
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
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
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.
basically it is used to govern all the format and style of the text, tables,
mouse, scrollbar, image, links, etc. to make them look nice and neat it's
imbedded pretty good into IE (internet explorer 6.0 +) and firefox browsers.
Actually you'll need 2 </div> to end the first section if you're gonna do
multiple boxes. So, it'll look like this on your userpage customization
form..
Quote:
<h1>whoever's Guestbook</h1>
<h3>ORDERED BY DATE ASCENDING</h3> <-- First title header
text here <-- contentv </div></div> [i]<-- box
closure
<div class="outer "><div class="inner "> <-- start of new box
<h1>whoever's Guestbook</h1>
<h3>ORDERED BY DATE ASCENDING</h3>
text here
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>
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:
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
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
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.
Hei !!! Sorry I don't know what is'CSS'.
W3Schools CSS Intro
Next time, please stfw; Google is your friend.
xcf33: afaik, the <head> and <body> tags arnt actually needed at all.
sorry for not explaning clearly
I think CSS stands for casscading style sheet
basically it is used to govern all the format and style of the text, tables, mouse, scrollbar, image, links, etc. to make them look nice and neat it's imbedded pretty good into IE (internet explorer 6.0 +) and firefox browsers.
Actually you'll need 2 </div> to end the first section if you're gonna do multiple boxes. So, it'll look like this on your userpage customization form..
[/i]
Thx so much vanny that solves it!!! Those confusing CSS
those this still works now?