Change colors and backgrounds on UNR canvas webcampus.
Change colors and backgrounds of Canvas cards by using CSS styling on University of Nevada, Reno's (UNR) canvas (AKA webcampus).
Current Features:
- Only works with UNR Canvas at the time
- Edit each class card, can add any online picture or CSS styling including things like background images and fancy borders...
- Toggle switch to enable or disable customization (Hit F5 or refresh page to take effect)
- Enable or disable the name for each individual card
Usage:
- To edit cards go to main Canvas page and click the extension's icon on the upper right corner
- Select "Picture URL" for mode
- Add any picture URL
- Select picture mode. This changes how picture fit into card
- Click save to save
- Refresh page or press F5
- To enable/disable effects of extension use Master toggle switch located in popup menu
- "Reset back" button will revert text boxes to last saved state, if any changes are saved then they can not be reverted
###### ADVANCE CSS Styling ######
Tutorial: https://youtu.be/1UrMNg-ikZk
Usage:
- To edit cards go to main Canvas page and click the extension's icon on the upper right corner
- Select "Custom CSS" for mode
- Add any CSS styling to any of the cards as desired, then click save to save
- Refresh page or press F5 to refresh page
Template (Good starting point):
background-size: cover; background-image: url("");
Just place the URL of the image you want inside the quotes and then paste the whole thing in the box for that class.
Download at https://gitlab.com/ignaciochg/web-campus-css-templates/raw/master/css-templates.txt
For a guide in CSS styling go to: https://www.w3schools.com/css/css_background.asp
If you are having problem with images fitting:
- use this https://www.w3schools.com/cssref/css3_pr_background-size.asp
- use background-size: 100% 100%;
- change the percentages as necessary
- make sure that the image has the correct aspect ratio or it will look bad
####################################
Latest reviews
- (2019-11-14) Simon Shrestha: This extension is great for students who want to add flavor to their webcampus. It is easy to use and the changes are instant. I have not experienced a problem using this extension so far. The only thing i would improve on is a better interface when customizing.
Latest issues
- (2019-08-30, v:0.1.1) Ryan Sternberg: Image size
It doesn't appear that background-position works, unless i am using it incorrectly. How do all of your images fit perfectly to the canvas card?
Statistics
Installs
11
history
Category
Rating
4.5 (2 votes)
Last update / version
2020-03-31 / 0.3.0
Listing languages
en-US