Tab that follows the user on the page

Here's some code that creates a tab that follows the user on the page, rotates the text, and rounds the corners of the tab. Put a script editor webpart on the page and put in this code

<div style="text-align:center; padding: 2px; width: 100px; color: #000000; link: #ffffff; background-color: #c80000; z-index: 10; position: fixed; right: 0; top: 50%; height: 60px; 
border-radius: 5px 5px 30px 30px;
/* Safari */
-webkit-transform: rotate(90deg);
/* Firefox */
-moz-transform: rotate(90deg);
/* IE */
-ms-transform: rotate(90deg);
/* Opera */
-o-transform: rotate(90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);">
Suggest an Idea
</div>

 Here's what it looks like:
Sources:

Share on Google Plus

About Tom DeMeulenaere

Highly accomplished information technology professional with extensive knowledge in System Center Configuration Manager, Windows Server, SharePoint, and Office 365.
    Blogger Comment

0 comments:

Post a Comment

Note: Only a member of this blog may post a comment.