4.       Select Edit in Microsoft Office SharePoint Designer

 

 

Modify the Corresponding CSS File

In this section, I use Band.css as an example. Note that you could also use A COPY of core.css. Core.css resides in the _layouts, but you will see it when you open your .master page in SharePoint Designer since .master uses this css heavily. Double click the core.css tab in the Manage Styles window (usually bottom right) and it should open up. I suggest you rename as Portalcore.css where portal is the name of your portal or some easy way to know that this file is for portalX and is based on core.css. Resave BEFORE you make any changes. You don’t want to save over the default core.css! Core.css is also better to use when you are modifying default.master (a COPY of default.master, that is) or if you want to make modifications on wp classes (that’s another blog, coming soon). Refer to good ol’ Heather Solomon’s CSS guide for modifications.
1.       Select Site Actions | View All Site Content from the upper right drop down menu

 2.       Select Style Library

 

3.       Select en-us

 4.       Select Core Styles

 5.       Click the down arrow next to Band.css and select Check Out

 6.       Now that Band.css is checked out, click Band.css again in the style library to automatically open the file in SharePoint Designer.

 7.       From SharePoint Designer, click File | Save As… | and save Band.css as: http://[yourportal]/style library/en-us/core styles/[other name]Band.CSS. It may be good practice to retain “Band” in the style name, as there are quite a few .CSS files in SharePoint that govern various parts of the sites, and it is helpful leave a historical trail to the originating style.

8.       There are several images that are referenced in the Band.CSS file. These images may be found in the style library

9.       http://[yourportal]/style library/images/ or by clicking Select Site Actions | View All Site Content from the upper right drop down menu, then select Style Library | Images

10.    The images referenced in Band.CSS are blue, and needed to be modified to Sheriff Green. To accomplish this, a subfolder /[portal] was created in the style library/images folder which houses all the relevant images, copied and pasted into this folder: http://[yourportal]/style%20library/images/[yourportal].

NOTE: all images must be stepped through the process of check-in, publish a major version, and approve. Refer to Add Images to the Site Collection for details on this process.

11.    Images were renamed from bl_[name].jpg to green_[name].jpg.

12.    Images colors were modified to green by

a.        Opening each in Macromedia Fireworks
b.       Click Filters | Adjust Color | Change Hue to -105

 

 

 

Apply the New [YourPortal].Master and [YourPortal]Band.CSS files

Note: You can also replace Band.css in the top part of the Master page with this CSS file instead of calling it here in the alternative CSS area.

1.       Select Site Actions | Site Settings | Modify All Site Settings from the upper right drop down menu

2.       Under the Look and Feel Settings, select Master Page

 3.       From the drop down menu, select [YourPortal].master. If you want the master page to apply from this site location and all the sites created within, select the “Reset all subsites to inherit this Site Master Page setting”. This will apply the master to all subsites. If you would like to apply this master to all sites in your site collection, ensure you are at the top site, so that all other sites are subsites and apply. NOTE: this will not change administrative pages, such as the Create page as those pages utilize the System Master Page not the site master page.

 4.       Now scroll down within the same dialog box and select the [YourPortal]Band.CSS file by selecting Browse

 

5.       Navigate to [YourPortal]Band.CSS and select OK (Note its location URL).

6.       Now select OK to commit the changes. Don’t worry! You can always revert back to BlueBand.master and default CSS.

---

Posted 09-05-2008 10:10 AM by janeydoey