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.

DATom

Members
  • Joined

  • Last visited

  1. Hello, I'm currently a Physics student at university. I do graphic design projects in my spare time (not that I have much of it) and I dabble in web design. Over the last few years I have been building up my experience in graphic design and have done numerous projects for paying clients. However, I would now very much like to improve my technical web design skills. I am currently in the process of building a couple of Wordpress themes and sites for friends.
  2. Hello. I am trying to put an image banner navigation on my homepage using either css or javascript.I have been trying for days now with no success. Your help would be really appreciated. I want different images to display in the banner holder depending on the link that you hover over and a default image to display if there is no hover. I have the html and css set up for the navigation items and the images as follows: <div id="banner-container"> <img id="img1" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/1.png" /> <img id="img2" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/2.png" /> <img id="img3" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/3.png" /> <img id="img4" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/4.png" /> <img id="img5" src="<?php echo home_url('/'); ?>/wp-content/themes/ForetrackWP/images/5.png" /> <div id="banner-nav"> <ul id="navlist"> <li><a href="<?php echo home_url('/'); ?>portable-tracking" id="1">Portable Tracking</a></li> <li><a href="<?php echo home_url('/'); ?>fleet-management" id="2">Fleet Management</a></li> <li><a href="<?php echo home_url('/'); ?>plugandgo" id="3">Plug & Go</a></li> <li><a href="<?php echo home_url('/'); ?>trailer-tracking" id="4">Trailer Tracking</a></li> <li><a href="<?php echo home_url('/'); ?>loneworker" id="5">Lone Worker</a></li> </ul> </div> </div><!--end banner-container--> Please help me! Many thanks, Tom
  3. Hello, I am trying to implement a image banner navigation on my homepage (http://www.berryconcept.co.uk/sandbox/). The problem is, the image displayed when the page first loads(img 5, 'Lone Worker') is not the one I have set as the default image (img6). And in the first instance, the navigation only works if you start on the loaded item ('Lone Worker'). I would like img6 (6.png)to be image that is displayed when loading, and to be able to start navigating from any of the 5 nav items. Please find attached the file. Any help would be grealy appreciated, I've been trying to fix it for days. Thanks, Tom intro.php
  4. Hi, I'm Tom. I live in Bournemouth and, alongside studying for a physics degree, I'm a freelance graphic designer. I'm starting to try my hand at web-design and am currently undertaking my first commercial build, which is proving very challenging. I hope members here will be able to help me with the technical coding side of things, whilst I'll try to offer help with visual design matters.
  5. Hi, I am using a javascript slide-show script that uses z-index to change which slide appears. When you click the forward button, the z-index of the following slide is increased by 1 and so on. I want to place my back and forward buttons over the slides themselves but I can't because after a while the z-index of the current slide becomes greater than the z-index of the buttons and so the slide overlaps the buttons. Is there a way of making z-index act only within a certain div or making the z-index of the buttons always be one more than anything else? Any help would be greatly appreciated. Many thanks

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.