InterOcean Designs
« Users with Multiple Skins (PopUP Content code) »

Welcome Guest. Please Login or Register.
May 24, 2013, 2:19am





InterOcean Designs :: ProBoards Codes :: Code Chat & Support :: Users with Multiple Skins (PopUP Content code)
   [Search This Thread] [Share Topic] [Print]
 AuthorTopic: Users with Multiple Skins (PopUP Content code) (Read 562 times)
aRMY83
Elite Member
IOD Supporter
member is offline

[avatar]

It's me!


[homepage]

Joined: Mar 2010
Gender: Male
Posts: 1,077
Location: Just a Stone's Throw Away!
Karma: 40
 Users with Multiple Skins (PopUP Content code)
« Thread Started on Feb 12, 2012, 6:41pm »

Not a coder at all, but with my forum having multiple skins and using the PopUP Content code by SubDevo, I figured out how to add different background images for each skin:

with color or URL images for multiple skins:

Code:
<script type="text/javascript">
/* PopUp Content by SubDevo */
/* Global Header or Footer - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */

var popcStyle='background: #080808 url("IMAGE URL")'; // Background color and image.

if(pb_skinid=="skin ID #"){
var popcStyle='background: #080808 url("IMAGE URL")'; // Background color and image.
}
else if(pb_skinid=="skin ID #"){
var popcStyle='background: #080808 url("IMAGE URL")'; // Background color and image.
}
else if(pb_skinid=="skin ID #"){
var popcStyle='background: #080808 url("IMAGE URL")'; // Background color and image.
}

function popupStuff(a,n,w,h){
&nbsp; &nbsp;var b=document.getElementById(a),Lc,html,mC;
&nbsp; &nbsp;if(b){ Lc=" "+document.linkColor;
&nbsp; &nbsp;&nbsp; &nbsp;html='<html><head><title>'+n+'</title><style type="text/css">body{'+popcStyle+'} A:link {text-decoration: none; color:'+
&nbsp; &nbsp;&nbsp; &nbsp;Lc+';}</style></head><body><div style="width: '+w+'px;">'+b.innerHTML+"</div></body></html>";
&nbsp; &nbsp;&nbsp; &nbsp;mC=window.open('',a,'width='+(w+40)+',height='+(h+30)+',top=0,left=0,scrollbars=yes, resizable=yes');
&nbsp; &nbsp;&nbsp; &nbsp;mC.focus(); with(mC.document){open(); write(html); close();}
}}
</script>

with URL images (only) for multiple skins:

Code:
<script type="text/javascript">
/* PopUp Content by SubDevo */
/* Global Header or Footer - Please leave this header intact. Do not repost. */
/* [url]http://interoceandesigns.com[/url] or [url]http://lsdp.proboards.com[/url] */

var popcStyle="background-image: url(IMAGE URL)"; // Background color and image.

if(pb_skinid=="skin ID #"){
var popcStyle="background-image: url(IMAGE URL)"; // Background color and image.
}
else if(pb_skinid=="skin ID #"){
var popcStyle="background-image: url(IMAGE URL)"; // Background color and image.
}
else if(pb_skinid=="skin ID #"){
var popcStyle="background-image: url(IMAGE URL)"; // Background color and image.
}

function popupStuff(a,n,w,h){
&nbsp; &nbsp;var b=document.getElementById(a),Lc,html,mC;
&nbsp; &nbsp;if(b){ Lc=" "+document.linkColor;
&nbsp; &nbsp;&nbsp; &nbsp;html='<html><head><title>'+n+'</title><style type="text/css">body{'+popcStyle+'} A:link {text-decoration: none; color:'+
&nbsp; &nbsp;&nbsp; &nbsp;Lc+';}</style></head><body><div style="width: '+w+'px;">'+b.innerHTML+"</div></body></html>";
&nbsp; &nbsp;&nbsp; &nbsp;mC=window.open('',a,'width='+(w+40)+',height='+(h+30)+',top=0,left=0,scrollbars=yes, resizable=yes');
&nbsp; &nbsp;&nbsp; &nbsp;mC.focus(); with(mC.document){open(); write(html); close();}
}}
</script>


Hope this helps those that have multiple skins and using this code by SubDevo.
« Last Edit: Feb 19, 2012, 9:11am by GFX Support »Link to Post - Back to Top  IP: Logged

[image]

[image]
Speed
Moderator
v5 Theme Support
member is offline

[avatar]

The Vortex


[homepage]

Joined: Apr 2011
Gender: Male
Posts: 5,571
Location: In The Vortex Of IOD
Karma: 215
 Re: Users with Multiple Skins (PopUP Content code)
« Reply #1 on Feb 13, 2012, 1:45pm »

Is it cross browser friendly?
Link to Post - Back to Top  IP: Logged

[image]
[image]
WARNING FOR [ME]! DO NOT CLICK HERE!
aRMY83
Elite Member
IOD Supporter
member is offline

[avatar]

It's me!


[homepage]

Joined: Mar 2010
Gender: Male
Posts: 1,077
Location: Just a Stone's Throw Away!
Karma: 40
 Re: Users with Multiple Skins (PopUP Content code)
« Reply #2 on Feb 13, 2012, 1:59pm »

Hello Speed...

From a non-coder, all I can say, it's working with FF, IE and Chrome from my end. ;)
« Last Edit: Feb 13, 2012, 2:03pm by aRMY83 »Link to Post - Back to Top  IP: Logged

[image]

[image]
Speed
Moderator
v5 Theme Support
member is offline

[avatar]

The Vortex


[homepage]

Joined: Apr 2011
Gender: Male
Posts: 5,571
Location: In The Vortex Of IOD
Karma: 215
 Re: Users with Multiple Skins (PopUP Content code)
« Reply #3 on Feb 13, 2012, 2:03pm »


Feb 13, 2012, 1:59pm, aRMY83 wrote:
Hello Speed...

From a non-coder, all I can say, it's working with FF - IE8/9 and Chrome from my end. ;)


Then it would be cross browser then :) Thanks, BTW for those that may not no when coders put " CB " in there intro to the code that means it is cross browser acceptable, just another fun fact LOL
Link to Post - Back to Top  IP: Logged

[image]
[image]
WARNING FOR [ME]! DO NOT CLICK HERE!
LunyRed
Senior Member
member is offline

[avatar]


[homepage]

Joined: Sept 2009
Gender: Male
Posts: 542
Location: An archipelago in SE Asia
Karma: 14
 Re: Users with Multiple Skins (PopUP Content code)
« Reply #4 on Feb 14, 2012, 1:02am »

Ooooh! Nice job, aRMY! I'm using Sub's Popup Content code also! This is truly helpful! ^^
Link to Post - Back to Top  IP: Logged

[image]
[ME] and I are best buddies~ Unlike me, [ME] is obsessed with Justin Bieber.. o_o'
GFX Support
GFX Designer
member is offline

[avatar]

Off duty



Joined: Apr 2009
Gender: Male
Posts: 1,962
Karma: 75
 Re: Users with Multiple Skins (PopUP Content code)
« Reply #5 on Feb 19, 2012, 9:11am »

Pebble, should we amend this to Sub's code?
Link to Post - Back to Top  IP: Logged

I'm off duty! For questions or support please contact RADesign or Speed Demon.
   [Search This Thread] [Share Topic] [Print]


Click Here To Make This Board Ad-Free


This Board Hosted For FREE By ProBoards
Get Your Own Free Message Boards & Free Forums!
Terms of Service | Privacy Policy | Notice | FTC Disclosure | Report Abuse | Mobile