Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

jackmcconnell

Privileged
  • Joined

  • Last visited

Reputation Activity

  1. Like
    jackmcconnell reacted to junior in Recent Post - Mangles Theme   
    This code needs looking at firstly.
     
    The test is fine where it is but the <a> tag is mis-formed, you (or the plugin has opened the rel=" but not closed this in the code. Hence this is causing an issue!
     
    It should be
     
    <a class="fancybox" rel="" href='http://www.thecreativesheep.ca/bio/wp-content/gallery/softimage-gallery/before.jpg' title='Regular Bland Image from the Net'><img src='http://www.thecreativesheep.ca/bio/wp-content/gallery/softimage-gallery/thumbs/thumbs_before.jpg' alt='Before' class='ngg-singlepic ngg-center' /></a> Try that and let me know the results
  2. Like
    jackmcconnell reacted to andy9l in Help with adding and removing classes   
    Ah, I see.
     
    This be your answer:
     

    <ul id="top-navigation"> <li><a href="#all">All</a></li> <li><a href="#websites">Websites</a></li> <li><a href="#branding">Branding</a></li> </ul> <ul> <li class="portfolio-item websites"><img /></li> <li class="portfolio-item branding"><img /></li> <li class="portfolio-item websites"><img /></li> <li class="portfolio-item branding"><img /></li> </ul> <ul id="bottom-navigation"> <li><a href="#all">All</a></li> <li><a href="#websites">Websites</a></li> <li><a href="#branding">Branding</a></li> </ul> <script type="text/javascript"> $(function(){ $("#top-navigation a, #bottom-navigation a").click(function(e){ e.preventDefault(); var type = $(this).attr("href").replace("#", ""); $(".portfolio-item").removeClass("show"); if (type != "all"){ $(".portfolio-item." + type).addClass("show"); } else { $(".portfolio-item").addClass("show"); } $("#top-navigation a, #bottom-navigation a").removeClass("selected"); $("#top-navigation a[href='#" + type + "'], #bottom-navigation a[href='#" + type +"']").addClass("selected"); }); }); </script>
     
     
    Edited to include 'all' functionality.
  3. Like
    Replace the line the Spitfire pulled out with:
     

    var tweet_html; for (var i=0;i<data.length;i++){ tweet_html += data[i].text + " <br /> " + $.timeago(data[i].created_at); } $('#tweet').html(tweet_html);
  4. Like
    var tweet_html = ''; for (var i=0;i<data.length;i++){ tweet_html += "<li>" + data[i].text + " <br /> " + $.timeago(data[i].created_at) + "</li>"; } $('#tweet').html("<ul>" + tweet_html + "</ul>");
     
    Add this to the URL to exclude replies:
     

    &exclude_replies=true
  5. Like
    You need the timeago plugin included
  6. Like
    jackmcconnell reacted to Renaissance-Design in Problem executing some PHP   
    Does this fix it?
     

    <?php /* Template Name: Home */ ?> <?php get_header(); ?> <div id="main" class="row" role="main"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <?php $postBackup = $post; ?> <article id="post-<?php the_ID(); ?>" <?php post_class('clearfix'); ?> role="article" itemscope itemtype="http://schema.org/BlogPosting"> <section class="post_content clearfix" itemprop="articleBody"> <?php the_content(); ?> </section> <section class="clearfix" itemprop=""articleBody"> <?php $home_query = new WP_Query('showposts=2'); if ( $home_query -> have_posts() ) : while ( $home_query -> have_posts() ) : $home_query -> the_post(); ?> <div class="home-blogs"> <div class="post-thumb"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> <?php the_post_thumbnail('featured-thumbnail'); ?> </a> </div> <div class="excerpt"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"> <?php the_title(); ?> </a> <?php the_excerpt(); ?> </div> </div> <?php endwhile; ?> <?php endif; ?> <?php $post = $postBackup; ?> </section> <section class="clearfix pinterest"> <a href="" target="_blank"> <img src="<?php the_field('pinterest'); ?>" alt="" /> </a> </section> </article> <?php endwhile; ?> <?php else : ?> <article id="post-not-found"> <header> <h1>Not Found</h1> </header> <section class="post_content"> <p>Sorry, but the requested resource was not found on this site.</p> </section> <footer> </footer> </article> <?php endif; ?> </div> <?php get_footer(); ?>
  7. Like
    jackmcconnell reacted to Jay Gilford in Problem executing some PHP   
    While I'm not sure as to the problem, you should probably have put somewhere that your problem relates to wordpress as well
  8. Like
    jackmcconnell reacted to notbanksy in Tips on improving my website/business...   
    Forgive me for keeping offtopic for a minute, but I thought I'd wade in with my opinions about the name...
     
    Mike sort of has a point about it having a toy-like quality to it, but - so what? The fact is that it's a name you hear once and remember straight away. And surely that's half the battle when you're trying to reel in clients?
     
    If they aren't ready to commit when they first stumble on your site, you want them to think of you next time they come looking, right? Having a memorable name makes a difference. Add to that the 'tronic' part of the name which evokes robotics, automation and persistence. You could quite easily draw these qualities and images into your branding. A little android avatar would tie the whole thing together perfectly...
     
    With regard to the latest layout, my previous comments still apply. Adding more boxes isn't the way to go in my opinion. The best way to give your message more focus is with less clutter. If it was my project, I'd find a way to draw the main copy modules together into one content section which offers a more coherent message about your services and why prospects should choose you. By all means cover the same ground you're covering now, but do it in a more linear way. eg, We're Voltronic, here's what we can do, here's what our clients say, and this is why you should pay attention to us - and ultimately hire us.
     
    The three buttons editable websites, branding, ecommerce need rethinking imo. What are they? Links? In which case, they're like a secondary navigation almost. If they're just telling prospects some of the things you do, they need to be integrated more smoothly into your message in my opinion. They look nice, but I don't believe they'll be effective in persuading new customers.
  9. Like
    jackmcconnell reacted to notbanksy in Tips on improving my website/business...   
    A big improvement mate. Nearly there now in my opinion. I've attached what I'd change if it was my site - I think you'll notice a big jump in conversions when you change from your old design, so long as all the inner pages are of a similar quality.
     

  10. Like
    jackmcconnell reacted to notbanksy in Tips on improving my website/business...   
    Of course
     
    Having the three buttons above the main body copy seems counter-intuitive to me. It confuses the message of the page. Do you want people to follow the links or read the copy and then use the call to action?
     
    So it occurred to me that the 3 links are the call to action. As it is, having an either/ or call to action increases your response rate, so why not have three? By giving prospects some information about your business, and some reasons to take you seriously first, you'll increase the chances of them checking you out on the page most relevant to their project.
  11. Like
    A simple if/else should cover it:

    jQuery(document).ready(function(){ if (jQuery('#news-ticker li').length == 0){ jQuery('#news-ticker').append('<li style="display:block">No tweets at this time</li>'); } else { jQuery('#news-ticker').cycle({ speed: 6000, speedIn: 500, speedOut: 500, sync: 0, fx: 'fade' }); } });
     
    Had to add the inline style as your CSS is set to hide all the <li>'s for the slider. You could easily replace it with a class though.
  12. Like
    jackmcconnell got a reaction from Renaissance-Design in jQuery all of a sudden stopped working...   
    Those have always been there but are meant to be loading in the wp-footer as they're being loaded in with wp_enqueue_script.
    This is the code:
     

    // Slider function rd_js_init() { if (!is_admin()) { // Deregister the bundled jQuery wp_deregister_script('jquery'); // Load jQuery from Google's CDN in the header wp_enqueue_script('jquery', ("https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"), false, '1.7.1', false); // Load a slider in the footer wp_enqueue_script('jquery-easing', (get_bloginfo('template_directory') . '/library/js/slider/jquery-easing-1.3.pack.js'), 'jquery', '1.3', true); wp_enqueue_script('jquery-easing-compatibility', (get_bloginfo('template_directory') . '/library/js/slider/jquery-easing-compatibility.1.2.pack.js'), 'jquery', '1.2', true); wp_enqueue_script('coda-slider', (get_bloginfo('template_directory') . '/library/js/slider/coda-slider.1.1.1.pack.js'), 'jquery', '1.1.1', true); wp_enqueue_script('slider', (get_bloginfo('template_directory') . '/library/js/slider/slider.js'), 'jquery', '1.0', true); } } add_action('init', 'rd_js_init');
     
  13. Like
    jackmcconnell reacted to user-removed in Need 100% height, CSS won't let me.   
    Add "position:relative" to the parent DIV "inner-wrapper".
     
    And yeah, tidy up the HTML, you have a lot of code you don't need, so many of the divs including "innerwrapper" don't even have styles associated with them, they're pointless.
     
    I'd suggest a re-write.
  14. Like
    jackmcconnell reacted to mrchristoph in Help needed with js...   
    Rookie mistake, need to wrap it in document ready:
     

    jQuery(document).ready(function(){ var total_width = 0; jQuery("#parentdiv div article").each(function(){ total_width += jQuery(this).width(); }); jQuery("#parentdiv").width(total_width); });
     
    This should 100% work
  15. Like
    Call your Javascript with wp_enqueue_script. You shouldn't be inserting calls to javascript files in your template. Here's an example from the functions.php of one of my recent projects:
     

    function rd_js_init() { // we don't want to do this in the dashboard, which expects the bundled jQuery if (!is_admin()) { // Deregister the bundled jQuery wp_deregister_script('jquery'); // Load jQuery from Google's CDN in the footer wp_enqueue_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"), false, '1.6.1', true); // Load a slider in the footer wp_enqueue_script('slidesjs', (get_bloginfo('template_directory') . '/js/slides.min.jquery.js'), 'jquery', '3.2', true); } } add_action('init', 'rd_js_init');
     
    Put your on-page functions - eg, stuff called on $(document).ready() - below the call to wp_footer(), just before the closing </body>
  16. Like
    jackmcconnell got a reaction from kingy da killa in University courses for web design...   
    It will yes but what i was saying is that you will find it much easier by doing A-levels before you go. At least that's what i think. I was so pleased to be allowed onto my HND without having to take A-levels. When i got there, i wish i had taken A-levels almost immediately. I thought i could catch up and ultimately, after being sure it was what i wanted to do for 2 whole years, after the first year at uni, the Maths amongst other things has made me think twice and now i feel back to square one.
     
    Not sure what the requirements for Computer Science are but if you can't do/don't know what complex numbers are, you need to do A-level maths.
  17. Like
    jackmcconnell reacted to BlueDreamer in Problems fixed validation errors...   
    This bit of generated code shows two DIV tags outside a LI tag, that's not allowed
     

    </li> </div> <div class="footer-sidebar"> <li id="text-4" class="widget widget_text"><h2 class="widgettitle">Services</h2>
     
    There's may be a few others bit fix that and revalidate.
  18. Like
    jackmcconnell reacted to zed in Problems fixed validation errors...   
    you seem to have some <ul>'s missing. I just did a quick Find of <ul and </ul> and got a score of 3 to 5.
  19. Like
    jackmcconnell got a reaction from a.g.r.c in Protecting images using *just* CSS...   
    Thank you, i appreciate that. Courtesy and forum etiquette goes a long way.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.