Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Wordpress - Formatting a Banner outside the Lines

    Hello everyone! My website is http://www.filminsight.net, and as you can see, the banner is a little plain, and it doesn't match with the rest of the color. I have run a contest for banner design on DigitalPoint, and I really like this banner:

    http://i782.photobucket.com/albums/y..._Insight-1.png

    How can I format my site so that I can get that banner outside the left corner of the top? It looks somewhat challenging, but my site would look very nice with it.

    Thank you very much!
    Josh Lipovetsky.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,955
    Thanks
    9
    Thanked 726 Times in 720 Posts
    That shouldn't be too difficult.

    You already have your date tab positioned outside the wrapper, and this is done using a negative left margin, so you could adopt a similar approach to this for the header logo.

    Alternatively, use absolute positioning to place the logo. Your css would need to look something like:

    Code:
    #header{
    ...existing styling....
    position:relative;
    }
    
    #logo{
    position:absolute;
    left:-100px;/*move to the left of header by 100px*/
    top:10px;/*move down from the top of header by 10px*/
    ..other styling as required...
    }
    and then, assuming the logo is an image, put it within your header html:

    Code:
    <div id="header">...
       <div class="header-left">...
       <a href="http://filminsight.net">...
       <img id="logo" src="image.png" alt="Film Insight" etc>
       <div class="search_bg">
    </div>
    PS: welcome!
    Last edited by SB65; 11-08-2009 at 03:43 PM.

  • Users who have thanked SB65 for this post:

    chezzy62 (11-08-2009)

  • #3
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Thank you for the warm welcome SB65, I appreciate your kindness .

    Wow, I completely forgot that the date tab was positioned outside the margin. Haha I wasn't being very observant. If I decide to implement the logo, I will try this out. The CSS part is usually what's most confusing. I am more of a simple HTML guy. I just know the basics, haha. But I'm persistent, so I will find a way to implement what you just showed me.

    Thank you so much!
    Josh Lipovetsky.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,855
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The CSS part is usually what's most confusing. I am more of a simple HTML guy. I just know the basics, haha.
    Get firebug for your firefox (if you don't have it), which will make the things much easier for you.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    chezzy62 (11-08-2009)

  • #5
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hey guys, thanks for the help! I couldn't get the banner to work, but that is going to be attempted again, at a later time.

    I have a different question now. I have installed Tweetmeme, the posts work on the homepage, and the stories themselves. However, on the homepage, each story points to filminsight.net. Not the actual stories themselves. Is there any PHP I can place to redirect the URL to the stories themselves, so when people press re-tweet on my homepage, it retweets the actual stories? Thank you very much!

    Also, I was planning on having a link that says "Buy Now!" right underneath the twitter button on the homepage. Is there any way I can make a custom field, where I can type the amazon link underneath each post I publish, kind of like my Thumbnail custom field? Thank you!

  • #6
    New to the CF scene
    Join Date
    Nov 2009
    Posts
    8
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Bump, does anyone have an idea for these? Especially the Twitter one, which I am having difficulties with. Thank you so much!


  •  

    Posting Permissions

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