Abron's Background Mod
 

Hey all!

So I got this feature fully functional on my website and figured I would share it with you all! This is loosely inspired by Hwona's BG Mod for 1.3.3, but this version is strictly for 1.3.4.

What This Mod Does
Lets admins create backgrounds as items for users to purchase/get/etc
The item image is the background (the script uses the image URL)
Users can assign background to a pet, only one at a time
Users can remove an assigned background, and have it readded to their inventory
Users cannot assign a background to a pet that already has a background
They cannot remove a background if the pet doesn't have a background

Now let's get started!
The first thing we're going to do is make a new item function. Go into your database and run the following SQL:
***Change 14 to which ID should come after the newest item function in the table adopts_items_functions in your database***

Now let's open up the file functions/functions_items, scroll all the way to the bottom and paste this just before the closing ?> tag.
Where it says YOURSITE.COM change it to your site's URL.

Lastly for the item function go into classes/class_privateitem and paste this bit before the default case, under public function apply:
Now we are going to create a new folder in the root directory called backgrounds. Make sure you put a .htaccess file in there so it is accessible! You will need to add a default background in this file and call it default.png. I use a transparent image, like this (right click, save as):
http://orig09.deviantart.net/4530/f/...re-db4r1v6.png

Time for another database edit. Go to phpmyadmin and go to adopts_owned_adoptables. Go to structure and click to add one (1) column to the end of the table. Enter these details:
Name: adoptbackground
Type: varchar(500)
Collation: latin1_swedish_ci
Null: YES
Default: AS DEFINED: http://YOURSITE.COM/backgrounds/default.png

That done, let's head on to the remove function. Open up your myadopts.php file and paste this after the closing } of the freeze function:

Now for the "fun" part (that gave me a headache for three days). Go into your view/myadoptsview file and add this after the closing } of the freeze function:
We want users to actually be able to use it, so somewhere on the myadopts page, under the manage function, you will need to add this link:

Now to put the background into use! Overall it is really easy, you can simply call it through this:
$this->adopt->adoptbackground OR $adopt->adoptbackground

I set it up in my pet profiles this way:
But how you do it is up to you.

Finally, to add a background! Upload your background image wherever (doesn't really matter), and go into your AdminCP to add a new item. Make the background item consumable and obviously set the function type to background. The Item Image is what the background itself will appear as.

IMPORTANT NOTE ABOUT BACKGROUND SIZES
I HIGHLY advise you make all backgrounds the same size, and base that size off of the largest pet image used on your website. It'll look wonky otherwise.


Alright, that should be everything! If anyone has any questions/comments/concerns, please let me know!
http://img15.deviantart.net/0121/i/2...re-db4r4lh.png

Oooh, looks neat! :3

Thanks for sharing this! What I was trying to do with backgrounds just wasn't working lol

Noting that "Users can assign background to a pet, only one at a time."

Every pet is able to a have a background, just not multiple ones...correct? :desudesudesu:

Yes, only one background at a time! So if a pet already has a background assigned a user will be asked to remove it before assigning a new one :)

Thanks for the script! Got a quick question. I have everything working, up to actually calling the background. What file did you put that php snippet in? Any details about that step would be great. Thanks again!

I have pet profiles set up both for users managing their pets, and for those who click pets. So I want the backgrounds to display for those profiles, and set them up in the two files:
myadoptsview.php
levelup.php

In myadoptsview.php you call it this way {$adopt->adoptbackground}, and in levelup.php it's like this {$this->adopt->adoptbackground}. This calls the url of the background image, so you'll need to put it in image tags, like so:
or
Or other similar methods.

Let me know if that helps!

Thanks for the reply! I'm totally new to PHP so bear with me on this one (HTML,CSS, and Javascript are all I really know). Under what function would I create the div/call the background? Again thanks for the help!

That depends on which page you're adding it to? Let me know the file and I can help out :)

Oops sorry! I'm adding it to the the myadoptsview.php file.

Okie dokie, so you'll need to put it in the manage function. (Assuming you want it to appear while a user is managing an individual pet).
You can do it like this:

Under the manage function you'll see this:
Now remove the $document->add($image);. Go to the new Comment below that and replace the text within the " " with this:
I think that should work, though I haven't tested it because my manage function is heavily modified, so I had to find the original and edit it.

Sorry to keep bothering you, but it still doesn't work. It's givin me a blank page (syntax error on "<img src='{$adopt->getImage()}'/>" and when I get rid of it, the background still doesn't show. I've tried all sorts of things but for some reason can't get it. I even tried echoing the {$adopt->background} inside the style to see if that helped but still nothing.

to call the background you must use the same name given in the owned_adoptables database, so if you used the same name posted here: adoptbackground then the correct way to call it it would be: {$adopt->adoptbackground} and the way to call the adopt image is the one you posted: <img src='{$adopt->getImage()}'/> dont know why is giving you a syntax error...=\

That was a typo in my comment, oops! Here is the code I use which gives me a 500 error:

public function manage(){
$mysidia = Registry::get("mysidia");
$aid = $this->getField("aid")->getValue();
$name = $this->getField("name")->getValue();
$image = $this->getField("image");

$document = $this->document;
$document->setTitle("Managing {$name}");
$document->add(new Comment("<div style='background:{$adopt->adoptbackground} no-repeat;vertical-align:bottom;text-align:center;width:100px;height:400px'><img src='{$adopt->getImage()}'/></div><br><br>This page allows you to manage {$name}. Click on an option below to change settings.<br> "));


Here is what happens with the same code except I removed the "img src" tag" (I gave it a height and width to show the div was being created and modified):
http://imgur.com/a/obD4g

Thanks for the help guys.

Alright, so it's failing to call the background URL. What should the URL appear as for that adoptable?

Okay, so this is what I have for my site:
Try replacing style='background:{$adopt->adoptbackground} no-repeat;vertical-align:bottom;text-align:center;width:100px;height:400px' with this:

Heya! I'd love to get this working, but the background image isn't showing up on the pet. Halp?

My code isn't throwing any errors, so not really sure where to go from here. I've tried it in a few different places, but every time nothing changes.

This is the line of code Dinocaid helped me put together, but it's not working either:

I've already uploaded an image and made it a background item, then used it on my pet. I've removed the code from all the pages so my users can still see their pets in the meantime.

Thanks for any help!

@ Abronsyth

cool. Thank you very much for for sharings this :)

@ Nobody

Have you try it with

?

this works for me :wutno:

Hi (sorry for my bad english, i'm from germany :D ),

i tried to bring the background to my game, but i'ts dont show =/ and when i try to show the pet-picture, i became an error:

That's the Line:
can anyone help me? :)
btw i hope you understand me :coloness:

Hey Nairi ... endlich mal jemand aus der Heimat :happyc:

hast du unter "Public function manage" stehen

?

und versuch es mal mit getadoptbackground

Hey :)

Na, das ist ja klasse.

Also das Bild vom Haustier wird nun angezeigt, danke :)
Der Hintergrund aber leider noch immer nicht. Sehr mysteriös

ich hab bei dem Bild auch ziemlich rumprobiert, bis es ging...

versuchs mal mit

wichtig sind da die beiden Klammern

Okay, ich habs versucht. Nun kommt folgende Fehlermeldung:
Die Zeile sieht nun so aus:
Unglaublich :D Ich habe jetzt schon diverses Versucht, aber irgendwie will es einfach nicht.

Edit: Ohne das get habe ich es gerade auch versucht. Gleiche Fehlermeldung.

Edit 2: Ich hab jetzt mal versucht das Hintergrundbild überhaupt anzeigen zu lassen via <img src={$adopt->adoptbackground}> und das wird angezeigt. Nur im Div-Bereich nicht.

Edit 3: Yeah, ich habs hinbekommen :D So siehts aus und funktioniert.

Hey, Glückwunsch.

es ist immer wieder faszinierend, wenn man was selber hinkriegt :)
Aber manchmal kann man auch dran verzweifeln ... und plötzlich klappts doch.

Danke :)

Eine Frage habe ich aber noch: nun klebt das Pet-Bild oben am Rand des Hintergrundes. Wie bekomme ich das jetzt mittig? Ich stehe gerade völlig auf dem Schlauch.

gerne.

wenn ich deine Zeile bei mir einfüge, ist das Pet-Bild aber mittig.
Das sagt ja auch der Teil : text-align:center.

Wenns gar nicht anders geht, pack dir doch ein div ins div und platzier das :wiii: