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.
page 1 of 1 4 total items
-
- Oct 03, 2006
- Gallery
-
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: thisbody { 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... "
Co-Administrator of MTSingapore
<3 Me Luv U Sooo Muchi Hino-Chan!- Currently watching: AKB0048, Sword Art Online, Accel World
- Oct 03, 2006
- Gallery
- Anime Watchlist
-
That helps out a lot XD
- Oct 15, 2006
- Gallery
-
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!
- Feb 04, 2007
- Gallery
page 1 of 1 4 total items
Back to Computers & Internet | Active Threads | Forum Index
Only members can post replies, please register.