SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    How is this done?

    Take a look at http://www.thismanslife.co.uk/

    How has he done it wit the footer background, the background and the round circle a litle to the right from the middle just placed where he wants.

    If you view source code and cody it to dreamweaver you see he has different picture.

    Anyone knows?
    Please tell me.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    How has he done it wit the footer background, the background and the round circle a litle to the right from the middle just placed where he wants.

    If you view source code and cody it to dreamweaver you see he has different picture.
    You mean in the header, I think.

    It's just a semi-transparent PNG image. It's quite large, and is just centered on screen. The circle is off center in the actual image, making it off center on screen.

  3. #3
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    How does he have multiple BG's?

    And another question. Let's look at this.

    <p class="maintext"> Ralph.m is supercool </p>

    I see on tutorials, people put p.maintext { } , why not just do .maintext { } instead of specify the paragraph before the class?


    Quote Originally Posted by ralph.m View Post
    You mean in the header, I think.

    It's just a semi-transparent PNG image. It's quite large, and is just centered on screen. The circle is off center in the actual image, making it off center on screen.

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    How does he have multiple BG's?
    You can do this with CSS3, but in this case, he just has a single bg image on various different divs. In CSS2, you can have one bg image per element, but you can have as many elements as you like. If those bg images have transparency, they will create the effect you see there.

    I see on tutorials, people put p.maintext { } , why not just do .maintext { } instead of specify the paragraph before the class?
    In most cases, the p is redundant. It might help with specificity (to override other rules on the same element), or if .maintext is used on other elements as well, like <ul>, you may just want a special style for when that class is applied to a <p>.

  5. #5
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Ah thats true, Thanks raplph.
    Quote Originally Posted by ralph.m View Post
    You can do this with CSS3, but in this case, he just has a single bg image on various different divs. In CSS2, you can have one bg image per element, but you can have as many elements as you like. If those bg images have transparency, they will create the effect you see there.



    In most cases, the p is redundant. It might help with specificity (to override other rules on the same element), or if .maintext is used on other elements as well, like <ul>, you may just want a special style for when that class is applied to a <p>.

  6. #6
    SitePoint Member
    Join Date
    Mar 2012
    Posts
    11
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    im pretty sure thats a java tool, cant remember where to go though, sorry mate!

  7. #7
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    What?
    Quote Originally Posted by hayle View Post
    im pretty sure thats a java tool, cant remember where to go though, sorry mate!

  8. #8
    Mazel tov! bronze trophy kohoutek's Avatar
    Join Date
    Aug 2004
    Location
    Hamburg, Germany
    Posts
    4,248
    Mentioned
    30 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    What?
    I think he meant to say that the slideshow on the page you linked to utilizes Javascript.
    Maleika E. A. | Rockatee | Twitter | Dribbble



  9. #9
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I didnt mention anything about that?

    He maybe wanted to increase his posts.
    Quote Originally Posted by kohoutek View Post
    I think he meant to say that the slideshow on the page you linked to utilizes Javascript.

  10. #10
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,297
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by kvnwpts View Post
    I didnt mention anything about that?
    He may have thought it was an answer to the question. Anyhow, seems like this issue is resolved, so let's close this out.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •