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 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Smile Can someone please fix my Blogger template? Padding will not hide!

    Hello everyone!

    Here is my cute little book blog: http://book-quotes-blog.blogspot.com/

    You will notice on the right sidebar, I have added three "Link List" gadgets (SEARCH BOOKS BY AUTHOR, SEARCH BOOKS BY TITLE, and SEARCH BOOKS BY GENRE).
    They are all set as "hidden" until you click on the icon (the little white rectangle with three horizontal lines) to "show" them. To do this, I followed the instructions found here.

    But probably what you notice MOST is that the padding refuses to hide for SEARCH BOOKS BY TITLE (even when the page first loads and all the widgets are set to "hidden").
    This probably got messed up when I told the "show" state to float above the sidebar, to allow for longer book titles.
    I can't set the padding to 0px because I need room for the edges of the div's background image. Can someone please help me fix this?

    Also, I can't figure out how to hide/show multiple divs. I need to do this because I am going to place two new divs inside the LinkListDisplay2 div.
    I need a top and bottom background image to make all the edges have that special border/shadow (and I already know it is impossible to have more than one background image).

    In addition to the two problems in red above, I would also like for the widget div to hide if you click anywhere else on the page.
    This is probably an impossible request, but I expect the list of books to get quite long, so it would be annoying to have to scroll back up to the "hide" button if you were at the bottom.

    I would appreciate any help. I'm definitely not an expert on the subject... I don't understand javascript at all, and only know enough basic html to make things look semi-pretty =]
    The code for the template is too long to post here, so let me know if you think you can fix this and I will send it to you.
    Also let me know if this sounds complicated enough to require compensation. I really have no clue how hard all of this is to do...

    Thanks in advance!

  • #2
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Is there a reason why no one has responded? I am willing to pay for this fix! (Hopefully that is allowed here)

  • #3
    Regular Coder Lerura's Avatar
    Join Date
    Aug 2005
    Location
    Denmark
    Posts
    878
    Thanks
    0
    Thanked 114 Times in 113 Posts
    The problem is that you are not hiding the div, only the text.

    And instead of generating the text-content of the div you can put it directly into the div as html.

    And change the onclick-commands:
    to

    javascript:hideLinklist(x) and javascript:showLinklist(x)

    where x is the number of the list (1 for LinkList1, 2 for LinkList2 and 3 for Link List3)

    And then add style="display:none" to the divs
    Then you can put this script into the head of the document, to hide/show the content:

    function hideLinklist(num) {
    obj = document.getElementById('LinkListDisplay'+num);
    obj.style.display='none';
    }
    function showLinklist(num) {
    obj = document.getElementById('LinkListDisplay'+num);
    obj.style.display='block';

    And delete the scripts between the divs
    Last edited by Lerura; 08-30-2010 at 10:03 AM.


  •  

    Posting Permissions

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