customize how events appear

Hi,

How can I customize the way events appear from list view to grid view? My template offer a static method which appears nicely with the css classes but I want it to be link with the backend so I can add events and display them in front end. Below is the code from my template. How can I output vsel to appear like this?

[event_main][event image=”add event image” event_date=”event date” event_month=”event month” title=”event title” event_time_icon=”event time icon name” event_time=”event starting ending date” event_location_icon=”event location icon name” event_location=”add event location here” content=”add event content here” button=”add event link text” link=”add event link here”][/event][/event_main]