vb.org Archive
Page 1 of 4 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Private Messages Enhancements - WCF - New Way To Display Notifications v2 (CSS) (https://vborg.vbsupport.ru/showthread.php?t=263648)

LifesGreatestGift 05-13-2011 10:00 PM
WCF - New Way To Display Notifications v2 (CSS)
 
1 Attachment(s)
https://vborg.vbsupport.ru/external/2011/05/31.png


1) Upload included files
2) Open template header

Find
Code:
<vb:if condition="$notifications_total">
                                <li class="popupmenu notifications" id="notifications">
                                        <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>
                                        <ul class="popupbody popuphover">
                                                {vb:raw notifications_menubits}
                                        </ul>
                                </li>
                                <vb:else />
                                <li class="popupmenu nonotifications" id="nonotifications">
                                        <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>
                                        <ul class="popupbody popuphover">
                                                <li>{vb:rawphrase no_new_messages}</li>
                                                <li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
                                        </ul>
                                </li>
                                </vb:if>
Replace with
Code:
                                <li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>

Add the following code to the bottom of the template
Code:
<vb:if condition="$notifications_total">
    <div class="wcf_notifications">
        <div class="wcf_notifications_content">
          <p>New Notification(s)</p>
          <p>{vb:raw notifications_menubits}</p>
        </div>
    </div>
</vb:if>
3) Open template additional.css and add the following
Code:
.wcf_notifications {
    background:url("images/wcf/50opacity.png") repeat 0 0 transparent;
    border:1px solid #000000;
    bottom: 20px;
    left: 20px;
    padding: 10px 15px;
    position: fixed;
    z-index: 10;
}

.wcf_notifications_content {
    background-color:transparent;
}

.wcf_notifications_content li a {
    color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.wcf_notifications_content li a:hover {
    color: #FFFFFF;
    text-shadow: 0 0 5px #FFFFFF;
}

.wcf_notifications_content p {
    color:#FFFFFF;
    text-decoration:underline;
    font-size:12px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
WindowsCommunityForum.com - Your source for Windows news discussion & support

Juggernaut 05-14-2011 09:22 PM
This looks just as good as the other notification edit you released, but without having to edit the headinclude template. :D

LifesGreatestGift 05-14-2011 09:26 PM
Thanks. Also no javascript ;)

Juggernaut 05-14-2011 09:42 PM
It looks just as good, in my opinion. Marked as installed and rated 5 stars. :D

MagicThemeParks 05-14-2011 09:53 PM
Looks very nice! :up:

Wish there was an option for us vB 3.8x folks. Maybe someday :)

Dr.osamA 05-14-2011 10:02 PM
thank you man

rated 5 stars Excellent

for arabic users:
لترجمة الكود ابحث في الكود التالي

Code:
<vb:if condition="$notifications_total">
    <div class="wcf_notifications">
        <div class="wcf_notifications_content">
          <p>New Notification(s)</p>
          <p>{vb:raw notifications_menubits}</p>
        </div>
    </div>
</vb:if>
عن السطر التالي:
Code:
<p>New Notification(s)</p>
و استبدله بالتالي
Code:
<p>تنبيهـات جديدة</p>
thanx

tafreeh 05-14-2011 11:42 PM
looooks good.
question: Does page need to be reload, in order for notification to display? or is like Facebook ?

BCP Hung 05-15-2011 01:00 AM
Good job man ! Installed/Taged/Monimation !

LifesGreatestGift 05-15-2011 01:12 AM
Quote:
Originally Posted by tafreeh (Post 2195822)
looooks good.
question: Does page need to be reload, in order for notification to display? or is like Facebook ?
Its just like the built-in vB notifications. You must reload the page to see it initially, or to see if there are any updates/additions. Also, clicking the link (for PM's) wont clear the notification, you must read the PM first, then go to another page (just like vB)

Taurus1 05-15-2011 04:40 AM
That is awesome. Thank you very much. I really liked the other version, but because of javascript conflict, I could not use it. This works flawlessly, and looks great too!


All times are GMT. The time now is 08:02 AM.
Page 1 of 4 1 23 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01076 seconds
  • Memory Usage 1,747KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (7)bbcode_code_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 
Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete