redaware » CSS

5 CSS Tips

tsymonds — Mon, 14 Sep 2009 11:28:24 +0000

When creating an external CSS(Cascading Style Sheet) it is advisable to stick to the following rules:

You may, or may not be aware that it is possible to have “links” to several style sheets. It is sensible to take advantage of this and use filenames for different divisions or classes.

The filename should end with a .CSS extension.

If your website is hosted on a Linux server, please bear in mind that Linux filenames are case sensitive, so it is advisable to stick to only using lowercase.

Avoid using special characters and spaces in CSS filenames. Only use charaters a-z, number 0-9 and use underscore (_), or hyphens (-) in places of spaces.

Always check how your web pages will look in other version of Internet Explorer (IE). If you need to make a CSS change that is only applicable to a specific browser version, use a conditional comment (see below) in your HTML source. Please remember that this is only applicable to Microsoft’s IE and cannot be used with other browsers link Firefox.

“Rebranding” SharePoint using Content Editor Web Part and CSS

tsymonds — Wed, 05 Aug 2009 14:26:26 +0000

As discussed in the SharePoint: Hide View All Site Content and Recycle Bin Post. The same instructions can be adapted to hide other unwanted SharePoint content.

Below is a selection of CSS code that can be used to “rebrand” SharePoint using a Content Editor Web Part:

>
/* breadcrumbs */
.ms-titlearea {
display: none;
}
/* Tabs */
.ms-banner {
display: none;
}
/* Title Bar */
.ms-pagetitle {
display: none;
}
/* Search function */
.ms-searchform {
display: none
}
/* Welcome and help stuff */
.ms-globallinks {
display: none
}
/* Remove shadings from right */
.ms-sitetitle {
background-color: white
}
>

SharePoint: Hide View All Site Content and Recycle Bin

tsymonds — Wed, 05 Aug 2009 10:09:07 +0000

Sometimes it nessary to hide View All Site Content and the Recycle Bin on a SharePoint page. This can be accomplished by using a Web Part, CSS and JavaScript.

Choose Site Actions, Edit Page.

SharePoint Edit Page

Add a new Content Editor Web Part(in Miscellaneous) to the page.

Choose Edit, Modify Shared Web Part.

Modify Shared Web Part

Put the following two code section into the Source Editor:

>
.ms-navframe {
display: none;
}
>

Choose the OK button and now the View All Contant and Recycle bin should disappear.

Exit Edit Mode to complete.