put picture in this widget that match to border exactly

[fariborz khan]

I want put picture in this widget that match to border exactly
This is default vbulletin widget

[fxdigi-cash]

when you choose html type for the custom widget, you add do one of the options:

- add a class or id to your div then add css style to it at additional.css

or

- add css style directly to the div where you want the picture to show up

[fariborz khan]

Originally Posted by fxdigi-cash

when you choose html type for the custom widget, you add do one of the options:

- add a class or id to your div then add css style to it at additional.css

or

- add css style directly to the div where you want the picture to show up

please help me because i understand you now what i am say(i am not expert in English)

- add a class or id to your div then add css style to it at additional.css...... can you explain with an example or take a link that how i can do it?
.....how i can enter mine classes into the divs?
i know it is simple for you but i am beginner

[Digital Jedi]

If you add a class to your widget when you create it, you can then create CSS code to style the widget. CSS code looks something like this.:

.yourclassname {
          color:red;
          background-color:purple;
          width:300px;
}

You can then add the CSS code to your additional.css template.

Your class name can be whatever you want to name it, as long as it doesn't share the same name as any other class your vBulletin is already using. Otherwise they'll fight each other. CSS is pretty easy to learn, and you really only need to know just enough to style your widget. You can go here to learn more about CSS, or you can try Google for a CSS tutorial in your native language. I highly recommend learning CSS as soon as you can.

[fariborz khan]

tanks a lot