Warning: Undefined array key "HTTP_ACCEPT_LANGUAGE" in /var/www/minitokyo/www/includes/common.inc.php on line 360 Groups page tut needed please. - Minitokyo

Groups page tut needed please.

page 1 of 1 4 total items

I posted this in the art section as well, but I think it probably belongs here more.
I recently established the Section-9 group and I have no idea how to set the background and set up the page. I also don't know in what dimensions I need to make my images in order to make them fit nicely.
If anyone out there knows of a tut that can tell me how to code them in and the steps I need to go through to make the page nice.
p.s. I already know how to photoshop.... I think.

asinine

asinine

++_Sleeveless Vampire_ ++

I let the moderator decide which thread to delete...

hmm ok..... i guess i should give you a dummie CSS format for beginners XD
Well for groups... here is what you need to put.... it may not be finished... i am sort of digging my head for more info but here is the simplified one at least...


<style type=text/css> ( this is to start CSS)
For userpage background.... Choose either: this

body { background-color:#(color); background-image:url(); background-attachment:(scroll or fix); background-repeat:(no-repeat or repeat-x); }

OR this

#topLeft {
background: url() no-repeat bottom right;}-----bg1
#topCenter {
background: url() no-repeat bottom left;}-----bg2
#top {
background: url() repeat-x bottom left;}------bg3
#leftMenu {
background: url() no-repeat top right;}-----bg4
#content {
background: url() no-repeat top left;}-----bg5
#rightMenu {
background: url() repeat-x top;}------bg6
#main {
background: url();}------bg7

(background default color and text color)
html, body {
background-color: #(color);
color: #(color);
letter-spacing: 1px;} -- space between letters

(cursor type)
cursor:url();}

(font style ,size and alignment for your paragraph)
p {text-align: (center,right,left,justified); font-family: "(style)"; font-size: (size)pt}
(header one)
h1 {color: #(color)}
(header two)
h2 {color: #(color)}
(header three)
h3 {color: #(color)}

(color and size for outer border of all your boxes)
.outer {
border-color: #(color);
border: (size)px normal #(color);
}

(color,space margin between outer border and inner border and size for inner border of all your boxes)
.inner {
border-color: #(color);
border: (size)px dashed #(color);
margin: (size)px !important;
background-color: transparent;
}

(quote bg color and border color)
.quote {
background-color: #(color);
border-color: #(color);
}

input.text, input.file, input.radio, select, textarea, option, optgroup {background-color: #(color);
color: #(color); border-color: #(color)}

(guestbook post--- background color or image fill)
.even { background: transparent}
.postInfo { background: url() or background-color:#(color)}
.postFooter { background: url() or background-color:#(color)}
.postHeader { background: url() or background-color:#(color)}

(url link colors and borders)
a:hover img {border: 1px dashed #(color);}
a:link, a:visited {text-decoration: none; color: #(color); border: (size)px (border style) #(color);}
a:hover { text-decoration: none; background: #(color); border: (size)px (border style) #(color);}

(all of this is for minitokyo's left and right menu, and miscelaneous)
#leftMenu li a:hover, #rightMenu li a:hover {background: #(color); color: #(color); border: (size)px (style) #(color);}
#leftMenu li a{color: #(color);}
#leftMenu dt, #rightMenu dt{color: #(color);}
.moderator {color: #(color) !important;}
.director {color: #(color) !important;}
.super {color: #(color) !important;}
#leftMenu a{color: #(color);}
#leftMenu a:hover{color: #(color);}

#rightMenu a:hover{color: #(color);}
#rightMenu a{color: #(color);}
#menu a{color: #(color);}
#menu a:hover {color:#(color); border: (size)px dashed #(color);


#leftMenu h1 { color: #(color);
#rightMenu h1 { color: #(color);
}
#leftMenu { dt padding: 0 .2em;
color: #(color);
}
#rightMenu dt {
padding: 0 .2em;
color: #(color);
}

</style> ( this is needed to end CSS)
Edited:

-The bracketed stuff () is for you to fill.... size or color and so forth...
-Please delete all the comments i made, the ones in brackets() that you need not fill
-Also for the background slices go to: Custom Userpage Layout Tutorial *MTv3*
-And you can also delete any of the codes you do not want to use..

Well i hope that helps :)

At the end of the day, i would always turn around and say.... "Egao Saku... "
Signature
	Image
Co-Administrator of MTSingapore
<3 Me Luv U Sooo Muchi Hino-Chan!

melymay

melymay

Abomidable Snow-Woman

That helps out a lot XD

kiokorenay703

kiokorenay703

Dasha Denger

Cool Asinine! Thanks for this.. Even thou i learned it throught the hard way! ^^ lol. I get it retty well know, but this is still very nice for people who need to know whats where, and stuff ^^ Good job!

page 1 of 1 4 total items

Back to Computers & Internet | Active Threads | Forum Index

Only members can post replies, please register.

Warning: Undefined array key "cookienotice" in /var/www/minitokyo/www/html2/footer.html on line 73
This site uses cookies. By continuing to browse the site you are agreeing to our use of cookies. Read more.