View difference between Paste ID: wbRJp7jH and TXK9daPd
SHOW: | | - or go back to the newest paste.
1
<script>
2
    <!-- Layout created 2guns4life for the Zetas group -->
3
     
4
    <!-- sale of that layout is prohibited -->
5
     
6
     
7
          function changeNavigation(id)
8
          {document.getElementById('BOX'). innerHTML=document.getElementById(id). innerHTML}
9
        </script>
10
         
11
        <img style="float:center:" src="http://www.tickimg.com.br/uploads/_zetas_layouts_2.png" />
12
                           <!--- LINKS IMVU --->
13
     
14
     
15
        <div id="T1">
16
       <a href="LINK ADD" target="_blank">加 <br />add  </a>
17
       <a href="LINK CHAT" target="ID">聊天<br />chat  </a>
18
       <a href="LINK MSG" target="_blank">消息<br />msg </a>
19
       <a href="LINK BLOCK" target="_blank">块<br /> block </a>
20
     
21
     
22
    </div>
23
     
24
                            <!--- OTHERS LINKS --->
25
         
26
        <div id="NAV">
27
           <a href="#" onclick="changeNavigation('HOME'); return false; "> 返回首页 HOMEPAGE </a>
28
           <a href="#" onclick="changeNavigation('ABOUT'); return false; ">关于 ABOUT </a>
29
           <a href="#" onclick="changeNavigation('FRIENDS'); return false; ">朋友 FRIENDS </a>
30
           <a href="#" onclick="changeNavigation('LOVE'); return false; ">爱 LOVE </a>
31
           <a href="#" onclick="changeNavigation('SUPPORT'); return false; ">支持 SUPPORT </a>
32
     
33
         
34
        </div>
35
         
36
         <div id="BOX" style="position: absolute; left: 400px; top: 95px; width: 385px; height: 485px; overflow: 
37
38
auto;">
39
         
40
        <h1>HOMEPAGE</h1>
41
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
42
43
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
44
45
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
46
        <br /><br />
47
        <h4>SUB-HEADER</h4>
48
        <br />
49
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
50
51
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
52
53
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
54
        <br /><br />
55
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
56
57
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
58
59
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
60
        <br /><br />
61
        Regular Text - <b>Bold</b> - <i>Italic</i> - <u>Understriked</u>
62
         
63
         </div>
64
         
65
         
66
         <div id="HOME" style="display:none">
67
         
68
        <h1>HOMEPAGE</h1>
69
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
70
71
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
72
73
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
74
        <br /><br />
75
        <h4>SUB-HEADER</h4>
76
        <br />
77
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
78
79
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
80
81
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
82
        <br /><br />
83
          <h4>SUB-HEADER</h4> "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor 
84
85
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris 
86
87
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum 
88
89
dolore."
90
        <br /><br />
91
        Regular Text - <b>Bold</b> - <i>Italic</i> - <u>Understriked</u>
92
         
93
         </div>
94
         
95
         
96
         <div id="ABOUT" style="display:none">
97
         
98
        <h1>ABOUT ME</h1>
99
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
100
101
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
102
103
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
104
        <br /><br />
105
        Regular Text - <b>Bold</b> - <i>Italic</i> - <u>Understriked</u>
106
         
107
         </div>
108
         
109
         
110
         <div id="FRIENDS" style="display:none">
111
         
112
        <h1>FRIENDS</h1>
113
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
114
115
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
116
117
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
118
        <br /><br />
119
        Regular Text - <b>Bold</b> - <i>Italic</i> - <u>Understriked</u>
120
         
121
         </div>
122
         
123
        <div id="LOVE" style="display:none">
124
         
125
        <h1>LOVE</h1>
126
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
127
128
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
129
130
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
131
        <br /><br />
132
        Regular Text - <b>Bold</b> - <i>Italic</i> - <u>Understriked</u>
133
         
134
         </div>
135
         
136
         <div id="SUPPORT" style="display:none">
137
         
138
        <h1>SUPPORT</h1>
139
        "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et 
140
141
dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea 
142
143
commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore."
144
        <br /><br />
145
        Regular Text - <b>Bold</b> - <i>Italic</i> - <u>Understriked</u>
146
         
147
         </div>
148
         
149
         <div id="stickyFooter"><center>Free Layout  raised by 2guns4life for I Zetas Group <div id="z">
150
       <a href="http://pt.imvu.com/groups/group/Zetas/" target="_blank"> ZETAS </a>
151
    </div></center></div>
152
         
153
         
154
        <div id="DP" style="width: 160px; height: 220px; position: absolute; left: 126px; top: 34px;border-left:3px 
155
156
solid #00c0f5;border-right:3px solid #00c0f5; z-index: 1;">
157
         <img src="http://www.tickimg.com.br/uploads/_160x220_6.jpg" />
158
        </div>
159
     
160
    <style type="text/css">
161
    #stickyFooter {
162
            position:fixed;
163
            bottom: 0px;
164
            width: 100%;
165
            overflow: visible;
166
            z-index: 99;
167
             left:-5px;
168
           color:#00c0f5;
169
            padding-left:5px;
170
            padding-top: 5px;
171
            padding-bottom: 0px;
172
            border-top: none;
173
            background-color:#101010;
174
           
175
           
176
            height:30px;
177
    }
178
     
179
    </style>
180
         
181
         <!-- IMVU LINKS-->
182
    <style type="text/css">
183
    #T1{
184
           width:120px;
185
            left:2%;
186-
            top:0px;
186+
            top:5px;
187
            text-align:center;
188
            position:absolute;
189
    }
190
    #T1 a:link, #T1 a:visited, #T1 a:active{
191
            display:inline-block;
192
            width:50px;
193
            padding:12px 0px;
194
            background-color:#transparent;
195
          border:5px solid #00c0f5;
196
      border-radius:100px;
197
       
198
            color:#101010;
199
           
200
            text-align:center;
201
            text-decoration:none;
202
            font-family:Arial;
203
            font-size:10px;
204
            margin:2px 0px;
205
     
206
       -webkit-transition: all 1s ease;
207
       -moz-transition: all 1s ease;
208
       -o-transition: all 1s ease;
209
       -ms-transition: all 1s ease;
210
       transition: all 1s ease
211
    }
212
    #T1 a:hover{
213
            color:#121212;
214
            background-color:#101010;
215
                    border:5px solid#121212;
216
           
217
     
218
           
219
    }
220
     
221
    </style>
222
         
223
        <!--NAVIGATION-->
224
        <style type="text/css">
225
        #NAV{
226
                width:200px;
227
                left:105px;
228
                top:276px;
229
                text-align:center;
230
                position:absolute;
231
        }
232
        #NAV a:link, #NAV a:visited, #NAV a:active{
233
                display:block;
234
                width:200px;
235
                padding:10px 0px;
236
                background-color:#111111;
237
                border-left:3px solid #00c0f5;
238
                border-right:3px solid #00c0f5;
239
                color:#FFF;
240
                text-align:center;
241
                text-decoration:none;
242
                font-family:Arial;
243
                font-size:10px;
244
                margin:2px 0px;
245
         
246
           -webkit-transition: all 1s ease;
247
           -moz-transition: all 1s ease;
248
           -o-transition: all 1s ease;
249
           -ms-transition: all 1s ease;
250
           transition: all 1s ease
251
        }
252
        #NAV a:hover{
253
                color:#111111;
254
           background-color:#00c0f5;
255
        }
256
        </style>
257
        <!--HEADER AND TEXT-->
258
        <style type="text/css">
259
        body, #BOX{
260
                font-family:Arial;
261
                font-size:10px;
262
               color:#FFF;
263
        }
264
        u{
265
            text-decoration:none;
266
            text-transform:none;
267
            border-bottom:1px dotted #FFF;
268
            font-size:10px;
269
        }
270
        i{
271
            color:#FFF;
272
            font-size:10px;
273
        }
274
        b{
275
            text-weight:bold;
276
            text-transform:none;
277
            text-decoration:none;
278
            color:#FFF;
279
            font-size:10px;
280
        }
281
        h1{
282
                font-family:Arial, Helvetica, sans-serif;
283
                font-size:10px;
284
                text-align:center;
285
                background-color:#00c0f5;
286
                color:#FFF;
287
                padding:10px;
288
        }
289
        h2{
290
                ont-family: 'Open Sans Condensed', sans-serif;;  
291
                font-size: 10px;
292
                color: #00c0f5;
293
                font-weight:bold;
294
                padding: 5px;
295
                text-align: center;
296
                width:95%;
297
                border-bottom:1px dotted #00c0f5;
298
                margin:0 auto;
299
        }
300
    h4{
301
                    background-color:#00c0f5;
302
                 
303
                    color:#121212;
304
                    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
305
                    font-size:8px;
306
                    float:left;
307
                    padding:5px;
308
                    margin-right:5px;
309
            }
310
        </style>
311
    <style type="text/css">
312
        #z{
313
                width:200px;
314
                right:5px;
315
                top:1px;
316
                text-align:center;
317
                position:absolute;
318
        }
319
        #z a:link, #z a:visited, #z a:active{
320
                display:block;
321
                width:100px;
322
                padding:10px 0px;
323
                background-color:#00c0f5;
324
               
325
                border-radius:10px;
326
                color:#FFF;
327
                text-align:center;
328
                text-decoration:none;
329
                font-family:Arial;
330
                font-size:10px;
331
                margin:2px 0px;
332
         
333
           -webkit-transition: all 1s ease;
334
           -moz-transition: all 1s ease;
335
           -o-transition: all 1s ease;
336
           -ms-transition: all 1s ease;
337
           transition: all 1s ease
338
        }
339
        #z a:hover{
340
                color:#00c0f5;
341
           background-color:#fff;
342
        }
343
        </style>
344
        <!--IMVU CODES DO NOT REMOVE!!!!! -->
345
        <style type="text/css">  
346
        #aboutme_panel, #contact_panel,
347
        #dev_panel, #wishlist_panel, #visitors_panel,
348
        #messages_panel, #tagcloud_panel, #stickers_panel,
349
        #collect_panel,  #room_panel, #rankings_panel,
350
        #cool_panel, #gallery_panel, #friends_panel,
351
        #streetteam_panel, #blog_panel, #video_panel_header,
352
        #music_panel, #rss_panel, #url_panel,
353
        #special_panel,#outfits_panel {      width:1000px !important;  }
354
        #rightColumn {      display:none !important;  }
355
        body{background-color:#242424;}
356
        #video_panel_colRow, .imvucodes_net { display:none !important; }
357
        #video_panel_header,.imvucodes_net { display:none; }
358
        #video_panel_body{width:1000px; height:644px; top: -80px;}
359
        #video_panel {margin-top: -28px; margin-left: -50px; }
360
        .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
361
        </style>
362
    <style type="text/css">
363
    #url_panel_colRow, .imvucodes_net { display:none !important; }
364
    </style>
365
    <style type="text/css">
366
    .paneltitle, .panelmenu, .imvucodes_net { display:none !important; }
367
    </style>
368
    <style type="text/css">
369
    #footerBanner, .imvucodes_net { display:none !important; }
370
    </style>
371
        <script type="text/javascript">
372
        if(document.getElementById("top_links").getElementsByTagName("a")){
373
        document.getElementById("top_links").getElementsByTagName("a")[4].style.display ="none";
374
        }
375
      <!-- Layout created by 2guns4life (c) I 2014 - Contents © Zetas Group --->
376
        </script>