View Full Version : Guestbook Background
ShatPank
11-04-2004, 02:03 PM
Hey, I was browsing other member's guestbook's with the "random member" option and I noticed one certain guestbook that had a background. This background was a big picture of traffic. Could you please be so kind and tell me how I could add a backgroun like that to my guestbook? ;) Thank you for your time.
Andreas
11-06-2004, 06:20 AM
The guestbook system in not designed to enable a background image, but using DHTML, javascript or incorrect HTML it is apparently possible to alter the background... :rolleyes:
The correct way to add a background image is by using the <body> HTML tag, but is a feature has yet to come. If you see a guestbook using a background image, please post the URL here and I'll check out how the image was added.
If anyone has suggestions as to how this can be done, please let me know!
sylke
11-15-2004, 06:30 PM
I am using a template that has stylesheet information in it. Using that you can apply a background image to the body tag. I have no idea how correct or incorrect this is in terms of HTML rules, but it works. Here is what I have added to the top of my template (of course with a working image URL):
<STYLE TYPE="text/css">
<!---
.dummy {}
BODY {background: url(http://YOUR_IMAGE_URL); }
--->
</STYLE>
(Regarding the ".dummy" line: for some reason I only got this to work with a dummy style entry above BODY line. If that one wouldn't there, the BODY line gets ignored. I am probably doing something wrong with the code, but it works in both MSIE and Firefox.)
ShatPank
11-16-2004, 07:25 AM
:confused: Err......could you please be more lamen with me please. I don't know html. I now know what I have to write, now I just need to know where. :D Thank you.
sylke
11-16-2004, 04:20 PM
Hm, ok, why don't you try going into the Guestbook settings and adding this code in the Guestbook Header editor. Click on the "<>" symbol in the toolbar, so that you get to see the HTML code. Go to the very first position in the code text and paste in the code from my post (with a working image URL). Save and see whether it works for you. If that doesn't work, I guess that you would need a template file, but as say you don't know any HTML, so I can't help you any further.
Before you do this I'd advise you to take a copy of the code you currently have in your Guestbook Header editor - just to make sure you can paste it back in if things should go wrong. And please don't blame me if things go wrong nevertheless, I don't know this guestbook that well...!
:o
ShatPank
11-17-2004, 10:18 AM
:D I don't know if you're allowed to swear on this forum....But IT'S ****ING GREAT! :eek: I am VERY grateful sykle, and you are some kind of pissing GOD! It worked perfectly! :D :D I just drew a crappy snow background to test it, and it WORKED! It looks a bit scruffy, but at least I know how to do it!!! THANXX!
Check it out! Click here! (http://urlsnip.com/428016)
ShatPank
I hope you dont mind I have borrowed your background, just till I understand how it works. :confused: (I will remove it if you want)
Cheers
Davy
How can I "freeze" the background so that only the entries scroll? I can do this in FrontPage "Make background a Watermark" but I dont know which HTML to copy or where to paste it
Cheers
Davy
ShatPank
11-25-2004, 07:24 AM
Davy,
:D Hey I don't mind the background borrowing thing! S'good to know someone appreciates it! ;) Anyway, as for that "freezing" thing. I don't think mine does that so I wouldn't know. Are you sure you followed sykle's instructions properly? I think that's the best you're gonna get..........Although.....That traffic one I saw on someone's guestbook had a freeze effect....... :confused: So I think it IS possible. Anyway, sorry I couldn't help more. See ya! :D
Lonegunmen
01-05-2005, 01:38 AM
Thanks for the code mate, works perfectly for my background. What code should I use and where do I sit it in the html code, to add a "heading" jpeg to sit on the top and middle of the guestbook with the background "wallpaper" please?:confused:
You've made a dull guestbook something so very much nicer!:)
Lonegunmen
01-05-2005, 09:48 PM
Also for those whom wanted a scrolling or fixed background. try this.......
Background Properties
HTML style sheets provide you the capability to decorate the background of an element by using color and images. Note that using the properties described in the following sections doesn't define the background for the Web page as a whole. These properties set the background of an element on the Web page. For example, if you define a background for the <UL> tag, as in the following example, then the background only appears within each occurrence of that tag on the Web page.
UL {background-image: URL(http://www.myserver.com/images/watermark.gif)}
You can group the background properties described in the following sections using background. You specify the background color, image, repeat, attachment, and position like this:
background: white URL(http://www.myserver.com/images/bg.gif) repeat-x fixed top, left
background-attachment
The background-attachment property determines whether the background image is fixed in the browser window or scrolls as the user scrolls the window. You can use this property to create a watermark behind your Web page that stays put regardless of which portion of the Web page the user is viewing.
You can assign two possible values to background-attachment. "fixed" (As above)or "scroll"
I hope this helps you.:)
I think its also possible to add a cursor to your guestbook with this CSS code,
body { cursor:url("http://www.geocities.com/rob_foshizzle/xmas/xmascane.cur");
Someone try it :D
MsTresMulder
06-03-2005, 03:33 PM
Is there anyway I can have a picture as a background instead of just a solid color?
Thanks! :o
MsTresMulder
06-03-2005, 09:52 PM
Thanks Andreas so much for the link, however, I can't figure it out...I tried so many different ways and it's not working for me...
I think there's something I just don't understand.
Thanks again for your help...I really appreciate it!!! :)
Andreas
06-04-2005, 05:20 AM
Hi again,
Somewhere in the header of your guestbook you need to add this:
<STYLE TYPE="text/css">
<!---
BODY {background: url(http://www.yourwebsite.com/yourimage.gif); }
--->
</STYLE>
where you replace http://www.yourwebsite.com/yourimage.gif with the location of your image.
Please note that you must be in HTML mode when doing this. Click on the http://www.ultraguest.com/members/editor/images/ed_html.gif -image to view HTML source.
Please let me know if this does not work. Also, if you have your guestbook ID or URL I can take a look at it for you.
MsTresMulder
06-05-2005, 03:17 PM
I understand the code...but, now when I go into guestbook settings there are all of these codes in the header field and there isn't that <> symbol...arrgh!!! :eek:
MsTresMulder
06-05-2005, 03:21 PM
Also...there is no button to 'update'...I have tried logging out and when I go into settings there is still this really long code there...
My html is [<a href="http://www.ultraguest.com/?id=1117828753">View Guestbook</a>]
[<a href="http://www.ultraguest.com/?id=1117828753&sign=1">Sign Guestbook</a>]
THANKS AGAIN!!!
Andreas
06-05-2005, 04:03 PM
Hi,
Take a look at this movie and see if it helps:
Image Background Tutorial (http://www.ultraguest.com/docs/help/movies/image_background.htm) (~0.9MB)
If you're still having problems, let me know.