Question

[Rovick]

http://www.icepets.com
I have saw this site! the template is cool!
Is there anie wai that i could make a template similar to that?
where i could edit the menu, laiout etc.
And how could i replace a backround?
thanks :)

[MikiHeart]

This template is pretty easy to make. It's basically a copy of the old Neopet's layout.
It always stays to the left so it doesn't matter what size browser the person has.

You can edit the menu for Mysidia, I'll have to find where it's located though for you.

I'll be making some free to download layouts in the future, which will be based on elements I have see on popular pet sites. But I don't have any available at the moment.

As for changing the background, how do you mean?

Background colour? Background image? Do you want it to show a random colour or image, or one you can just set and change yourself?

[Hwona]

Um, I'm not sure if this is what you're refering to, but if you want to edit the template to resemble that one, go to your host->files->templates-> then, there should be a list of all the available themes, and if you want to make the new theme your main theme...->media->and then edit the css and menu style sheets.
I hope that wasn't too confusing. :3

[Rovick]

I mean is, change it to image i want? , how could i edit the menu?

[Hwona]

Are you referring to the background image behind the site title? If I remember correctly, upload you image to the main theme folder, go to the style.css sheet in the main theme folder, go to line 50, and then there should be something that says image.type. Replace the image.type with the name of the uploaded image and the file type.

[Rovick]

I mean the back of it? is there anie wai that i could edit the menu?

and how could i edit the header like the one on icepets? sorrie im just a newbie XD

[MikiHeart]

To do the things that you're looking for, you have to have knowledge in HTML and CSS.

You can't change these things from the admin view. As I told you before, this script is a bit of an advanced script.

But you can still learn. I started when I was 10(21 now. @.@), now I can code websites easily. Interestingly enough, I started learning html from neopets.

Try these tutorials to get an basic understanding of HTML and CSS. Then look at the template files, and change what you want.

http://www.w3schools.com/html/
http://www.w3schools.com/css/

[Rovick]

I understanded how css works on a utube video, i dunno whats the variable etc.

[MikiHeart]

I see your confusion now. I just looked in the files and there seems to be a few style sheets in there.

In the header.tpl file, it calls on 'style-city.css'

You could try editing the values in there to see if it works. I don't have the script installed at the moment, so I can't test right now.

Open 'templates/main/media/style-city.css'

Find:

body {
background:#222;
font-family:Verdana, Arial, Tahoma, sans-serif;
font-size:12px;
color:#333;
}

Change

background:#222;

to

background:green;

Save, exit.

Go to 'templates/cache' and delete all the files in there.

Go to your browser, and refresh the page. If the background comes up green, you've found it! Then just change it to whatever colour you want.

(this is my lame method of changing colours in default templates XD)

Edit:

The code for the header image is here:

#image {
border-left:10px solid #fff;
border-right:10px solid #fff;
border-bottom:5px solid #fff;
background:url("citylights.jpg") left no-repeat #91C7F5;
height:150px;
}

You just have to change

background:url("citylights.jpg") left no-repeat #91C7F5;

to

background:url("yourimage.jpg") left no-repeat #91C7F5;

Make sure the image is uploaded to 'templates/main/media'

The image has to be 150pixels heigh, not sure about width. I'll get back to you.

Edit again:

I'm guessing no larger than 650pixels. Maybe a bit smaller, because that's the size of the wrapper.

[Rovick]

thank u so verie much, now i need to figure out is how to edit the menu, or how to design it