Author Topic: one for the coding geeks... *new problem* page 2  (Read 2878 times)

Offline Guy

  • Forum addict
  • *
  • Posts: 6,118
Re: one for the coding geeks...
« Reply #10 on: 04 February 2012, 18:23 »
update...

decided that I really don't mind the two lines... would love it to be all on one line but beggars can't be choosers

however... have decided that I would like twitter and facebook buttons in there with their relative code snippets as per the facebook and twitter sites...

now.. I'm really really not into scripts... i can't make head nor tail of them but this is the problem

twitter functions and displays like a good little script

facebook functions ok but looks like a fallen woman

if you look at the top right hand of my home page http://tonavaleting.com/  you'll see that the facebook icon doesn't align like the twitter icon does

this is the code for the upper right hand section

Quote
   <div id="add-nav-handler">
            <?php if($this->params->get('twitter') || $this->params->get('linkedin') || $this->params->get('RSS') || $this->params->get('facebook') || $this->params->get('blogger')  || $this->params->get('myspace') ) : ?>
            <div id="social">
               <ul id="social-links">
                     <li><h4>Telephone: 07966 274165</h4></li>
               <?php if($this->params->get('twitter')) : ?><li><a href="<?php echo $this->params->get('twitter'); ?>" title="Twitter" id="twitter" target="_blank">Follow Us</a></li><?php endif; ?>
               <?php if($this->params->get('blogger')) : ?><li><a href="<?php echo $this->params->get('blogger'); ?>" title="Blogger" id="blogger" target="_blank">Blogger</a></li><?php endif; ?>
               <?php if($this->params->get('facebook')) : ?><li><a href="<?php echo $this->params->get('facebook'); ?>" title="Facebook" id="facebook" target="_blank">Facebook</a></li><?php endif; ?>
               <?php if($this->params->get('RSS')) : ?><li><a href="<?php echo $this->params->get('RSS'); ?>" title="RSS" id="rss" target="_blank">RSS</a></li><?php endif; ?>
               <?php if($this->params->get('linkedin')) : ?><li><a href="<?php echo $this->params->get('linkedin'); ?>" title="Linkedin" id="linkedin" target="_blank">Linkedin</a></li><?php endif; ?>
               <?php if($this->params->get('myspace')) : ?><li><a href="<?php echo $this->params->get('myspace'); ?>" title="myspace" id="myspace" target="_blank">myspace</a></li><?php endif; ?>
                    <li><a href="https://twitter.com/share" class="twitter-share-button" data-via="Tona_Valeting">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></li>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false"></div>
               </ul>
            </div>

and this is the fb code that the facebook button relates to

Quote
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=107346165967904";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

so... can anyone suggest a way of tidying up pagination of the facebook icon

tia

Offline jamie_pyrite

  • I live here
  • *****
  • Posts: 901
Re: one for the coding geeks... *new problem* page 2
« Reply #11 on: 05 February 2012, 02:37 »
I think just face that we live in an imperfect world and this is one of those many imperfections.


I'll run it by one of my web dev. mates next time I speak to one :)

Offline dom

  • 10k hero
  • *
  • Posts: 10,084
  • Back in a Mk4
Re: one for the coding geeks... *new problem* page 2
« Reply #12 on: 05 February 2012, 09:57 »
Add some padding to the top of the twitter div to push it further down & in-line with the facebook one?

With regards to getting it all onto one line I'll have a proper look later and post some code for you to try!

Offline Guy

  • Forum addict
  • *
  • Posts: 6,118
Re: one for the coding geeks... *new problem* page 2
« Reply #13 on: 05 February 2012, 14:53 »
Add some padding to the top of the twitter div to push it further down & in-line with the facebook one?

With regards to getting it all onto one line I'll have a proper look later and post some code for you to try!

thank you... look forward to seeing it later :afro:

I think just face that we live in an imperfect world and this is one of those many imperfections.


I'll run it by one of my web dev. mates next time I speak to one :)

TONA does not understand imperfections?  :huh:

My OCD will not allow this imperfection in my website to exist!  :lipsrsealed:




Offline Ben Lessani

  • I live here
  • *****
  • Posts: 3,873
  • The poor mans MK2 Haynes author
Re: one for the coding geeks... *new problem* page 2
« Reply #14 on: 05 February 2012, 15:49 »
Guy, PM me a screenshot/mock-up of what you want it to look like, and fire over FTP details and I'll do it for you.

Offline Guy

  • Forum addict
  • *
  • Posts: 6,118
Re: one for the coding geeks... *new problem* page 2
« Reply #15 on: 06 February 2012, 09:37 »
Guy, PM me a screenshot/mock-up of what you want it to look like, and fire over FTP details and I'll do it for you.

thats very very kind of you... I will hopefully get something over to you by lunchtime  :smiley: