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.

Slicing a nav bar question

Featured Replies

I am new to slicing in Photoshop and have a question. Check the site I'm working on: http://yellowsparkle.com/ Now check the attached photo on how I'm trying to slice this up.

 

As you see, the elements are sliced nice so I can name them, give them links, etc... but what I'm going to need for my web design is to split up the sections of the page into divs. Navagation top bar, content, bottom, etc... Problem is, if I make a user slice over the whole top of the page for a nav bar, all my other slices go away. Do I have to start over and make the big slices and then the layer based ones again or is there a way to make a big slice over the little ones without combining them to one big slice?

Believe you forgot to attach the pic? Now onto some heavy truths:

 


  1.  
  2. Photoshop's slice tool is out of the dark ages when people laid out websites in tables. No competent professional does that these days.
  3. For the design you linked to you wouldn't need to create a separate image for the menu - it can have a transparent background and just sit above the page background, which should be done with as few images as possible to reduce HTTP requests.
  4. Not really advisable to use a rip-off of the Disney font for a video production website.

Edited by Renaissance-Design

Create an account or sign in to comment

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.