Black Pearl Background Customization Issue

The time now is Sat 21 Dec, 2024 13:29 • All times are UTC + 1 Hour

Black Pearl Background Customization Issue

Page 1 of 1

Iffi

Joined: January 2014
Posts: 3

Black Pearl Background Customization Issue

Love this theme. I am in the process of modifying it to for my warcraft guild with a custom background but I have run into an issue with the background. I have read and rad a million links from google trying to get it to work correctly but no dice I figure I would come to the place the theme came from in hopes of figuring this out.

this is what I am going for:

at first I got the entire background 1920x1080 set but then when it repeats the eagle shows up again as the forum grows. It also took forever to load considering the file was HUGE.

So I created a repeating pattern:

and set it to repeat and it loads fast and since it repeats forever it should be fine with people on bigger resolutions.

Now the issue is how can I get the eagle and the yellow text in position on the right hand side and not repeating?

I scoured the phpbb forums through what seemed like endless posts about people trying to do the same thing but the best I could get was the eagle and text literally ontop of the actual forum with everything shifted down.

Any ideas?

Sadistic is the website if you want to see it live to get an better idea.

#1 Tue 07 Jan, 2014 15:44

Sponsors	Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

mort

Spam Basher

Joined: August 2010
Posts: 998
Location:

Up a tree

Re: Black Pearl Background Customization Issue

From memory,

The header background should be repeat-x and the logo/eagle should be fixed and then you should only need to play with the overall width for the main body of the template.

Can I suggest that you replace what you have done with the original and then change the main 'wrappers' to the width that you want?

As for adding left and right backgrounds and images you need to create other tables or div's above and below the theme to wrap the theme with three columns - One for the left, one for the centre (THE THEME) and one for the right.

Ideally the 'new' columns need to be started after the <body> and finish before the </body>

You would also need to use css to add the background images, and hard-code your SIDE png/gif images into each of the side columns using the paths to the images and some <style to position them.

This may help?

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

Or else you could Google 'how to create three columns html'

#2 Fri 10 Jan, 2014 00:33

Iffi Joined: January 2014 Posts: 3	Re: Black Pearl Background Customization Issue Thanks, I'll try that.
#3 Fri 10 Jan, 2014 21:13

mort

Spam Basher

Joined: August 2010
Posts: 998
Location:

Up a tree

Re: Black Pearl Background Customization Issue

If you get "REALLY" stuck, I'll install phpbb3 on xampp to see what actually needs to be done and we'll take it from there.

And don't forget to check your changes with several browsers including IE because they can drive you nuts if your html isn't squeaky-clean and compatible with all of them.

Edit:

I took sympathy on you because MG does some things that are not what one would expect to find or have to either edit or remove when modifying his templates.

So, all the replacement files and some images are in the zip.

To change the "Side Images" find sadistic.jpg in the overall_header and overall_footer and change it to what you are using.

And you'll find the column anchors after body in the css if you want to move the images around.

Don't forget to clear the cache's when you make the changes.

columns.zip
Description:		Download
Filename:	columns.zip
Filesize:	377.8 KB
Downloaded:	307 Time(s)

#4 Sat 11 Jan, 2014 01:47

Mighty Gorgon

Luca Libralato

Joined: August 2006
Posts: 7192
Location:

Borgo San Michele

Re: Black Pearl Background Customization Issue

mort wrote: [View Post]
I took sympathy on you because MG does some things that are not what one would expect to find or have to either edit or remove when modifying his templates.

Ha ha ha...

Anyway under a CSS point of view best would be to use a div with absolute positioning... which will work fine on most configurations. If you want to have everything always in order even with larger or smaller resolutions, TABLE will be best way to go (tables have been deprecated for styling years ago... but it's still the best way sometime!).

Let us know if the files posted by mort solve your issues.

____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON

#5 Mon 13 Jan, 2014 10:31

mort Spam Basher Joined: August 2010 Posts: 998 Location: Up a tree	Re: Black Pearl Background Customization Issue Yeah, Being phpbb3 it had me thinking for a while and I came to the conclusion that removing the MG_GLOBAL constant and removing the #wrapper was the best way to go and let the columns (table/td's) look after the widths in the css. Did give divs some thought though - but didn't think it was necessary this time around. Maybe N E X T time.
#6 Mon 13 Jan, 2014 11:58

Iffi Joined: January 2014 Posts: 3	Re: Black Pearl Background Customization Issue Thank you! Wasn't expecting someone to whip it up, was thinking more along the lines of some guidance but yeah that's pretty much what I wanted to do. Thanks again.
#7 Mon 13 Jan, 2014 19:06

mort Spam Basher Joined: August 2010 Posts: 998 Location: Up a tree	Re: Black Pearl Background Customization Issue You're welcome - Took me all of about 20 minutes - while I had nothing else to do. But I'll try not to make a habit of it.
#8 Tue 14 Jan, 2014 02:18

Mighty Gorgon Luca Libralato Joined: August 2006 Posts: 7192 Location: Borgo San Michele	Re: Black Pearl Background Customization Issue Great support David, thanks. ____________ Luca SEARCH is the quickest way to get support. Icy Phoenix ColorizeIt - CustomIcy - HON
#9 Mon 27 Jan, 2014 23:48

Page 1 of 1

Was this topic useful?

Link this topic
URL
BBCode
HTML

Icy Phoenix

Black Pearl Background Customization Issue

Was this topic useful?

Was this topic useful?

Similar Topics

Similar Topics