[ModernACC] Easy webdesign

[JoccE]

So
I've seen a lot of "tracked" layouts for modernACC so i desided to make a simple layout where you can change the style/color after your needs and likes

Here's 2 examples i've made

To Edit the layout here's how:
To change background, go inte the index.tpl and look for:

body {
	background-image:url('{$path}/templates/work/images/bg.JPG');
	background-repeat:no-repeat;
	background-attachment:fixed;
	background-position: center;
}

Change:

background-image:url('{$path}/templates/work/images/bg.JPG');

To the name of your image

To change the colors of the window, we got 3 main divs:

#content {
	width: 700px;
	background-color: #111111;
	margin-left: 300px;
	margin-top: 10px;
	border:5px solid gray;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	opacity:0.7;
}

#footer {
	height: 30px;
	width: 700px;
	background-color: #111111;
	margin-left: 300px;
	margin-top: 10px;
	border:5px solid gray;
	-moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
	opacity:0.7;
}

and

#menu {
	height: 50px;
	width: 700px;
	background-color: #111111;
	margin-left: 300px;
	margin-top: 70px;	
	border:5px solid gray;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	opacity:0.7;
	color: white;	
}

There you can change.
Color
Opacity rate
What kind of border you want
margin-left: = the place you want the window to be

I will only include the first one because i'm currently using the second for the Harry Potter Online

If you don't know HTML/CSS i'm willing to help just ask in the thread.

Download LINK: work rar
Live preview: Harry Potter Online.

 

[Samme]

Approved.
Thanks for sharing.

 

[president vankk]

nice jocce :wub:

 

[JoccE]

nice jocce :wub:

Ppl are complaining how ugly the original layout is so i just want to show them how easy it really is to make a modern acc "personal"

 

[president vankk]

layout is ugly, more the designer is niice

 

[Texon]

Sweet