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