Ver código fonte

! Let's be a bit smarter about the expand/collapse images - let's save 200 bytes by not serving them as separate images. So far only converted one use to them but let's do more as we go.

Signed-off-by: Peter Spicer <[email protected]>
Peter Spicer 11 anos atrás
pai
commit
e71761e1af

+ 12 - 0
Themes/default/css/index.css

@@ -431,6 +431,18 @@ a img {
 	border: 0;
 	border: 0;
 }
 }
 
 
+/* Those collapse and expand icons are wonderful.  */
+.toggle_up, .toggle_down, .go_up, .go_down {
+	width: 17px;
+	height: 17px;
+	display: inline-block;
+	background: url(../images/toggle.png) no-repeat 0 0px;
+	text-indent: -100em;
+	overflow: hidden;
+}
+.toggle_down, .go_down {
+	background-position: 0 -17px;
+}
 /* Generally, those [?] icons.  This makes your cursor a help icon. */
 /* Generally, those [?] icons.  This makes your cursor a help icon. */
 .help {
 .help {
 	cursor: help;
 	cursor: help;

BIN
Themes/default/images/toggle.png


+ 1 - 1
Themes/default/index.template.php

@@ -362,7 +362,7 @@ function template_body_below()
 
 
 	// There is now a global "Go to top" link at the right.
 	// There is now a global "Go to top" link at the right.
 		echo '
 		echo '
-			<a href="#top" id="bot"><img src="', $settings['images_url'], '/upshrink.png" alt="*" title="', $txt['go_up'], '" /></a>
+			<a href="#top" id="bot" class="go_up">', $txt['go_up'], '</a>
 			<ul class="reset">
 			<ul class="reset">
 				<li class="copyright">', theme_copyright(), '</li>
 				<li class="copyright">', theme_copyright(), '</li>
 			</ul>';
 			</ul>';