|
Nexia's HowTo: add style to usergroups html markups
by
13 May 2009
You see my markup? &d=1242170846" rel="Lightbox_1809692" id="attachment99098 How did i attach an umbrella beside my name, is a mystery for many of you who are interested to make their membernames unique. But it's quite simple when you play a little with CSS elements. First, instead of placing all the code in your Usergroup HTML Markup, you make it easier to edit and lighter for the browser by making your markups small and quick. Write is the same way as i did, creating a new class for the style. &d=1242170846" rel="Lightbox_1809692" id="attachment99099 Remember that this detail is found when you edit your usergroups... this example is the admins one. Then you go to your Style Manager, and edit the Main CSS of your prefered style... you go to the bottom of the page, in the "Additional CSS Definitions" and put the new class style in the SECOND field (the first one is overwritten by most of the products you can play with). the example of my own class looks like this: HTML Code:
.ug_admin {
font-family: "Lucida Grande", sans-serif;
font-weight: bold;
color: #800080;
background-image: url(style/umbrella.png);
background-repeat: no-repeat;
padding-left: 13px;
}
1- i changed the family of the font to have a more ergonomical one, Lucida is greatSee, it's easy. but to learn about the CSS elements is more complicated than that, and you can have a need for a tutorial... here is a great link: http://www.w3schools.com/Css/ have some fun designing your usergroups! |
Similar Mods
| [HowTo] [3.0.3] Match the navbar to default style | vBulletin 3.0 Template Modifications |