FAQtoid

terribleprocess · Jun-01-2012, 10:00 PM #1

Smugmug pro,
I've tried numerous possibillities, J. Allen had made a suggestion as well to refine the existing code below. I've continued to tinker, and try and get it to work, but still no background image. I even considered framing the background image code within the same sort of "table" text as the rest of the code for the two existing apps on this homepage (see below), but still to no avail.
For some reason the background image is not visible in this bio box code, yet the slideshow and video work fine.
Any suggestions on how to remedy this issue?
Thanks, francis

<html>
<style>
<table height=background-position:top center !important;
stretchy: "true"
background-image: url("http://www.smugmug.com/photos/i-jJt9...jJt9DKj-X3.jpg">
<tr><td>This table has a background image</td></tr>
</style>
<table cellspacing=25>
<tr>
<td>
<iframe frameborder="0" scrolling="no" width="425" height="240" src="http://api.smugmug.com/services/embe...=240"></iframe>
</td>
<td>
<script type="text/javascript">
JF.InsertSlideshowHere({
galleryURL: "http://www.smugmug.com/gallery/16060274_6PfDxK",
splashImageURL: "http://www.palazzolo.fm/Other/home/2...1071&k=FjfjfKq",
height: "500",
width: "750"}
);
</script>
</td>
</tr>
</table>

</html>

Allen · Jun-02-2012, 06:10 AM #2

Quote:

Originally Posted by terribleprocess

Smugmug pro,
I've tried numerous possibillities, J. Allen had made a suggestion as well to refine the existing code below. I've continued to tinker, and try and get it to work, but still no background image. I even considered framing the background image code within the same sort of "table" text as the rest of the code for the two existing apps on this homepage (see below), but still to no avail.
For some reason the background image is not visible in this bio box code, yet the slideshow and video work fine.
Any suggestions on how to remedy this issue?
Thanks, francis

<html>
<style>
<table height=background-position:top center !important;
stretchy: "true"
background-image: url("http://www.smugmug.com/photos/i-jJt9...jJt9DKj-X3.jpg">
<tr><td>This table has a background image</td></tr>
</style>
<table cellspacing=25>
<tr>
<td>
<iframe frameborder="0" scrolling="no" width="425" height="240" src="http://api.smugmug.com/services/embe...=240"></iframe>
</td>
<td>
<script type="text/javascript">
JF.InsertSlideshowHere({
galleryURL: "http://www.smugmug.com/gallery/16060274_6PfDxK",
splashImageURL: "http://www.palazzolo.fm/Other/home/2...1071&k=FjfjfKq",
height: "500",
width: "750"}
);
</script>
</td>
</tr>
</table>

</html>

In quote above remove red.

Although not perfect add this to your CSS.

Code:

#userBio table {
   width: 1238px;
   height: 694px;
   margin: 0 auto;
   background: url(/photos/i-jJt9DKj/0/X3/i-jJt9DKj-X3.jpg) no-repeat;
}

terribleprocess · Jun-02-2012, 11:09 PM #3

Thanks Man you solve intractable issues like M. Jackson does the moonwalk!!!!

After trying so many combinations in the bio box I never thought there would be a solution.
To CSS did the trick!

I tried equally as many combinations with a button feature in a gallery box thats also stacked with good working apps; 'interactive gallery' http://www.palazzolo.fm/gallery/2313...2649&k=DhkMLMD

I have twitter widgets and a background image at this location, but when I tried to add a twitwheel button nothing I did worked. I followed through to the CSS box with the code too, but with no luck either. I mean I reworked the html to follow the CSS format but my translation skills are lacking here.

Is there a CSS solution here too??

[FONT=Sylfaen]<div id='twitwheelButton'></div>
<script type='text/javascript' language='javascript' src='http://api.talkwheel.com/twitwheelButton.js'></script>
<script>
createTwitwheel('turnLEDintoLEAD');
</script>[/FONT]

Or is there a special spot within the gallery box code that I missed???

<html>
<head>
<style type="text/CSS">
body.gallery_23132777 {background-image:
url('/photos/i-28S4xTp/0/X3/i-28S4xTp-X3.jpg');
background-position:top center !important},
stretchy: "true"}
);
</style>
</head>
<body>
<h2><FONT COLOR="18750f"><P ALIGN=Center>participate; cultivate change; or the weight of delay will simply return more hazard <BR> شراكت لرې; پير آباد ;او يا د وزن د ځنډ به يوازې بيرته خطر </h2></FONT>
<div id='twitwheelButton'></div>
<script type='text/javascript' language='javascript' src='http://api.talkwheel.com/twitwheelButton.js'></script>
<script>
createTwitwheel('turnLEDintoLEAD');
</script>
</body>
</html>

<html>
<table cellspacing=160>
<tr>
<td>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'list',
rpp: 100,
interval: 30000,
title: 'islamic emirate of afghanistan',
subject: 'د افغانستان د اسلامي امارت',
width: 260,
height: 260,
theme: {
shell: {
background: '#faf7fa',
color: '#18750f'
},
tweets: {
background: '#faf7fa',
color: '#050005',
links: '#48a321'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
behavior: 'all'
}
}).render().setList('turnLEDintoLEAD', 'push-led').start();
</script>
</td>
<td>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 30,
interval: 30000,
width: 260,
height: 260,
theme: {
shell: {
background: '#faf7fa',
color: '#18750f'
},
tweets: {
background: '#faf7fa',
color: '#050005',
links: '#48a321'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('turnLEDintoLEAD').start();
</script>
</td>
<td>
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'list',
rpp: 100,
interval: 30000,
title: 'نړيوال سوله ساتي ځواک',
subject: 'int\'l security assistance force',
width: 260,
height: 260,
theme: {
shell: {
background: '#faf7fa',
color: '#18750f'
},
tweets: {
background: '#faf7fa',
color: '#050005',
links: '#48a321'
}
},
features: {
scrollbar: true,
loop: false,
live: false,
behavior: 'all'
}
}).render().setList('turnLEDintoLEAD', 'shift-led').start();
</script>
</td>
</tr>
</table>
</html>


Similar Threads	Thread Starter	Forum	Replies	Last Post

How To Maximize Your Findability (Search Engine Stuff)	Andy	SmugMug Support	1039	Jun-18-2012 05:30 AM
Setting an background image	zelmok	SmugMug Customization	7	Oct-23-2011 07:11 AM
Fullscreen background image on homepage only	Musashi00	SmugMug Customization	0	Sep-07-2011 10:45 PM
Professonional Photoshop, Chapter 8: Keeping the Black and White in Color	mwgrice	Finishing School	7	Feb-13-2007 11:58 AM
Chapter 7 Professional Photoshop Keeping the Color In B&W	pathfinder	Finishing School	23	Feb-06-2007 04:40 AM

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

FAQtoid

Dgrin Challenges

Need some help with Accessories?

Tutorials

The Hot Seat

Africa!

SmugMug How To:

SmugMug News:

SmugMug Status

Jun-01-2012, 10:00 PM #1
terribleprocess ^OP Big grins Join Date: Jan 2011 Location: NYC Posts: 72	tried many combinations, but still no background image with existing apps Smugmug pro, I've tried numerous possibillities, J. Allen had made a suggestion as well to refine the existing code below. I've continued to tinker, and try and get it to work, but still no background image. I even considered framing the background image code within the same sort of "table" text as the rest of the code for the two existing apps on this homepage (see below), but still to no avail. For some reason the background image is not visible in this bio box code, yet the slideshow and video work fine. Any suggestions on how to remedy this issue? Thanks, francis <html> <style> <table height=background-position:top center !important; stretchy: "true" background-image: url("http://www.smugmug.com/photos/i-jJt9...jJt9DKj-X3.jpg"> <tr><td>This table has a background image</td></tr> </style> <table cellspacing=25> <tr> <td> <iframe frameborder="0" scrolling="no" width="425" height="240" src="http://api.smugmug.com/services/embe...=240"></iframe> </td> <td> <script type="text/javascript"> JF.InsertSlideshowHere({ galleryURL: "http://www.smugmug.com/gallery/16060274_6PfDxK", splashImageURL: "http://www.palazzolo.fm/Other/home/2...1071&k=FjfjfKq", height: "500", width: "750"} ); </script> </td> </tr> </table> </html>

Jun-02-2012, 11:09 PM #3
terribleprocess ^OP Big grins Join Date: Jan 2011 Location: NYC Posts: 72	Thanks Man you solve intractable issues like M. Jackson does the moonwalk!!!! After trying so many combinations in the bio box I never thought there would be a solution. To CSS did the trick! I tried equally as many combinations with a button feature in a gallery box thats also stacked with good working apps; 'interactive gallery' http://www.palazzolo.fm/gallery/2313...2649&k=DhkMLMD I have twitter widgets and a background image at this location, but when I tried to add a twitwheel button nothing I did worked. I followed through to the CSS box with the code too, but with no luck either. I mean I reworked the html to follow the CSS format but my translation skills are lacking here. Is there a CSS solution here too?? [FONT=Sylfaen]<div id='twitwheelButton'></div> <script type='text/javascript' language='javascript' src='http://api.talkwheel.com/twitwheelButton.js'></script> <script> createTwitwheel('turnLEDintoLEAD'); </script>[/FONT] Or is there a special spot within the gallery box code that I missed??? <html> <head> <style type="text/CSS"> body.gallery_23132777 {background-image: url('/photos/i-28S4xTp/0/X3/i-28S4xTp-X3.jpg'); background-position:top center !important}, stretchy: "true"} ); </style> </head> <body> <h2><FONT COLOR="18750f"><P ALIGN=Center>participate; cultivate change; or the weight of delay will simply return more hazard <BR> شراكت لرې; پير آباد ;او يا د وزن د ځنډ به يوازې بيرته خطر </h2></FONT> <div id='twitwheelButton'></div> <script type='text/javascript' language='javascript' src='http://api.talkwheel.com/twitwheelButton.js'></script> <script> createTwitwheel('turnLEDintoLEAD'); </script> </body> </html> <html> <table cellspacing=160> <tr> <td> <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'list', rpp: 100, interval: 30000, title: 'islamic emirate of afghanistan', subject: 'د افغانستان د اسلامي امارت', width: 260, height: 260, theme: { shell: { background: '#faf7fa', color: '#18750f' }, tweets: { background: '#faf7fa', color: '#050005', links: '#48a321' } }, features: { scrollbar: true, loop: false, live: false, behavior: 'all' } }).render().setList('turnLEDintoLEAD', 'push-led').start(); </script> </td> <td> <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'profile', rpp: 30, interval: 30000, width: 260, height: 260, theme: { shell: { background: '#faf7fa', color: '#18750f' }, tweets: { background: '#faf7fa', color: '#050005', links: '#48a321' } }, features: { scrollbar: true, loop: false, live: false, behavior: 'all' } }).render().setUser('turnLEDintoLEAD').start(); </script> </td> <td> <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'list', rpp: 100, interval: 30000, title: 'نړيوال سوله ساتي ځواک', subject: 'int\'l security assistance force', width: 260, height: 260, theme: { shell: { background: '#faf7fa', color: '#18750f' }, tweets: { background: '#faf7fa', color: '#050005', links: '#48a321' } }, features: { scrollbar: true, loop: false, live: false, behavior: 'all' } }).render().setList('turnLEDintoLEAD', 'shift-led').start(); </script> </td> </tr> </table> </html>


Tell The World!

Tweet