Mysidia Adoptables Support Forum

Mysidia Adoptables Support Forum (http://www.mysidiaadoptables.com/forum/index.php)
-   Questions and Supports (http://www.mysidiaadoptables.com/forum/forumdisplay.php?f=18)
-   -   Question (http://www.mysidiaadoptables.com/forum/showthread.php?t=4295)

Rovick 11-20-2013 06:26 AM

Question
 
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 11-20-2013 06:41 AM

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 11-20-2013 07:01 AM

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 11-20-2013 07:03 AM

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

Hwona 11-20-2013 04:45 PM

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 11-20-2013 09:06 PM

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

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

MikiHeart 11-20-2013 10:56 PM

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 11-20-2013 11:00 PM

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

MikiHeart 11-20-2013 11:12 PM

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:

Code:

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

Change

Code:

background:#222;
to

Code:

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:

Code:

#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
Code:

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

Code:

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 11-21-2013 01:42 AM

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


All times are GMT -5. The time now is 10:17 PM.

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2025, vBulletin Solutions Inc.