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.

MADcre8tive

Members
  • Joined

  • Last visited

  1. Have you changed the copy over for an image because you could't get it to work?
  2. Very nice. A big thumbs up from me. Nice creative flair.
  3. Sorry missed the attachment!
  4. Ok so 1. Open a new file in photoshop and set the canvas size to 240px x 160px 72dpi RGB 2. Double click on your background layer in the layers panel to bring up the layer style box 3. Select gradient overlay 4. Click on the gradient swatch to bring up the gradient editor 5. Select the black colour swatch and change to #d5d5d5 6. Select Ok. Now you should have your gradient background complete. Text (I used the typface of Verdana as it is the closest on my computer) 1. Write what you want your banner to say or copy the one you are trying to re-create 2. Colour, make bold or italic each word to match 3. Double click on your text layer in the layers panel to bring up the layer style box 4. Select drop shadow 5. Change the values to the following: Blend Mode: Normal Colour: White / #ffffff Distance: 1 Spread: 0 Size: 0 Leave all other values as they are 6. Select Ok. Now your text should be looking crisp as it is on your example button. Here is how mine turned out. Let me know if this helped. Remember when saving as a web banner. Select File > Save for Web & Devices. Then select what kind of file type. I have gone for High Quality JPEG.
  5. I'm confused. Are you asking how to create the banner ad in the thumbnail shown in Photoshop? Or are you saying that is a banner ad you made in Photoshop?
  6. Welcome to the WDF
  7. Welcome and enjoy!
  8. Hello and welcome to the WDF
  9. Hello and welcome!

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.