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.

Some advice for a uni project?

Featured Replies

Hi guys

 

Started this project at Uni and we're basically required to design one web page with 3 different external css files so that when I apply each css file to the html page it will change the look completely.

 

Im familiar with css, but I dont think I really use it to its potential sometimes and maybe I dont know the best ways to use it. I've very rarely used external css files, but done alot of internal ones.

 

Just wondered how I go about this? Whats the best method?

 

Will I be able to have parts of my website in different positions on the page with each css file, how is this done because im not that advanced to be honest.

 

Thanks guys.

 

(Any useful links would be great)

  • Author

Oh and also, is it possible to change the image on a html document with css. Thinking about it, I dont think it is possible but im asking because im not 1005..

Hi guys

 

Started this project at Uni and we're basically required to design one web page with 3 different external css files so that when I apply each css file to the html page it will change the look completely.

 

Im familiar with css, but I dont think I really use it to its potential sometimes and maybe I dont know the best ways to use it. I've very rarely used external css files, but done alot of internal ones.

 

Just wondered how I go about this? Whats the best method?

 

Will I be able to have parts of my website in different positions on the page with each css file, how is this done because im not that advanced to be honest.

 

Thanks guys.

 

(Any useful links would be great)

Hi Ashley

 

A starting point to achieve what you're looking for would be to Google "Stylesheet Switcher". You could achieve this with a couple of programming languages depending which you're familiar with - off the top of my head I'd use JQuery. There are plenty of tutorials out there to help you out, but if you get stuck feel free to drop me a message.

 

Oh and also, is it possible to change the image on a html document with css. Thinking about it, I dont think it is possible but im asking because im not 1005..

This is possible with CSS alone. Instead of putting the <img/> tag inline, you could set the background image of an element, then change this image in the stylesheet.

 

Vote this post up if it helped you out :)

 

BenTheDesigner

  • Author

Thanks for that, very helpful.

 

So this Stylesheet switcher actually creates buttons for the visitor to use, so they can switch between the stylesheets?

 

I dont understand how the visitor will be able to switch between the stylesheets.

I've used this before and it's dead easy to set up: Style switcher. You'll need 3 stylesheets each with theeir respective styles.

Thanks for that, very helpful.

 

So this Stylesheet switcher actually creates buttons for the visitor to use, so they can switch between the stylesheets?

 

I dont understand how the visitor will be able to switch between the stylesheets.

Hi Ashley

 

You could provide buttons to click, a dropdown list... basically any element to be honest. Have a Google, see what you can find, and feel free to ask :)

 

BenTheDesigner

  • Author

Ahh thanks a lot guys, this is really helping me out.

 

Will keep you updated on what I come up with!

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.