Mys 1.3.4 Abron's Background Mod

[Abronsyth]

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:

INSERT INTO `adopts_items_functions` (`ifid`, `function`, `intent`, `description`) VALUES
(14, 'Background', 'Adoptable', 'A background image for an adoptable.');

***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.

function items_background($item, $adopt){
  $mysidia = Registry::get("mysidia");
  
  if($adopt->adoptbackground == 'http://YOURSITE.COM/backgrounds/default.png'){
  $mysidia->db->update("owned_adoptables", array("adoptbackground" => $item->imageurl), "aid ='{$adopt->aid}' and owner='{$item->owner}'");
  $note = "You have changed your pet's background!";
  $delitem = $item->remove();
  }
  else{
  $note = "Your pet already has a background set, go to your <a href='http://YOURSITE.COM/myadopts/manage/{$adopt->aid}'>pet's page</a> to remove the current background before assigning a new one.";
  }
  return $note;
}

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:

case "Background":
$message = items_background($this, $owned_adoptable);
break;

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):

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:

public function removebg(){
$mysidia = Registry::get("mysidia");  
$this->setField("adopt", $this->adopt);             
}

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:

	public function removebg(){
		$mysidia = Registry::get("mysidia");	
		$adopt = $this->getField("adopt");	
		$document = $this->document;
		$oldbg = $mysidia->db->select("items", array("itemname"), "imageurl = '{$adopt->adoptbackground}'")->fetchColumn();
		$bg = $mysidia->db->select("owned_adoptables", array("adoptbackground"), "aid = '{$adopt->aid}'")->fetchColumn();
	
		if ($bg == "http://YOURSITE.COM/backgrounds/default.png") {$document->setTitle("Error");
		$document->add(new Comment("Your pet does not have a background assigned."));
		$document->add(new Comment("<meta http-equiv='refresh' content='1;url=http://YOURSITE.COM/myadopts/manage/{$adopt->aid}' />"));}
		
		elseif ($bg != "http://YOURSITE.COM/backgrounds/default.png") {  
		$item = $oldbg;
				$qty = 1;
				$newitem = new StockItem($item);
				$newitem->append($qty, $mysidia->user->username);
		$mysidia->db->update("owned_adoptables", array("adoptbackground" => "http://YOURSITE.COM/backgrounds/default.png"), "aid ='{$adopt->aid}' and owner='{$mysidia->user->username}'"); 
       		$document->setTitle("Background Removed");
       		$document->add(new Comment("Your pet's background has been removed, and the item has been added back to your inventory."));
       		$document->add(new Comment("<meta http-equiv='refresh' content='1;url=http://YOURSITE.COM/myadopts/manage/{$adopt->aid}' />"));}
	
    }

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:

<a href='../../myadopts/removebg/{$aid}'>Remove Background</a>

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:

<td style='background-image:url({$adopt->adoptbackground;});background-repeat: no-repeat;background-position:center;border-top:1px #000 solid;border-bottom:1px #000 solid;vertical-align:bottom;height:155px;'><img src='{$adopt->getImage()}'></td>

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!

 

[Pear]

Oooh, looks neat! :3

 

[Dinocanid]

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

 

[Bexasaurus]

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?

 

[Abronsyth]

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

 

[darrinm3]

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!

 

[Abronsyth]

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:

<img src='{$adopt->adoptbackground}'>

or

<div style='background:{$adopt->adoptbackground};'>(div elements here)</div>

Or other similar methods.

Let me know if that helps!

 

[darrinm3]

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!

 

[Abronsyth]

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

 

[darrinm3]

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

 

[Abronsyth]

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:

		$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($image);
		$document->add(new Comment("<br><br>This page allows you to manage {$name}.  Click on an option below to change settings.<br>"));

Now remove the $document->add($image);. Go to the new Comment below that and replace the text within the " " with this:

<div style='background:{$adopt->background} no-repeat;vertical-align:bottom;text-align:center;'><img src='{$adopt->getImage()}'/></div><br><br>This page allows you to manage {$name}.  Click on an option below to change settings.<br>

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.

 

[darrinm3]

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.

 

[kristhasirah]

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...=\

 

[darrinm3]

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):

Thanks for the help guys.

 

[Abronsyth]

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:

<td style='background-image:url({$adopt->background});background-repeat: no-repeat;background-position:center;border-top:1px #000 solid;border-bottom:1px #000 solid;vertical-align:bottom;height:155px;'><img src='{$adopt->getImage()}'></td>

Try replacing style='background:{$adopt->adoptbackground} no-repeat;vertical-align:bottom;text-align:center;width:100px;height:400px' with this:

style='background-image:url({$adopt->background});background-repeat: no-repeat;background-position:center;vertical-align:bottom;height:400px;width:100px;'

 

[NobodysHero]

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:

$document->add(new Comment("<div style='background-image:url('{$adopt->adoptbackground}');background-repeat: no-repeat;background-position:center;'><img src='{$adopt->getImage()}'></img></div>);")

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!

 

[draugluin]

@ Abronsyth

cool. Thank you very much for for sharings this

@ Nobody

Have you try it with

... $adopt->getadoptbackground ...

?

this works for me

 

[Nairi]

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

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:

 Fatal error: Call to a member function getImage() on null in /users/equino/www/view/myadoptsview.php on line 135

That's the Line:

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

can anyone help me?
btw i hope you understand me

 

[draugluin]

Hey Nairi ... endlich mal jemand aus der Heimat

hast du unter "Public function manage" stehen

$image = $this->getField("image");
$adopt = new OwnedAdoptable($aid);

?

und versuch es mal mit getadoptbackground

..... background-image:url:{$adopt->getadoptbackground}

 

[Nairi]

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