Guestbook (ultraguest) and transparent style

Discussion in 'Web Design and Development' started by Gloor, May 14, 2008.

  1. Gloor macrumors 6502a

    Joined:
    Apr 19, 2007
    #1
    Hi, I have a new page and I can't find how to make guestbook background in ULTRAGUEST transparent so it doesn't mess up my page look? I don't mind having bubbles with text from people but I don't want to have a solid colour background. I want to have the apple style. Is there a way to set ultraguest background colour to transparent so it goes nicely with my style?

    here is a link so you know what i mean



    thanks for any advice.

    p.s.: i couldn't find it in iwebfaq etc.
     
  2. Gloor thread starter macrumors 6502a

    Joined:
    Apr 19, 2007
    #2
    I found it. Its just so easy. Type transp in the background colour and thats it :)
     
  3. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #3
    Type it where? Glad you found the solution as I really didn't follow what you were asking, heh.

    Being alot of developers these days are using XHTML where style is applied separately from content, hope you don't mind if I hijack your thread and mention something cool I found (before you replied):

    Others might want to visit this web page which discusses the CSS3 alpha filter which allows an opacity attribute to be set. The one thing I wish to point out is pay careful attention to the requirements (i.e. set float property, when to use/not use the -moz-opacity statement) and limitations (CSS3 is of course not widely supported across all browser platforms). The site has great examples.

    Quick example of applying 50% opacity using CSS3:

    Code:
    .fiftypercentopaque {
       float:right; 
       filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5
    }
    Beyond that, one could always work with a graphic tool using transparency applied to layers and exporting as transparent .gif's and using CSS2 to position, including Z-indexing to overlay for cool effects. Okay, I'm done talking. Thanks for listening, and I am now unhijacking - back to you, heh.

    -jim
     
  4. Gloor thread starter macrumors 6502a

    Joined:
    Apr 19, 2007
    #4
    No problem. I don't know what the hell are you talking about but feel free to use this thread as I solved my problem :) You obviously know your stuff and if you are at it, do you want to give me feedback on my first attempt please?
    thanks
     
  5. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #5
    Great job. Very elegant, well presented, fonts look nice and classic styling. Alot of folks say the classic gray/black theme with single pixel boxes is tough on the eyes but I personally like the look - classy!! You might want to pick a different color than the red for the hover in your menu at the top, maybe yellow or simply underline the text. The only layout suggestion is a personal choice of mine, to widen the gray and reduce the black on either side - maybe only 1 inch or so on either side. I'm not saying remove the black border, it's part of the look, keep it. My .02 since ya asked.

    You never answered my question, where did you type in "transp" ?

    -jim
     
  6. Gloor thread starter macrumors 6502a

    Joined:
    Apr 19, 2007
    #6
    oh, thanks for the feedback.

    I typed transp in ultraguest control panel. You can change your colour settings etc. and where there is background colour i simply changed that to transp and it worked :) I still have some issues with IE7 and IE6 which doesn't work with the transparency, so I really don't know how to fix it. Mozzilla and Safari seem to work fine. Damn MS :)
     
  7. &Ingonyama macrumors member

    Joined:
    May 6, 2008
    #7
  8. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #8
    Thanks for the info.

    Please read this local thread before replying to my comment here:

    http://forums.macrumors.com/showthread.php?t=174711

    I did a little research via Google to see how iWeb implemented the transparency you set in the control panel and found that link, heh. It seems, under the hood, in versions before 3.0 it is generating .png's which accomplish the task, but also eat up alot of unnecessary disk space. The two methods I listed in my first reply does not do any of this, for the record. Now I will not comment on the 'iWeb sucks' aspect from that post - that was their opinion and maybe a later version handles it differently, but it does explain the problems you had with those browsers you listed if the png is being created. If not, kindly disregard.

    So I suggest implementing the hack as &Ingonyama so wisely suggested as your first fix at this point, if you are still bothered by the issue. Otherwise if that fails, see previous advice and thank you for your time and effort. Great page!

    Take care...

    -jim
     
  9. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #9
    Just a note here. The -moz-opacity part isn't really needed anymore (except for older versions of Firefox) as they have switched to opacity instead. The -moz-opacity will still work, but is considered (by Mozilla) to be deprecated.

    And a further note, the filter part one is for IE and is proprietary and thus also not part of the CSS standard so will not validate. Not that it stops people from using it, and it's the easiest way to implement it in IE. IE is the only big browser out currently that doesn't support the opacity property, hopefully IE8 will change that. iWeb is likely using the opacity and not the filter technique for declaring the transparency, and is why it isn't working in IE6/7 for the OP.
     
  10. Gloor thread starter macrumors 6502a

    Joined:
    Apr 19, 2007
    #10
    guys i really appreciate your comments but I'm using iWeb only and I have no clue what you are talking about. I also have iComment, StatCounter and UltraGuestbook but that is about it. I tried to go through the links you gave me but it doesn't mention how to fix it in iWeb so it's kinda hard for me to understand it as I am a total noob when it comes to web programing.

    Any easy solution for a noob like me? :)
     
  11. SrWebDeveloper macrumors 68000

    SrWebDeveloper

    Joined:
    Dec 7, 2007
    Location:
    Alexandria, VA, USA
    #11
    We're discussing what goes on "under the hood", the various methods iWeb might be using when you set the "transp" thingy in the iWeb CP, that's all. In terms of iWeb, there may be no solution that doesn't involve changing the code that makes a web site work "under the hood". It might end up being a bug report to the Apple folks, if this has not already been addressed. Transparency is a cool effect on web sites when used properly so this was a fun and worthwhile discussion for me!!!

    Note to angelwatt: I mentioned earlier about the mozilla aspect, plus the code example was CSS3. But thank you for emphasizing it.

    -jim
     
  12. Gloor thread starter macrumors 6502a

    Joined:
    Apr 19, 2007
    #12
    Yeah, I gathered that. I once did some basic programing so I knew what you were talking about its just I didn't know what it meant. :))) Anyway, for me iWeb is great in terms of simplicity. I really don't want to edit files and files with codes and then looking for a mistake I could have made when it doesn't work as its supposed to. :) (I guess you all know what I mean )

    Anyway, I really appreciate your time and help. Let's see if Apple makes some changes in the next iWeb version. :)
     

Share This Page