html

NAML documentation   Watch a video
   Usages of this macro
... in html.naml
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
<override_macro name="html" parameters="head,body">
    <n.html_impl
Macro
Requires: servlet
Parameters: head, body
>
        <head>
            <link rel="shortcut icon" href="http://www.sniperjum.com/images/favicon_2.png" type="image/x-icon" />  
            <n.head/>  
        </head>
        <body>
            <n.top_bar
Macro
/>
            <!--n.top_bar_1/-->
            <n.body/>
            <n.nabble_footer
Macro
/>
            <style>
            #div-shoutbox{
                bottom: 0;
                right: 0; 
                position: fixed; 
                border: 1px solid white; 
                border-bottom: 0px; 
                background-color: black; 
                border-radius: 10px; 
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }
            #top-shoutbox{
                text-align: left; 
                font-weight: bold;
                padding:5px 0 3px 10px;
                border-bottom: 1px solid white;
                cursor:pointer;
            }
            #top-shoutbox:hover{
                background:rgb(0,71,74);
                border-radius: 10px; 
                border-bottom-right-radius: 0;
                border-bottom-left-radius: 0;
            }
            #top-shoutbox a{
                font-size:18px;
                color: white;
                margin:0 125px;
                text-decoration: none;
            }
        </style>
        <script type="text/javascript" src="http://www.sniperjum.com/js/jquery.cookie.js"></script>
        <script>
            $(document ).ready(function() {
                min=Nabble.getCookie("min");
                if (min==1) {
                   $("#div-shoutbox").css("height", "50px");
                   Nabble.setPersistentCookie("min", "1");
                }
                
                $("#top-shoutbox").click(function(e) {
                    e.preventDefault();
                    min=Nabble.getCookie("min");
                    if (min==1) {
                        $("#div-shoutbox").animate({
                            height: 475
                        }, 800);
                           Nabble.setPersistentCookie("min","0");
                    } else {
                        $("#div-shoutbox").animate({
                            height: 50
                        }, 800);
                           Nabble.setPersistentCookie("min", "1");   
                    }
                });
            });
        </script>
        <div id="div-shoutbox">
            <div id="top-shoutbox">               
                <a href="#">Shoutbox</a>
            </div>
            <div class="div-shoutbox-box">  
                <script type="text/javascript" src="http://www4.yourshoutbox.com/shoutbox/start.php?key=326307766"></script>             
            </div>
        </div>
            <!--<div class="div-shoutbox" style="bottom: 0; right: 0; position: fixed; border: 1px solid white; border-bottom: 0px; background-color: black; border-radius: 10px; border-bottom-right-radius: 0;border-bottom-left-radius: 0;">
                <div class="top-shoutbox" style="text-align: left; color: white; font-weight: bold;padding-left: 10px;font-size: 20px; border-bottom: 1px solid white;">
                    <a href="#" class="minimize" style="color: white">-</a>
                    <a href="#" style="color: white;margin-left: 110px;">Shoutbox</a>
                    <a href="http://forum.sniperjum.com/Shoutbox-tutorial-td11422.html" class="manual" style="font-size: 14px;float: right;margin-right: 10px;margin-top: 3px;">Manual</a>
                </div>
                <div class="div-shoutbox-box">
                    <script type="text/javascript" src="http://www2.yourshoutbox.com/shoutbox/start.php?key=326307766"></script>
                </div>
            </div>
            <script type="text/javascript">
                $(".top-shoutbox").click(function() {
                    event.preventDefault();
                    min_max();
                });
                $(".minimize").click(function() {
                    event.preventDefault();
                    event.stopPropagation();
                    min_max();
                });
                $(".manual").click(function() {
                    event.preventDefault();
                    event.stopPropagation();
                });
                function min_max() {
                    var min = Nabble.getCookie("min");
                    if (!min) {
                        $(".div-shoutbox").animate({
                            height: 50
                        }, 800);
                        Nabble.setCookie("min", true);
                    }
                    else if (min) {
                        $(".div-shoutbox").animate({
                            height: 485
                        }, 800);
                        Nabble.deleteCookie("min");
                    }
                }
                $( document ).ready(function() {
                    var min = Nabble.getCookie("min");
                    if (min) {
                        $(".div-shoutbox").css("height", "50px")
                        Nabble.setCookie("min", true);
                    }
                });
           </script>-->
        </body>
    </n.html_impl>
</override_macro>
Overrides default macro
... in utilities.naml
3
4
5
6
7
8
9
10
11
12
13
14
<macro name="html" parameters="head,body">
    <n.html_impl>
        <head>
            <n.head/>
        </head>
        <body>
            <n.top_bar/>
            <n.body/>
            <n.nabble_footer/>
        </body>
    </n.html_impl>
</macro>