How to add a bookmark page to Firefox [Tip]

MyBookmarks is a great add-on for the Firefox browser. It adds an alternative to Firefox’s bookmarks toolbar to the browser. When you’ve added MyBookmarks to Firefox, you can open your bookmarked sites from a bookmark page instead of the toolbar.

You can add MyBookmarks to Firefox from this page. Restart the Firefox browser, and input about:mybookmarks in the address bar. Alternatively, open MyBookmarks page through the Bookmarks Menu by clicking about:mybookmarks. That opens the MyBookmarks page in the shot below.

mybookmarks3

The great thing about this add-on is that you can make it your home page. To do so, click Firefox at the top left of the browser window; and then select Options from the menu. Click General on the Options window, and input about:mybookmarks in the Home Page text box.mybookmarks4To customize the add-on, click Firefox, Add-ons, MyBookmarks and Options. That opens the window in the shot below where you can make some modifications. For example, clicking General and the selected Display favicons check box removes the favicon icons from the page as below.

mybookmarks2

Click the Style tab to open the add-on’s style sheet. From there you can make a variety of tweaks to the layout of the MyBookmarks page. For style elements, you should refer to HTML source. Copy (Ctrl + C) and paste (Ctrl + V) the following source into the style sheet to add the alternative page template in the shot below.

body {
background: #f0f0f8;
font-size:medium;
margin: 0px;
padding: 0px;
}
table {
border-radius: 16px;
margin: 8px;
background: #083B3F;
}
td {
vertical-align: top;
}
.folder {
margin: 10px 8px;
padding: 0px 0px 5px;
}
.folder h2 {
border-radius: 12px 0px 12px;
margin:0px;
padding:4px 2px;
font-size: 90%;
background: #EEEF77;
color: #044;
text-align: center;
}
ul {
margin: 1.5em 8px;
padding: 0 0 0 18px;
list-style: square;
line-height: 133%;
font-size: 90%;
}
li {
margin-bottom: 3px;
}
li.defnode {
margin-left: 3px;
}
li.favnode {
list-style: none;
text-indent:-16px;
}
li a {
text-decoration: none;
display: block;
color: #fefef0;
border-bottom: 2px solid transparent;
}
li a:visited {
color: #FFC0CB;
}
li a:hover {
border-bottom: 2px dotted #7FFFB1;
}
.folder h2 a {
color: #044;
}
.folder h2 a:hover {
text-decoration: none;
color: #808;
font-weight: bold;
}
img.favicon {
border-color: #990;
border-width: 0 2px 2px 0;
margin-right:3px;
max-height:16px;
max-width:16px;
vertical-align:middle;
}

mybookmarks

Overall, this add-on adds a great, and customizable, alternative to Firefox’s bookmark toolbar. For further details, check out the MyBookmark’s website.

Related Posts