This site is READ ONLY!! No support will be given! Everything in here is just for archiving purposes!

[Request] Image overlay BBcode

Having trouble with a BBCode? ask for support here! Or for a request. if it hasn't already been posted in the other bbcode sections
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: [Request] Image overlay BBcode

Post by cisco007 »

thanks ooopsie, it took me a while, but i finally got it.
Image
User avatar
Sniper_E
Support Team
Support Team
Posts: 197
Joined: Fri May 06 2011 3:09 pm
Real name: Ed
Country Flag: United States
Location: Shreveport, LA

Re: [Request] Image overlay BBcode

Post by Sniper_E »

In Google Chrome and in Apple Safari browsers I get this...
chrome_case.gif
And with Internet Explorer and Firefox I get this...
explorer_case.gif
That class [c]background-size:162px 230px;[/c] will not resize that backgrond image for me in these browsers.
But I bet you may be good with this Cisco... I may need to update my browsers.

I'm using this html replacement:

Code: Select all

<td style="background: url('{URL}') no-repeat;background-size:162px 230px;"><img src="images/Blank-Case.png" style="margin-top:-7px;margin-left:-28px" alt=""></td>
You may have helped me Cisco. I could never get that background-size class to work so I couldn't do some things.
I'll update my browsers and see if that takes care of that problem. Thanks! Good work!!!
Now I might work on getting that old IMDB mod to pull in the original images.
You do not have the required permissions to view the files attached to this post.
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
User avatar
Ooopsie
ooopsie
ooopsie
Posts: 1046
Joined: Sat Sep 25 2010 12:15 pm
Real name: Guito :)
Country Flag: United States
Location: Index, WA. or the State of Shock most of the time.
Contact:

Re: [Request] Image overlay BBcode

Post by Ooopsie »

I heard IMDB made some changes that are pretty major. Can't recall where I saw that but it was pretty recent.
________________________
Ed
"Be kinder than necessary for everyone
you meet is fighting some kind of battle."
________________________
ALWAYS BACK-UP BEFORE MAKING CHANGES TO YOUR DATABASE OR FILES. ALWAYS!!!!

Do not PM me asking for support unless invited to do so. Use the forums.
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: [Request] Image overlay BBcode

Post by cisco007 »

yes, you might need to upgrade your browsers, i have all of mine updated and they all work great with that css3 attribute, except any IE browser lower then IE9, i've checked, chrome, safari, chromium, iron, firefox11, IE8 (since i am using windows xp and that is as high as it goes), opera, and Comodo Dragon, palemoon (firefox)11.0.1, aurora13.
Image
User avatar
Sniper_E
Support Team
Support Team
Posts: 197
Joined: Fri May 06 2011 3:09 pm
Real name: Ed
Country Flag: United States
Location: Shreveport, LA

Re: [Request] Image overlay BBcode

Post by Sniper_E »

Oh yea, I need to update my browsers for sure. My mobile browser even shows it fine.
Good job. smile_rock

Oh yea, I'm running Firefox Aurora now and I'm liking it right away. This bbcode now looks great!

[ Post made via Android] Image
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
Mess
Donators
Donators
Posts: 97
Joined: Fri Sep 17 2010 5:28 pm
Real name: Kim
Country Flag: Denmark

Re: [Request] Image overlay BBcode

Post by Mess »

Strange, I cannot make it show correctly no matter what browser I use. It must be something specific to my forum.
I can make it align better, but it shrinks the overlay to half size.

[ Post made via Apple] Image
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: [Request] Image overlay BBcode

Post by cisco007 »

don't know if you have something that is interfering with you images, maybe a mod or something, it is working fine for me that way no matter what image size i add!
Image
User avatar
Sniper_E
Support Team
Support Team
Posts: 197
Joined: Fri May 06 2011 3:09 pm
Real name: Ed
Country Flag: United States
Location: Shreveport, LA

Re: [Request] Image overlay BBcode

Post by Sniper_E »

Same for me. Works perfect for me now. Maybe you need to update your browser like I had to do.
Do you have a post somewhere that we can access to look at what you have?
Or you can PM a link to it if you don't want to post a link.
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
User avatar
cisco007
Ciscox
Ciscox
Posts: 2843
Joined: Thu Sep 16 2010 3:25 pm
Country Flag: Mexico

Re: [Request] Image overlay BBcode

Post by cisco007 »

Sniper is correct as i've stated in this post: http://phpbbandbbcodes.com/viewtopic.php?p=12050#p12050
you need to have your browsers updated, so they can accept the css3 attirbute backgroung-size, otherwise they will show the image as the image posted by sniper as it shows in pre IE9!
Image
Mess
Donators
Donators
Posts: 97
Joined: Fri Sep 17 2010 5:28 pm
Real name: Kim
Country Flag: Denmark

Re: [Request] Image overlay BBcode

Post by Mess »

Sniper_E wrote:Same for me. Works perfect for me now. Maybe you need to update your browser like I had to do.
Do you have a post somewhere that we can access to look at what you have?
Or you can PM a link to it if you don't want to post a link.
Does the cover in this post show correctly for you?
http://hb-eu.com/community/viewtopic.ph ... 043#p60043

[ Post made via Apple] Image
User avatar
Ooopsie
ooopsie
ooopsie
Posts: 1046
Joined: Sat Sep 25 2010 12:15 pm
Real name: Guito :)
Country Flag: United States
Location: Index, WA. or the State of Shock most of the time.
Contact:

Re: [Request] Image overlay BBcode

Post by Ooopsie »

Here's what it looks like to me with Aurora (FireFox): FWIW, It looks fine to me, off of the link you gave.
Image
________________________
Ed
"Be kinder than necessary for everyone
you meet is fighting some kind of battle."
________________________
ALWAYS BACK-UP BEFORE MAKING CHANGES TO YOUR DATABASE OR FILES. ALWAYS!!!!

Do not PM me asking for support unless invited to do so. Use the forums.
User avatar
Sniper_E
Support Team
Support Team
Posts: 197
Joined: Fri May 06 2011 3:09 pm
Real name: Ed
Country Flag: United States
Location: Shreveport, LA

Re: [Request] Image overlay BBcode

Post by Sniper_E »

I see the same at her site as you Ooopsie.

What I see is this code you are using:

Code: Select all

<td style="background-color: transparent; background-image: url("{URL}"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0% 0%; background-clip: border-box; background-origin: padding-box; background-size: 162px 235px;"><img src="images/Blank-Case.png" style="margin-top: -9px; margin-left: -32px;" alt=""></td>
Compared to Cisco's codes:

Code: Select all

<td style="background: url('{URL}') no-repeat;background-size:162px 235px;"><img src="images/Blank-Case.png" style="margin-top:-9px;margin-left:-32px" alt=""></td>
You are adding a lot of style codding to that background image.

And I see you have a Blank-Cover.png image that is 208px x 256px in size.
We are using the one you gave us that is 203px x 250px in size.

I'm using a different size for the background image to resize the image proportional to it's original size,
but I kept Cisco's other codes as they were... except for the margins to adjust for the different image size:

Code: Select all

<td style="background: url('{URL}') no-repeat;background-size:162px 230px;"><img src="images/Blank-Case.png" style="margin-top:-7px;margin-left:-28px" alt=""></td>
http://sniper.hostei.com/phpBB3/viewtop ... p=137#p137

Try using the Blank-Cover.png image you gave us and Cisco's original codes... no extra codes.
Or adjust only the background image size to fit your larger Blank-Cover.png image.
No is NEVER an Option and NEVER is the only Option when it comes to Giving Up!
Post Reply