vb.org Archive
Page 1 of 2 1 2
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)
-   -   Mini Mods - Christmas Message with jquery (https://vborg.vbsupport.ru/showthread.php?t=256078)

ALBCODERS 12-27-2010 10:00 PM
Christmas Message with jquery
 
1 Attachment(s)
Hi to all, this was a wordpress plugin by CSSJockey but I have just fixed it for vbulletin for my Forum and i want to share with you.
With This template modification your visitors will see this sexy message only one time on your site.


Upload the Images folder on your root directory and follow this instructions:

Open your headinclude template and add the code at the bottom:

PHP Code:
<link rel="stylesheet" href="{vb:raw vboptions.bburl}/images/christmas/style.css" media="screen" />
<link rel="stylesheet" href="{vb:raw vboptions.bburl}/images/christmas/scroll.css" media="screen" />
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/jquery.js"></script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/scroll.js"></script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/rounded.js"></script>
<script type="text/javascript" src="{vb:raw vboptions.bburl}/images/christmas/jquery.cookie.js"></script>
<!--[if lte IE 6]>
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/images/christmas/styleie6.css" media="screen" />
<script type="text/javascript"> DD_roundies.addRule('.pngfix'); </script>
<![endif]-->
<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" href="{vb:raw vboptions.bburl}/images/christmas/styleie7.css" media="screen" />
<![endif]-->
<script type="text/javascript">
    var $xmas = jQuery.noConflict();
    $xmas(window).ready(function(){
    var show = $xmas.cookie("xmas");
    if(show == null){
        $xmas('#xmas').fadeIn(300, function(){
        $xmas(this).removeClass('hidden');
        });
    }
    })
    $xmas(document).ready(function(){
    $xmas('a#xmasclose').click(function(){
        $xmas('#xmas').fadeOut(300, function(){
        $xmas(this).addClass('hidden');
        })
        $xmas.cookie("xmas", "0", {expires: 1});
        return false;
    })

    })
    $xmas(function(){
    $xmas('.xmas-msg').jScrollPane({showArrows:true});
    });

</script> 
Now Firs Edit your message and open the footer template to add the code on the top:

HTML Code:
<div id="xmas" class="xmas-hidden">
    <div id="xmas-santa">
        <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
    </div><!-- /xmas-santa -->
    <div id="xmas-bg" class="pngfix">
        <h1 class="xmas-h1">Marry Christmas</h1>
        <div class="xmas-msg">
            Your Message Goes Here!!!!!!!!!
        </div><!-- /xmas-msg -->
        <div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->
    </div><!-- /xmas-bg -->
</div><!-- /xmas -->


If you want to show it only to unregistered users use this other one:

HTML Code:
<vb:if condition="$show['guest']">
<div id="xmas" class="xmas-hidden">
    <div id="xmas-santa">
        <img class="pngfix" src="{vb:raw vboptions.bburl}/images/christmas/xmas-santa.png" alt="" />
    </div><!-- /xmas-santa -->
    <div id="xmas-bg" class="pngfix">
        <h1 class="xmas-h1">Marry Christmas</h1>
        <div class="xmas-msg">
            Your Message Goes Here!!!!!!!!!
        </div><!-- /xmas-msg -->
        <div id="xmas-close"><a id="xmasclose" href="#" title="Close">Close</a></div><!-- /xmas-close -->
    </div><!-- /xmas-bg -->
</div><!-- /xmas -->
</vb:if>

LouisB 12-28-2010 10:43 PM
It's a bit late? :D

worried 12-28-2010 10:45 PM
A day late and a dollar short. :)

whitedd 12-28-2010 10:57 PM
nice...instaled...for good mods is never to late... ;)

Taurus1 12-29-2010 05:38 AM
Thank you very much. I just replaced the 2 images with something for New Year, and changed the text. And it looks great for New Years!

Krusty1231 12-29-2010 06:50 AM
How to get this to appear everytime - or at least until I change out the pictures....then change it back....lol....I was able to view my changes the first time.....but now I can't seem to bring it back....I feel kind of dumb about that right now. lol.

Huy Ho?ng 12-29-2010 10:06 AM
Very nice :)

RobbieZ 12-29-2010 10:46 AM
Quote:
Originally Posted by Taurus1 (Post 2140535)
Thank you very much. I just replaced the 2 images with something for New Year, and changed the text. And it looks great for New Years!
Are you willing to share your images you used for new year?

Quote:
Originally Posted by Krusty1231 (Post 2140557)
How to get this to appear everytime - or at least until I change out the pictures....then change it back....lol....I was able to view my changes the first time.....but now I can't seem to bring it back....I feel kind of dumb about that right now. lol.
Try clearing your cookies.

ALBCODERS 12-29-2010 11:51 AM
Quote:
Originally Posted by LouisB (Post 2140370)
It's a bit late? :D
Quote:
Originally Posted by worried (Post 2140371)
A day late and a dollar short. :)
for 2012 :rolleyes:

GamerPerfection 12-29-2010 12:00 PM
Quote:
Originally Posted by AlbCoder (Post 2140650)
for 2012 :rolleyes:
lol you mean 2011?

Think I might try this for New Year.

Then there's the anniversary of my forums.... then Xmas 2011....

Lots of reasons to have this Mod. :up:


All times are GMT. The time now is 02:22 PM.
Page 1 of 2 1 2
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.02199 seconds
  • Memory Usage 1,763KB
  • 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
  • (2)bbcode_html_printable
  • (1)bbcode_php_printable
  • (5)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)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