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)
-   -   Theme PHP (http://www.mysidiaadoptables.com/forum/showthread.php?t=4151)

superdude44 06-05-2013 04:56 PM

Theme PHP
 
1 Attachment(s)
I have attached the file I'm trying to edit. (to my knowledge its ok to edit the Main theme files...) Anyway, I understand most of it, mainly because its explained very well. However I would like to change the title bar thing, and Its a bit confusing. I'd also like to change the grey area on the right and left sides. http://simpleadopts.x10.mx/index This is my website for reference. All i'm trying to do it find out how to add the picture I made, as a background for the website.

-thanks.

Tequila 06-05-2013 05:22 PM

I actually made a Read Me file for that theme. ;3

To add in a background image, you'll want the following CSS:
PHP Code:

background:#XXXXXX url(url for image here); 

Replace the Xs with your color code, and the url with the image url. ;3
Hope that helps!

Nieth 06-05-2013 05:55 PM

Also, you should know that the default .css file mentioned in the Main Theme's Template file is style-city.css I believe. So, you probably won't get anywhere unless you either edit that file or you make the template file refer to style.css instead.

superdude44 06-05-2013 05:57 PM

thank you! this helps a lot.

EDIT: what about the grey areas on the sides of the website? would that be in the theme as well?

Nieth 06-05-2013 07:26 PM

Anything having to do with visual data at all should be in the css files.

superdude44 06-05-2013 07:51 PM

I was looking in the css and found pagination. After looking at the codes, I saw #222 and it appears to be the same color the background uses. But when I change it and upload the file, it doesn't seem to change.thank you for helping find the correct location of files.

Nieth 06-05-2013 08:03 PM

When in doubt about style operations, I find it extremely useful to visit my site's home page and right-click -> View Element. If you hover over all the elements of the page it tells you exactly which part of the CSS needs to be edited to change this part. This will allow you to see if you're editing the wrong portion or being tricked by an image.

In your case it may be wrapper.

If you'd like, you can post a link to the site and I'll identify it for you.

superdude44 06-05-2013 08:04 PM

http://simpleadopts.x10.mx/ I think it might be the wrapper as well.

Nieth 06-05-2013 08:40 PM

Looks like you fixed it. Post again if you need any help. I'll do my best.

superdude44 06-05-2013 08:53 PM

I edited the body, and it displayed. But I made the image really big, 1577px x 799px I think. And it still shows up really small. I would like to get the image to fit the screen.. But It just won't go. I tried using some position code as well, but it still remained the same size, for it didn't edit the size, just where it was located.

Nieth 06-05-2013 08:59 PM

It's most likely because you have the wrappers and the footers, they override the image to fit to the dimensions of the CSS.

superdude44 06-05-2013 09:10 PM

I changed the body, and it allows the image to be shown. Its just a border around the main white box in the middle. So, when I went to mess with the width in the wrapper, it now stretched it really long, the whole page. So, perhaps its something with the footer? or perhaps the footer and the wrapper, still?

Nieth 06-05-2013 09:15 PM

That or it may be trying to fill in the header or part of the container. You have to be careful which section you edit.

superdude44 06-05-2013 09:19 PM

yeah. I played around with the layout when I owned a myadopts website. This seems similar, but It just isn't working. lol. Could I post what I have as an attachment?

Nieth 06-05-2013 09:24 PM

Sure, but I'm not too experienced with any type of coding. I'm trying the best I can to help, but before getting Clessidra's website up and running, http://aristocracyalive.x10.mx , I had absolutely no prior HTML/CSS/PHP coding experience. So, everything I've been trying to help you with is based off of my own experiences.

superdude44 06-05-2013 09:26 PM

1 Attachment(s)
lol, thanks for helping though. This is overwhelming, and sometimes simple mistakes are caught if others help. I'm very new to coding too. The only code I know a little is css, and apparently that is hard too.

Nieth 06-05-2013 09:38 PM

Try adding this to your body in CSS;

background-size: 100%;


If that doesn't work, add this to the top of your HTML in the body,

<div style='position:absolute;z-index:0;left:0;top:0;width:100%;height:100%'>
<img src='http://i297.photobucket.com/albums/mm215/superdude44/background-1_zps837ef0a5.png' style='width:100%;height:100%' alt='[]' />
</div>


Lemme know how it goes.

superdude44 06-05-2013 09:42 PM

thank you so much! the first one worked.

Nieth 06-05-2013 09:44 PM

Not a problem! I try to help when I can, but it gets a little tough since I'm a beginner. I do what I can!


All times are GMT -5. The time now is 11:29 PM.

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