1. This website uses cookies. By continuing to use this website you are giving consent to cookies being used.
    For information on cookies and how you can disable them visit our Cookie Usage page.
    Dismiss Notice

Web Design books forever template assistance!

Discussion in 'Web Design' started by rollup, Jul 29, 2010.

  1. rollup

    rollup New Member

    I am new to css, but am well up on html, I have downloaded the books forever template and am trying to change some text, now I'm not thick but when I try to change the text "Welcome to our site" it never changes?? I have even gone into the source & changed it there but it still displays the origional text? Now I'm stumped! I've looked in the css to see if it's there but it's not....
    So I am forced to ask here!!!
    Any idea? I could have picked something simpler to start learning css with!

    Thanks in advance.

  2. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    I was just going to suggest that.
    Don't remember the books forever template, could you put a link to it's page?
  3. rollup

    rollup New Member

  4. ishkey

    ishkey Moderator, Logos, Sports Crests Staff Member Verified Member

    No wonder I couldn't find it - the other website change the name.

    It was Books OnLine
  5. navyfalcon

    navyfalcon Well-Known Member Verified Member

    Downloaded the template.
    Used AlleyCode HTML Editor
    Was able to change any or all text

    AlleyCode is a free HTML (& CSS) editor
    Free HTML editor wysiwyg - Alleycode HTML, Text, PHP editor , Free ...

    HTML editor - Alleycode HTML wysiwyg editor is an intuitive, robust and fully functional editor with unique features such as: Synchro View, real time two ...
    www.[B]alleycode[/B].com/ - Cached - Similar

    It has a good help file (Quick start tutorial)
    hope this helps
  6. navyfalcon

    navyfalcon Well-Known Member Verified Member

    Books Forever
    Text at lines:
    204 - 210
    Title line 4
    Menu lines 25 - 31
    title "welcome to our site line 124
    title "top best sellers line 132
    this should help some
  7. rollup

    rollup New Member

    Thanks For this falcon, I use Nvu (komposer) but could not change the "welcome to our site" text, I'll give this one a try, you never know I may even change from Nvu!!
    Even though css looks simple it's not! & no tuts ever tell you where you need to place edits or where to add new code to an exsisting file or where to place the html in order to achive the dsired effect!!
    Not good trying to learn new code at my age!!
  8. enigma1

    enigma1 New Member

    You need an image editor to change that, because the "welcome to our site" is an image. In the stylesheet.css the class is
    #maincol_top h2

    The maincol_header.gif contains what you are looking for. So even if you change the text in the html nothing will happen because that doesn't do anything.

    Ok now, you can do the following to setup a text string without creating or modifying images:

    In the stylesheet.css change this code:

    #maincol_top h2 {
        width : 121px;
        height : 32px;
        background : url('images/maincol_header.gif') no-repeat 0px 0px;
    to this:
    #maincol_top h2 {
        width : 121px;
        height : 32px;
        /*background : url('images/maincol_header.gif') no-repeat 0px 0px;*/
    In the index.html change this code:
            <h2><span>Welcome to our site</span></h2>
    to this
            <div style="font-size: 14px; font-weight: bold; padding: 8px 0px;">Welcome to our site</div>
    then play around with the div style to make it the way you want.

    Later you can setup a new class in the stylesheet if you want to pass the formating there.
  9. rollup

    rollup New Member

    Enigma, what a star!! an explanation I can actually figure out, one thing though no idea what you mean by this "Later you can setup a new class in the stylesheet if you want to pass the formating there. "

    But I will do what you say & let you know what happens.
  10. rollup

    rollup New Member

    Just tried it and it worked perfect. could you tell me what /* means? it looks simple but does a lot!
  11. tomw

    tomw Member

    It is used for commenting. The contents between /**/ are ignored by the program you are using.
  12. enigma1

    enigma1 New Member

    yes you can comment out sections of a CSS file enclosing the parts in /* */ sequences but you cannot nest them. And inside the html files commenting out code is different you use the angle brackets.
    <!-- html code -->

    For the class I mentioned earlier once you adjust the properties of the div line
    <div style="font-size: 14px; .........
    so the end result looks good you move the div as a separate style inside the style.css file so you don't bloat the html with css properties and it can be reusable.

    For example you index.html could contain
    <div class="heading_line">Welcome to our site</div>

    and the style.css you have
    .content .heading_line {
      font-size: 14px; 
      font-weight: bold; 
      padding: 8px 0px;
    And so the rule for the html line only applies to the immediate child of content class (see the line just above the welcome string with the content class)
  13. GrandmaMarilyn

    GrandmaMarilyn New Member

    Wish me luck. I am getting ready to set Books Forever up for my site to sell my ebooks and beading patterns. I just went through this posting and read all the hints that were given. I hope I can do this right. At least it is better than trying to work with PSP.

  14. GrandmaMarilyn

    GrandmaMarilyn New Member


    HELP! I was able to download the template and create a couple of pages but when I tried to upload it, it said it required Zend Optimizer. I tried doing what Zend told me and it not only did not work but it also destroyed my main blog, Grandma Marilyn's. I cannot get it to come back up. Don't know what I am doing wrong.:eek:

    Is there some way to get around this Zend thing. I love the template and would love to make it mine but until I get around this problem, there is no hope.:confused: