EnglishFrenchSpanish

Free editor online | DOC → | XLS → | PPT →


OffiDocs favicon

Web Campus Customizer in Chrome with OffiDocs

Web Campus Customizer  screen for extension Chrome web store in OffiDocs Chromium

Ad


DESCRIPTION


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 ####################################

Additional Information:


- Offered by ignaciochg
- Average rating : 4.5 stars (loved it)
- Developer This email address is being protected from spambots. You need JavaScript enabled to view it.

Web Campus Customizer web extension integrated with the OffiDocs Chromium online


Run Chrome Extensions

Ad