Customizing SMF > Graphics and Templates

main_block.png

<< < (4/6) > >>

MovedGoalPosts:

--- Quote from: The Craw on May 07, 2012, 06:03:21 PM ---SMF uses CSS image sprites to select specific areas of that image. The reason for this is that it's slightly faster to load one image file and use it over and over than to load several different images individually. You can change the style of SMF's cat_bars and containers in your theme's index.css file.

--- End quote ---

Eureka.  I was not aware of the css image sprites terminology.  With that google has become useful to work out what is actually occuring under the hood.

Antechinus:

--- Quote from: Old Fossil on May 07, 2012, 07:06:30 PM ---@Ant

Is there anywhere where a theme how to can be found on the forum?

preferably technobabble free.

--- End quote ---

It's code. That means technobabble, to some extent. :)

The sprites aren't hard to understand if you understand how css positioning works. The numbers in px or % are used to set X-axis and Y-axis positioning. In the case of single images for each bit, those numbers are usually 0 or 100%. In the case of sprites (compound images) they can be set to any required value.

You can also set them to any required value for single images if you want to, for instance if you would rather tweak the position of an icon via css instead of making a new image, but it's not often done in practice.

If you want to do theming you really need to learn at least basic css anyway. There's no way around that. In fact, with the use of non-tabular layout in large parts of 2.0 you really need to know a fair amount of css if you want to change anything substantial.

There are basic theme tutorials but I can't recall how detailed they are or where they are. Not to boast excessively, but it's been quite a while since I needed one so I haven't bothered looking.

MovedGoalPosts:
Thanks all.  My limited understanding of css had extended to font background positioning images and stuff, but the concept of sprites was new.  That's what happens when you blunder around by trial and error picking things up as you go.  It all makes sense once pointed in the right direction :)

TheListener:

--- Quote ---It all makes sense once pointed in the right direction
--- End quote ---

If you still have any hair left.

 :D

MovedGoalPosts:

--- Quote from: Old Fossil on May 07, 2012, 07:43:17 PM ---
--- Quote ---It all makes sense once pointed in the right direction
--- End quote ---

If you still have any hair left.

 :D

--- End quote ---

Lost it years ago :(

Navigation

[0] Message Index

[#] Next page

[*] Previous page

Go to full version