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 Help with position of scripts

Discussion in 'Web Design' started by Mark121, Apr 3, 2012.

  1. Mark121

    Mark121 New Member

    Hi guys, I'm new to this and wonder if you could help me please.

    I've been eiditing a template from the site, and I am getting there editing and tweaking things and refreshing to see if they work.

    But I'm a bit stuck with trying to add a facebook and twitter script to the site:

    This is the working progress:
    http://www.simplyflowersofely.co.uk/testie121/index3.html

    I'm trying to get the facebook script one side and the twitter the other side but it looks a mess.

    I've been trying to get to grips with the CSS but it's not happening.

    Any ideas guys?
     
  2. tomw

    tomw Member

    Replace the content section with the codes below and see if it works:
    HTML:
    <div id="content">
      <div class="home">
          <div class="aside">
        <h1>Welcome to Simply Flowers of Ely</h1>
        <p>Whatever the reason happy, sad, or just to say you care -
            let Simply Flowers of Ely make any occasion extra special
            with that personal touch from our fully trained
            florists.<br><br>Why not add a keep-sake to any order by
            having your personal message printed on ribbon!<br>To
            view examples of personalised ribbon, click
            here.</br><br>We cover a large local delivery area
        personally delivered, by hand, to the recipient. With the
        eFlorist service, we have the facility of offering both
        National and International deliveries.
        </br>
          </div>
          <div class="section">
        <div>
            <h2>Interact with us...</h2>
            <ul>
              <div class="fb-comments"
            data-href="http://www.simplyflowersofely.co.uk/"
            data-num-posts="3" data-width="300">
              </div>
            </ul>
        </div>
        <ul>
            <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
            <script>
    new TWTR.Widget({
    version: 2,
    type: 'profile',
    rpp: 4,
    interval: 30000,
    width: 250,
    height: 200,
    theme: {
    shell: {
    background: '#dedcdc',
    color: '#690069'
          },
    tweets: {
    background: '#ebe8e9',
    color: '#000000',
    links: '#b800b5'
          }
        },
    features: {
    scrollbar: false,
    loop: false,
    live: false,
    behavior: 'all'
        }
    }).render().setUser('flowersofely').start();
            </script>
        </ul>
          </div>
      </div>
    </div>
    
     
  3. Mark121

    Mark121 New Member

    Hi thanks for your quick response. So kind of you.

    It has moved it over but it's still not positioned right? Grrr!

    http://www.simplyflowersofely.co.uk/testie121/index4.html

    It seems to indent that background bit again? Is it the script within the website or a CSS thing? I can't seem to get the hang of the CSS indent.
     
  4. tomw

    tomw Member

    I converted the template into theme where it can be used for w-CMS, a content management system that I'm currently developing. If you're interest in trying it out I can help you make the changes for the site you have in mind. You can download it from here.* Let me know if you have any questions.

    * w-CMS development is currently suspended.
     
  5. tomw

    tomw Member

    Send me the URL and I’ll have a look. Not sure I can fix it as HTML and CSS are not my area of expertise. I’m just started learning them. If you post the URL publicly other members here might able to identify the problem area.
     
  6. Ok tomw. I will post the url on the thread.
     
  7. Mark121

    Mark121 New Member

    Hi, I might sound really dumb but I don't know what w-CMS stand for lol?! I followed the link and I got some errors about clearing cache?!
     
  8. Mark121

    Mark121 New Member

    The requested URL /p/wcms/downloads/detail?name=cake_website.zip&can=2 was not found on this server.
    That’s all we know.

    That's the error I get?
     
  9. tomw

    tomw Member

    I was informed there was a security issue with w-CMS so I decided to suspense the development until this problem is identified. However, I will continue to help you out on whatever capacity that I can offer.
     
  10. Mark121

    Mark121 New Member

    Ok? well I'm just trying to get the facebook and twitter script to display and look good in those two boxes. I don't know if it's a HTML or a CSS issue? Been playing around trying to edit the script and testing it. But everything I do just messes up :(
     
  11. tomw

    tomw Member

    You don’t need a CMS to do what you need. It just makes the job easier. I will take a look at that page again and see if I can come up with a solution.
     
  12. Mark121

    Mark121 New Member

    Ok, thank you ;)