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 | font-family:Arial; | |
175 | font-size:20px; | |
176 | ||
177 | height:30px; | |
178 | } | |
179 | ||
180 | </style> | |
181 | ||
182 | <!-- IMVU LINKS--> | |
183 | <style type="text/css"> | |
184 | #T1{ | |
185 | width:120px; | |
186 | left:2%; | |
187 | top:5px; | |
188 | text-align:center; | |
189 | position:absolute; | |
190 | } | |
191 | #T1 a:link, #T1 a:visited, #T1 a:active{ | |
192 | display:inline-block; | |
193 | width:50px; | |
194 | padding:12px 0px; | |
195 | background-color:#transparent; | |
196 | border:5px solid #00c0f5; | |
197 | border-radius:100px; | |
198 | ||
199 | color:#101010; | |
200 | ||
201 | text-align:center; | |
202 | text-decoration:none; | |
203 | font-family:Arial; | |
204 | font-size:10px; | |
205 | margin:2px 0px; | |
206 | ||
207 | -webkit-transition: all 1s ease; | |
208 | -moz-transition: all 1s ease; | |
209 | -o-transition: all 1s ease; | |
210 | -ms-transition: all 1s ease; | |
211 | transition: all 1s ease | |
212 | } | |
213 | #T1 a:hover{ | |
214 | color:#121212; | |
215 | background-color:#101010; | |
216 | border:5px solid#121212; | |
217 | ||
218 | ||
219 | ||
220 | } | |
221 | ||
222 | </style> | |
223 | ||
224 | <!--NAVIGATION--> | |
225 | <style type="text/css"> | |
226 | #NAV{ | |
227 | width:200px; | |
228 | left:105px; | |
229 | top:276px; | |
230 | text-align:center; | |
231 | position:absolute; | |
232 | } | |
233 | #NAV a:link, #NAV a:visited, #NAV a:active{ | |
234 | display:block; | |
235 | width:200px; | |
236 | padding:10px 0px; | |
237 | background-color:#111111; | |
238 | border-left:3px solid #00c0f5; | |
239 | border-right:3px solid #00c0f5; | |
240 | color:#FFF; | |
241 | text-align:center; | |
242 | text-decoration:none; | |
243 | font-family:Arial; | |
244 | font-size:10px; | |
245 | margin:2px 0px; | |
246 | ||
247 | -webkit-transition: all 1s ease; | |
248 | -moz-transition: all 1s ease; | |
249 | -o-transition: all 1s ease; | |
250 | -ms-transition: all 1s ease; | |
251 | transition: all 1s ease | |
252 | } | |
253 | #NAV a:hover{ | |
254 | color:#111111; | |
255 | background-color:#00c0f5; | |
256 | } | |
257 | </style> | |
258 | <!--HEADER AND TEXT--> | |
259 | <style type="text/css"> | |
260 | body, #BOX{ | |
261 | font-family:Arial; | |
262 | font-size:10px; | |
263 | color:#FFF; | |
264 | } | |
265 | u{ | |
266 | text-decoration:none; | |
267 | text-transform:none; | |
268 | border-bottom:1px dotted #FFF; | |
269 | font-size:10px; | |
270 | } | |
271 | i{ | |
272 | color:#FFF; | |
273 | font-size:10px; | |
274 | } | |
275 | b{ | |
276 | text-weight:bold; | |
277 | text-transform:none; | |
278 | text-decoration:none; | |
279 | color:#FFF; | |
280 | font-size:10px; | |
281 | } | |
282 | h1{ | |
283 | font-family:Arial, Helvetica, sans-serif; | |
284 | font-size:10px; | |
285 | text-align:center; | |
286 | background-color:#00c0f5; | |
287 | color:#FFF; | |
288 | padding:10px; | |
289 | } | |
290 | h2{ | |
291 | ont-family: 'Open Sans Condensed', sans-serif;; | |
292 | font-size: 10px; | |
293 | color: #00c0f5; | |
294 | font-weight:bold; | |
295 | padding: 5px; | |
296 | text-align: center; | |
297 | width:95%; | |
298 | border-bottom:1px dotted #00c0f5; | |
299 | margin:0 auto; | |
300 | } | |
301 | h4{ | |
302 | background-color:#00c0f5; | |
303 | ||
304 | color:#121212; | |
305 | font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; | |
306 | font-size:8px; | |
307 | float:left; | |
308 | padding:5px; | |
309 | margin-right:5px; | |
310 | } | |
311 | </style> | |
312 | <style type="text/css"> | |
313 | #z{ | |
314 | width:200px; | |
315 | right:5px; | |
316 | top:1px; | |
317 | text-align:center; | |
318 | position:absolute; | |
319 | } | |
320 | #z a:link, #z a:visited, #z a:active{ | |
321 | display:block; | |
322 | width:100px; | |
323 | padding:10px 0px; | |
324 | background-color:#00c0f5; | |
325 | ||
326 | border-radius:10px; | |
327 | color:#FFF; | |
328 | text-align:center; | |
329 | text-decoration:none; | |
330 | font-family:Arial; | |
331 | font-size:10px; | |
332 | margin:2px 0px; | |
333 | ||
334 | -webkit-transition: all 1s ease; | |
335 | -moz-transition: all 1s ease; | |
336 | -o-transition: all 1s ease; | |
337 | -ms-transition: all 1s ease; | |
338 | transition: all 1s ease | |
339 | } | |
340 | #z a:hover{ | |
341 | color:#00c0f5; | |
342 | background-color:#fff; | |
343 | } | |
344 | </style> | |
345 | <!--IMVU CODES DO NOT REMOVE!!!!! --> | |
346 | <style type="text/css"> | |
347 | #aboutme_panel, #contact_panel, | |
348 | #dev_panel, #wishlist_panel, #visitors_panel, | |
349 | #messages_panel, #tagcloud_panel, #stickers_panel, | |
350 | #collect_panel, #room_panel, #rankings_panel, | |
351 | #cool_panel, #gallery_panel, #friends_panel, | |
352 | #streetteam_panel, #blog_panel, #video_panel_header, | |
353 | #music_panel, #rss_panel, #url_panel, | |
354 | #special_panel,#outfits_panel { width:1000px !important; } | |
355 | - | body{background-color:#242424;} |
355 | + | |
356 | body{background-color:#transparent;} | |
357 | #video_panel_colRow, .imvucodes_net { display:none !important; } | |
358 | #video_panel_header,.imvucodes_net { display:none; } | |
359 | #video_panel_body{width:1000px; height:644px; top: -80px;} | |
360 | #video_panel {margin-top: -28px; margin-left: -50px; } | |
361 | .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } | |
362 | </style> | |
363 | <style type="text/css"> | |
364 | #url_panel_colRow, .imvucodes_net { display:none !important; } | |
365 | </style> | |
366 | <style type="text/css"> | |
367 | .paneltitle, .panelmenu, .imvucodes_net { display:none !important; } | |
368 | </style> | |
369 | <style type="text/css"> | |
370 | #footerBanner, .imvucodes_net { display:none !important; } | |
371 | </style> | |
372 | <script type="text/javascript"> | |
373 | if(document.getElementById("top_links").getElementsByTagName("a")){ | |
374 | document.getElementById("top_links").getElementsByTagName("a")[4].style.display ="none"; | |
375 | } | |
376 | <!-- Layout created by 2guns4life (c) I 2014 - Contents © Zetas Group ---> | |
377 | </script> |