Forum-Skins Notifications Manual for 3.0
Installation Instructions:
1. Download the zip folder for Forum-Skins Notifications.
2. Extract with Winzip, or 7zip.
3. Once extracted, place files in your ftp server accordingly.
4. Upload Forum-Skins Notifications.xml to Admincp > Plugins and Products > Manage Plugins
5. Go to Style Manager >Find theme Edit Templates > Headertemplate :
1) Find:
{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.username}, {vb:link member, {vb:raw bbuserinfo}}}
Add After:
{vb:raw livenotifications_header}
For Ultimate Users, You’ll need to login to read the next steps
Read the rest as a VIP Member...
Save Template.
4.) In Admincp, Go to Settings > Options > Forum-Skins Notifications to configure.
Add this to additional.css under CSS Templates
For Light Themes:
li.livenotifications_loading,
li.livenotificationbit,
li.livenotifications_link
{
width: 330px;
position: relative;
clear:both;
}
.livenotifications_list{
z-index:9001;
}
li.livenotifications_loading {
height: 40px;
background-image: url(images/misc/ln-ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
li.livenotificationbit {
min-height: 56px;
margin: 0;
padding:3px !important;
color: #3E3E3E !important;
font-size: 13px;
font-family: Tahoma,Clibri,Verdana,Geneva,sans-serif;
cursor: pointer;
overflow: hidden;
}
li.livenotificationbit a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
background: inherit !important;
}
li.livenotificationbit img {
float: left;
margin-right: 4px;
}
span.livenotifications_num {
background-color: #FF0000;
border: 1px solid #FF0000;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-weight: regular;
}
li.livenotifications_link {
background: {vb:stylevar navbar_tab_background.backgroundColor};
color: {vb:stylevar pagination_color};
display: block !important;
font-weight: regular;
font-size: {vb:stylevar header_font};
font-family: Arial,Calibri,Verdana,Geneva,sans-serif;
min-height: 20px;
text-align: center !important;
padding-top:6px !important;
cursor: pointer;
}
li.livenotifications_link:hover {
color: {vb:stylevar pagination_hover_border};
background: {vb:stylevar imodhilite_backgroundColor};
text-decoration: {vb:stylevar linkhover_textDecoration};
width:100%;
}
ul.ln_list_full {
margin: 20px 0;
padding: 0;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}
ul.ln_list_full li {
margin: 20px 20px;
padding: 5px;
border-top: 1px solid #cccccc;
}
li.livebit {
vertical-align: top;
clear:left;
min-height: 50px;
cursor: pointer;
position: relative;
}
#livenotifications_list li.red,
ul.ln_list_full li.red {
background-color: {vb:stylevar navbar_popup_link_background};
}
#livenotifications_list li.red:hover,
ul.ln_list_full li.red:hover {
background-color: {vb:stylevar imodhilite_backgroundColor};
}
#livenotifications_list li.unread,
ul.ln_list_full li.unread {
background-color: #FFFBE2;
}
#livenotifications_list li.unread:hover,
ul.ln_list_full li.unread:hover {
background-color: #F9EC9F;
}
li.livebit img {
float:left;
margin-right:10px;
border: 1px solid #ccc;
}
.lnpmbit.livenotificationbit .ln_stats {
float: left;
font-size: 24px;
width: 80px;
text-align: center;
padding-top: 5px;
margin-right: 3px;
}
.lnpmbit.livenotificationbit .ln_context {
font-size: 11px;
}
.lnpmbit.livenotificationbit .ln_stats span {
font-size: 10px;
}
/* Overview pagination newer/older links */
div.ln_pagination {
border: 1px solid #CEDFEB;
background-color: #F2F6F8;
color: #666;
min-width: 100px;
padding: 5px 10px;
}
/* Time bits */
span.ln_time {
font-size: 11px;
color: #808080;
position: absolute;
right: 4px;
bottom: 4px;
}
For Darker/Black Themes
li.livenotifications_loading,
li.livenotificationbit,
li.livenotifications_link
{
width: 330px;
position: relative;
clear:both;
}
.livenotifications_list{
z-index:9001;
}
li.livenotifications_loading {
height: 40px;
background-image: url(images/misc/ln-ajax-loader.gif);
background-repeat: no-repeat;
background-position: center center;
}
li.livenotificationbit {
min-height: 56px;
margin: 0;
padding:3px !important;
color: #3E3E3E !important;
font-size: 13px;
font-family: Tahoma,Clibri,Verdana,Geneva,sans-serif;
cursor: pointer;
overflow: hidden;
}
li.livenotificationbit a {
display: inline !important;
padding: 0 !important;
margin: 0 !important;
background: inherit !important;
}
li.livenotificationbit img {
float: left;
margin-right: 4px;
}
span.livenotifications_num {
background-color: #000;
border: 1px solid #FFF;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
font-weight: regular;
}
li.livenotifications_link {
background: {vb:stylevar navbar_tab_background.backgroundColor};
color: #FFF;
display: block !important;
font-weight: regular;
font-size: {vb:stylevar header_font};
font-family: Arial,Calibri,Verdana,Geneva,sans-serif;
min-height: 20px;
text-align: center !important;
padding-top:6px !important;
cursor: pointer;
}
li.livenotifications_link:hover {
color: #FFF;
background: {vb:stylevar imodhilite_backgroundColor};
text-decoration: {vb:stylevar linkhover_textDecoration};
width:100%;
}
ul.ln_list_full {
margin: 20px 0;
padding: 0;
border-top: 1px dotted #cccccc;
border-bottom: 1px dotted #cccccc;
}
ul.ln_list_full li {
margin: 20px 20px;
padding: 5px;
border-top: 1px solid #cccccc;
}
li.livebit {
vertical-align: top;
clear:left;
min-height: 50px;
cursor: pointer;
position: relative;
}
#livenotifications_list li.red,
ul.ln_list_full li.red {
background-color: #000;
}
#livenotifications_list li.red:hover,
ul.ln_list_full li.red:hover {
background-color: {vb:stylevar imodhilite_backgroundColor};
}
#livenotifications_list li.unread,
ul.ln_list_full li.unread {
background-color: #000000;
}
#livenotifications_list li.unread:hover,
ul.ln_list_full li.unread:hover {
background-color: #F9EC9F;
}
li.livebit img {
float:left;
margin-right:10px;
border: 1px solid #ccc;
}
.lnpmbit.livenotificationbit .ln_stats {
float: left;
font-size: 24px;
width: 80px;
text-align: center;
padding-top: 5px;
margin-right: 3px;
}
.lnpmbit.livenotificationbit .ln_context {
font-size: 11px;
}
.lnpmbit.livenotificationbit .ln_stats span {
font-size: 10px;
}
/* Overview pagination newer/older links */
div.ln_pagination {
border: 1px solid #CEDFEB;
background-color: #F2F6F8;
color: #666;
min-width: 100px;
padding: 5px 10px;
}
/* Time bits */
span.ln_time {
font-size: 11px;
color: #808080;
position: absolute;
right: 4px;
bottom: 4px;
}
Last but not least, install the .xml in Plugins and Products included in the folder in the Do Not Upload Folder.
Upgrading from a previous version:
- Uninstall any version of Forum-Skins.com Notifications version from product manager.
- Install new .xml
- Overwrite all files
- Remove previous live notifications CSS and replace it with new in additional.css
- Remember to set usergroups for use
Restrictions:
- Not tested on vBulletin 3.x Series
Forum-Skins.com Notifications 4 is in Planning
