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.

ZaLiTH

Members
  • Joined

  • Last visited

Reputation Activity

  1. Like
    ZaLiTH reacted to Renaissance-Design in Looking for Some DNS Advice   
    Yup, it is possible to setup your own nameservers with a single IP. Easier with two, obviously.
     
    You'll need to register your nameservers (let's call them ns1 and ns2) by IP in your AfriHost panel (can't help you with that; I've never used it), then you can point boxofgrief.co.za and gecco.org.za's nameservers to ns1.boxofgrief.co.za and ns2.boxofgrief.co.za.
  2. Like
    ZaLiTH reacted to Chris Higgins in Custom Fields in Joomla K2   
    Hiya,
     
    As far as I'm aware, you can't actually move the position of the K2 extra fields input fields. You need to fill in the information as normal, then go the the extra fields tab to input your data. It's a bit painful.
     
    As far as getting that information into your template, you need to create a K2 template override, which you can do by copying the default K2 template folder (components > com_k2 > templates > default) across to your template folder (templates > yourtemplatename > html > com_k2 > templates). Rename the folder (from default), then add the following PHP into said template, wherever you want the extra field content to appear (you can wrap it in <p> tags or <h2> tags, whatever you like):
     
    <?php echo $this->item->extra_fields[0]->value; ?>
     
    The 0 refers to the ID of the extra field relating to the category. If you've got three extra fields in an extra fields group, those three fields have the ID of 0, 1, and 2 respectively. If you've got another group assigned to a different category, the ID's will be 0, 1, and 2 for that category as well.
     
    You'll usually need to add it into the item template, and the category item template.
     
    Go to the Joomla back end, navigate to your category settings, and then set the template to your new template (top right, at the top of the K2 settings sidebar).
     
    Hope that all makes sense. Let me know if you have any trouble.
  3. Like
    ZaLiTH got a reaction from lowdenclear in The Awesomeness of Free Software   
    Since for me this is mostly a hobby and not a career, I don't have the resources to buy applications dedicated to the areas of website development.. So for me, Notepad++ is and probably always will be my holy grail.
     
    By the way, I'm not affiliated with any of the apps / plugins mentioned here. This isn't an ad for them... Simply a good mention from someone who likes them.
     
    For me, it seems like a boring task getting the base HTML out of the way so I can start playing with the CSS and jQuery... Not that it takes hours and hours, but it definitely could be streamlined in a few ways.
     
    Recently I found a plugin for Notepad++ (and Coda, and DreamWeaver, and TextMate, etc etc) that allows a pretty sweet looking method for HTML coding. The first 30 seconds of the video was enough to sell me on this, I suggest you have a look as well.. If it's not for you, then it's only a few minute of your life lost.
     
    World, meet Zen Coding:
     

    http://vimeo.com/7405114

     
     
    For those of you who want TextMate style "Tab Triggers" in Notepad++ to navigate between the areas of the code you just entered... I haven't really tested this yet, I only found it just now, but it looks like the QuickText plugin does that quite well.
     
    And finally, instead of downloading files via FTP, editing, saving and then uploading again to see the changes on a live website.. FTP Synchronise does a beautiful job of handling the FTP automatically while you focus on the code itself.
     
     
    So, there you have it.. A code editor with customisable syntax highlighting, automatic FTP synchronisation, improved code navigation and abbreviation-based code completion. All rolled into one completely free app. Use it, don't use it, it's your choice.. I get the idea a few people will find this pretty useful though.
  4. Like
    ZaLiTH got a reaction from RobbieD90 in The Awesomeness of Free Software   
    Since for me this is mostly a hobby and not a career, I don't have the resources to buy applications dedicated to the areas of website development.. So for me, Notepad++ is and probably always will be my holy grail.
     
    By the way, I'm not affiliated with any of the apps / plugins mentioned here. This isn't an ad for them... Simply a good mention from someone who likes them.
     
    For me, it seems like a boring task getting the base HTML out of the way so I can start playing with the CSS and jQuery... Not that it takes hours and hours, but it definitely could be streamlined in a few ways.
     
    Recently I found a plugin for Notepad++ (and Coda, and DreamWeaver, and TextMate, etc etc) that allows a pretty sweet looking method for HTML coding. The first 30 seconds of the video was enough to sell me on this, I suggest you have a look as well.. If it's not for you, then it's only a few minute of your life lost.
     
    World, meet Zen Coding:
     

    http://vimeo.com/7405114

     
     
    For those of you who want TextMate style "Tab Triggers" in Notepad++ to navigate between the areas of the code you just entered... I haven't really tested this yet, I only found it just now, but it looks like the QuickText plugin does that quite well.
     
    And finally, instead of downloading files via FTP, editing, saving and then uploading again to see the changes on a live website.. FTP Synchronise does a beautiful job of handling the FTP automatically while you focus on the code itself.
     
     
    So, there you have it.. A code editor with customisable syntax highlighting, automatic FTP synchronisation, improved code navigation and abbreviation-based code completion. All rolled into one completely free app. Use it, don't use it, it's your choice.. I get the idea a few people will find this pretty useful though.
  5. Like
    ZaLiTH reacted to DigitalSquid in JS - Get Current URL   
    initPages('#nav > a[href=hash]')
    In the above, jQuery wouldn't read hash as a variable. It would see it as normal text and try to find <a href="hash"> in your code.
     
    Change it to:

    initPages('#nav > a[href="' + hash + '"]')
     
    You need the " " quotes around the value of the selector, eg: [name=value].
     
    The other quotes and plus signs let jQuery know you're using a variable in string of text.
  6. Like
    ZaLiTH reacted to DigitalSquid in JS - Get Current URL   
    If you just want the anchor, use something like:
     

    var hash = location.hash; if(hash){ //Do something with the hash variable }
  7. Like
    ZaLiTH got a reaction from Renaissance-Design in Question About Lazy Loading Content   
    Yeah, that's the problem with most of the information I've found online... It either goes way over my head, or it's aimed at images directly.
     
    Considering it must be triggered when the page is scrolled, I assumed as much.. I'm still learning* PHP, so I just wanted some confirmation of that.
     
    In theory, I should be able to use a straight 'lazy load' plugin such as this one, and simply assign the div's ID instead of 'img', right? I know that particular plugin has issues with different browsers, I'm still looking for a more updated one.
     
    * - I'm actually trying to teach myself, I don't know anybody else that knows it... Or HTML, or CSS, or JS.
     
     
    Edit: I think... I think I may have found it. Maybe.. According to this article, I should be able to use this:
     

    $('#forms').load('content/headerForms.html', function() { // Code here runs once the content has loaded // Put all your event handlers etc. here. });
     
    So... In theory, combining this concept with Viewport Selectors for the script trigger, I should be able to load a piece of PHP script in a template file with the containing div scrolls into view.
     
    I love theories.. Really do. But I'll have to wait until I get home from work to try it out. I don't have my own domain to play with (yet), nor do I have any sort of PHP server installed on my work PC.
     
    Mind you, speaking of work... I should probably get back to my user manuals now. Technically, my lunch break ended over an hour back.
  8. Like
    ZaLiTH got a reaction from Malick in The Awesomeness of Free Software   
    Since for me this is mostly a hobby and not a career, I don't have the resources to buy applications dedicated to the areas of website development.. So for me, Notepad++ is and probably always will be my holy grail.
     
    By the way, I'm not affiliated with any of the apps / plugins mentioned here. This isn't an ad for them... Simply a good mention from someone who likes them.
     
    For me, it seems like a boring task getting the base HTML out of the way so I can start playing with the CSS and jQuery... Not that it takes hours and hours, but it definitely could be streamlined in a few ways.
     
    Recently I found a plugin for Notepad++ (and Coda, and DreamWeaver, and TextMate, etc etc) that allows a pretty sweet looking method for HTML coding. The first 30 seconds of the video was enough to sell me on this, I suggest you have a look as well.. If it's not for you, then it's only a few minute of your life lost.
     
    World, meet Zen Coding:
     

    http://vimeo.com/7405114

     
     
    For those of you who want TextMate style "Tab Triggers" in Notepad++ to navigate between the areas of the code you just entered... I haven't really tested this yet, I only found it just now, but it looks like the QuickText plugin does that quite well.
     
    And finally, instead of downloading files via FTP, editing, saving and then uploading again to see the changes on a live website.. FTP Synchronise does a beautiful job of handling the FTP automatically while you focus on the code itself.
     
     
    So, there you have it.. A code editor with customisable syntax highlighting, automatic FTP synchronisation, improved code navigation and abbreviation-based code completion. All rolled into one completely free app. Use it, don't use it, it's your choice.. I get the idea a few people will find this pretty useful though.
  9. Like
    ZaLiTH reacted to MikeChipshop in Correct Forum for....?   
    Yeah sometimes it can be hard to figure out where to put something.
    Try http://www.webdesignerforum.co.uk/forum/113-web-development-scripts-%26-software/ for this though.
  10. Like
    ZaLiTH reacted to DigitalSquid in WordPress Question - wp_nav_menu   
    You sure you've saved the menu properly and wp_nav_menu() is calling the right menu? If it's not, it will fall back back to using wp_list_pages() which has similar container elements.
  11. Like
    ZaLiTH got a reaction from DigitalSquid in WordPress - Question About Custom Templates   
    Edit: Murphy really is an irritating little sod, you know that? I fixed it.. Literally just found it now. WP used to use '$id' for the page ID, but now there's '$post_id' and '$page_id'. So yeah, the plugin is just slightly outdated. In case anyone finds this, I got it filtering the child pages correctly now. Now I just need to set up my custom fields and apply the styling.
     

    --------------------


     
    I'm failing horribly at this... Is there any chance someone with a bit more experience in WordPress could help me out here?
     
    The best idea I've managed to find is by using a plugin called Query Child of Page. From what I understand, it simply adds a few more features to 'the loop' in WordPress, allowing the loop to retrieve 'child pages' and display information from them in their 'parent page'. And it does work, sort of... But I'm pretty sure I'm doing something wrong here.
     
    First off, I apologise for the length of this post. I don't want to miss out on anything, and I'm leaving my comments in the code so it's easier to follow what I was thinking.
     
    Here is where I stand at the moment; a stripped-down version of the example template given on the plugin's website:

    <?php /* Template Name: Services List */ get_header(); ?> <div class="wrap"> <?php the_content(); ?> <?php /* loop for child pages */ ?> <?php query_posts('static=true&posts_per_page=-1&child_of='.$id.'&order=ASC'); /* Query for Child Pages */ ?> <ul id="services"> <?php if (have_posts()) : while (have_posts()) : the_post(); /* The Loop */ ?> <li> <h2><a href="<?php the_permalink();?>"><?php the_title(); ?></a></h2> </li> <?php endwhile; endif; ?> </ul> <?php /* End loop for child pages */ ?> <?php wp_reset_query(); /* Reset Query */ ?> </div><?php /* end .wrap */ ?> <?php get_footer(); ?>
     
    After the header, I first want to display an introduction for the page (set by content on the parent page itself), followed by a list of it's child pages with certain data from each (as retrieved by the loop using the plugin's functions).
     
    Whenever I check the parent page (Services List), instead of listing only it's children, I'm seeing every page in the site, including the parent page itself. Is this plugin simply too outdated to work with WordPress 3.2.1, or have I made a mistake somewhere?
  12. Like
    ZaLiTH reacted to zed in Website for New Event Management Company   
    IE8 -press F12 then select Browser mode and see what IE7 sees
  13. Like
    ZaLiTH reacted to MikeChipshop in Website for New Event Management Company   
    I think it's quite solid really. Couple of issues i think need pointing out...
     

    Services page - This is really hard to read with the staggered alignments. Although i don't have a possible solution for you as i know from experience how hard it can be to do this type of page .
    Services page - Make it more obvious that you can click the header links for more information. Currently i almost overlooked that completely.
    Footer - The alignment of the footer headers looks slightly off with the alignment of the footer lists. Maybe try removing the bullet points.

  14. Like
    ZaLiTH reacted to John Fotios in Website for New Event Management Company   
    I think you need to make it more obvious that you can click on the services to reveal more information. I know you've stated to do so at the top, but I didn't read that to begin with (I don't need a sentence to tell me what a service is, right?). So I only notice they were clickable because I happened to be checking the source.
     
    The design is quite nice over all. It seems a little plain though. Not sure what I'd add but I try to separate the header from the rest of the content a little more.
     
    Plus I don't like the gradient on the navigation bar, nor the solid light blue background (although I'm assuming you used that because of the logo). You should see if there are any nice textures you can add.
     
    Meh. These are just my thoughts.
     
    If the client likes the design then I wouldn't recommend doing anything unless she tells you to
  15. Like
    ZaLiTH got a reaction from CheckeredMichael Design in My Freelance Site   
    I must be honest, I haven't read through all the comments (I skimmed them), so I really hope either nobody has suggested this or it hasn't been considered yet..
     
    Anyway, here a few suggestions for you:

    Looking at the name, I wouldn't use any rounded corners in the site... A layout with a 'tiled' theme would work quite nicely here (think higher contrast 'Windows Phone 7' tiles style).
    Put some TLC into the colour scheme, light green and white doesn't really work too well like that. Green as a main colour generally works better for darker websites, on lighter sites it's best kept to enhance areas of the site (and in this case, try a brighter green).
    Pick a more unique font-face for the site, there a bunch of nice (and free) ones on FontSquirrel to choose from. Something like Sansation Light is dead easy to read and works really nicely.
    Play with the white-space, padding and margin are your friends, I promise.
    If something is clickable ('Details' on portfolio page), make them look like it... Most people don't move their mouse pointers around to find clickable items, they move their mouse pointers to a item that looks clickable.
    Background... Well, honestly? Change it; keep the background in the background. Without trying to sound rude, the one you have makes me think you were trying to find something to 'fill space'. Some of the best background ever have been nothing more than a single colour with a gentle gradient.

     
    Your blog has got a layout more like what I was thinking of (square edges and white-space use), but it's a bit too far down the road. I'd say that's way more space than is really needed... Heck, I'd have great fun designing a site for you, I've got quite a few ideas flying around my head now.
     
    Overall, I'd say keep the 'checkered' theme mentality, but apply that to the content and layout, not the background. And if you do decide to go back to the drawing board (I did see that comment), design the layout in black and white, work on spacing and layout, and then choose a colour for it. Hope that helps a bit..
  16. Like
    ZaLiTH reacted to Websak in Multi-Frame Slider   
    Here check this out i found i while working on a project and wanted to do exactly the same its a good guide to get you started
     
    hope it helpsAurelius Final Download.zip
  17. Like
    ZaLiTH reacted to zed in Multi-Frame Slider   
    like this? http://css-tricks.com/2223-moving-boxes/
  18. Like
    They work exactly the same way. Only difference is that using find('.class') is quicker than %('.class')
     
    http://net.tutsplus.com/tutorials/javascript-ajax/quick-tip-think-right-to-left-with-jquery/
  19. Like
    Ok, I've done a simple example for you.
     
    http://jsfiddle.net/peduarte/bKPXp/
     
    Note that I have edited your HTML slightly too. It's not correct to have a <p> (block element) inside an <a> (inline element).
    Also, an ID can only be used once. So I changed from id to class="navitem"
  20. Like
    ZaLiTH got a reaction from superkaty in Thoughts on website design?   
    I've only just discovered this thread. So, I had a bit of reading to do to catch up... I have to agree with the guys here though, the new(er) concept is much better. It's cleaner, clearer and way less 'blingy'.
     
    Just to throw my 2cents' worth into the pot; if you're going to keep the white text colour, I'd say the contrast could do with a bit of TLC.. The background texture looks pretty awesome, fits the page well, but I think it's a tad too bright for white text.
     
    I know everyone gets to see an ever-so-slightly different picture (colour settings, brightness, ambient light, people eyes, etc), but I think perhaps something like this would work nicely:

    As an example, I simply set brightness to -30 and contrast to +30 (using PhotoShop).
  21. Like
    ZaLiTH got a reaction from kanger in background img not showing in IE   
    My first thought (considering you aren't specifying colour, image, position, repeats, etc.) would be to use the full name ('background-image') instead of the shorthand code, but it seems linking directly to the image through IE8 also doesn't work, I get the dreaded red X... So it's not likely to be your code.
     
    However, it's not a general picture issue (PNGs and other JPGs on your site show fine), so I'd guess it's something specific to that picture. Only thing I can think of is the way it was saved.
     
    If you have PhotoShop (if not, most graphics programs should do this), open the picture, and use the "Save For Web and Devices" option. Save it as a jpg again and replace the file on your site.
     
     
    Edit: Ok, it's as I thought... Even from my local machine, that JPG won't display in IE. Saving for web and devices seems to alter the yellow background in the image slightly, but it's only visible if you see them side by side.
     
    Anyway, the attached image (saved for web and devices) displays fine in IE. Try this and see if it helps.

  22. Like
    ZaLiTH got a reaction from Epic Avatar in Gallery-Based Design   
    Keep in mind WordPress, while classed as a CMS, is still more blog-orientated than anything else.. If you do go for WP, you'll find you only use about half the provided features, and you'll be relying on plugins to do the rest.
     
    I found Zenphoto recently, and as the site says it's a "standalone gallery CMS". It looks pretty interesting, but I haven't tried it yet.
     
    To be honest though, if you're looking for something simple and easy to set up and use regardless of content, take a bit of time to research Concrete5. I've been playing around with it for a while just to experiment, and although I haven't done much yet, it does look promising.
     
    If you haven't chosen a management system to use, you probably shouldn't be looking at this just yet...
     
    Here is what I suggest: first build a list of things you do and don't want the site to be able to do, then do some research on different CMS capabilities and features. Once you've found one that provides the most functionality out of your required list, then look for ways to enhance it. That will most likely save you a lot of headaches down the road..
  23. Like
    ZaLiTH reacted to alzer81 in Something Free!   
    So i did up a preloader last night just cos i was seriously bored! dont need it for anything so i thought i'd share it with the public on this forum just so can can see the different effects used etc! (please excuse the messiness of the layers). dont be afraid to give me a +1 if ya like now ya hear me
     
    _DOWNLOAD_NOW_

  24. Like
    ZaLiTH reacted to Bomb in Looking for some logo design advice...   
    This is definitely the correct way of designing logos.
     
    Personally I like the font of the second one & I quite like the icon of the first - see what they look like together.
     
    Good stuff!
     
    **EDIT**
     
    In fact...
     

  25. Like
    ZaLiTH reacted to Wickham in Help with Fixed Background Image   
    Your background image page_background.jpg is fixed in .wrapper but .wrapper is moving up and down when you scroll, so put the background in the body style with the background-attachment: fixed; and delete it from .wrapper and .outerwrapper

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.