MyBB Community Forums

Full Version: Guidence
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hello all, I will make this short and sweet, Basically i have two questions that i need to be helped with.


First off - I have a free theme from somewhere and i have made me own custom new thread, old thread icons or images as you would say, I was strolling around the FTP and i have found where they currently use the images and i replaced them with my own, but when i reload the page it does not show the images i personally made for the forum... I looked around in just the images directory and it shows this weird set of on / off png's including gif files but when i go to a folder inside the images folder that is called "GzE-Style" i see them and i replaced those because they are actually the ones on my forums i currently see.... Any guidance would help on applying my own on / off png's instead of the crappy ones...


Secondly - I also managed to make a "UNDER CONSTRUCTION" page that the main link goes to but im having trouble finding out how and if i would be able to make the image i made be centered and look fine on all type of monitors, I tried changing the html file sizes but i had no luck with them either.. I want it too look flush on a 1920x1080 monitor while also looking good on a 800x600 size monitor as a homepage




Thank you soo much to anyone that will give me guidance in this problem
For the first problem. Try flushing your cache (hit CTRL + F5) It will delete all cached files in your browser, then re-grab them from the site.

And second, use css.
Something like this.
<html>
<body>
	<div id="wrapper">
        <img src="logo.png" alt="" />
		<style>img {
		   position: absolute;
		   top: 50%;
		   left: 50%;
		   width: 500px;
		   height: 500px;
		   margin-top: -250px; /* Half the image height */
		   margin-left: -250px; /* Half the image width */
		}</style>
	</div>
</body>
</html>
(2014-04-23, 11:03 PM)thexshadow Wrote: [ -> ]For the first problem. Try flushing your cache (hit CTRL + F5) It will delete all cached files in your browser, then re-grab them from the site.

And second, use css.
Something like this.
<html>
<body>
	<div id="wrapper">
        <img src="logo.png" alt="" />
		<style>img {
		   position: absolute;
		   top: 50%;
		   left: 50%;
		   width: 500px;
		   height: 500px;
		   margin-top: -250px; /* Half the image height */
		   margin-left: -250px; /* Half the image width */
		}</style>
	</div>
</body>
</html>



First issue was solved, Thank you very much...


Second issue i am still having someone trouble on it, I have messed around a bit with the % and the width x height px and i still can't seem to make it fit where i need it to be,

My current settings are

TOP 0%
LEFT 0%
Width 2000px
Height 1000px

and it looks like this

http://i.imgur.com/ppqWrXa.jpg


Basically i want the white parts gone or if its possible i want to center the image and have the background black, is this possible?

Thank you in advance and your time helping me so far.


-Kroniic
Can you post your site url?
www.fpsnetwork.net


It is a work in progress so be kind please Smile
Here you go.

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=windows-1252">
	<title>Under Construction</title>
	<style>
	#wrapper {
	  background: #000;
	  position: fixed; 
	  top: 0; 
	  left: -50%; 
	  width: 200%; 
	  height: 200%;
	}
	#wrapper img {
	  position: absolute; 
	  top: 0; 
	  left: 0; 
	  right: 0; 
	  margin: auto; 
	  max-width: 50%;
	  max-height: 50%;
	}
	</style>
</head>
<body>
    <div id="wrapper">
        <img src="/splash.jpg" alt="">
    </div>
</body>
</html>
Thank you so much!!!!

Problem solved now!!