i would like to know if I can make qtip bubble looke like this:

![enter image description here](https://i.stack.imgur.com/v73Kb.jpg)

Please note that i'm using 4 images: left, center, right and bottom;

![enter image description here](https://i.stack.imgur.com/yYlCD.png)
![enter image description here](https://i.stack.imgur.com/SJQ6J.png)
![enter image description here](https://i.stack.imgur.com/CLSWC.png)
![enter image description here](https://i.stack.imgur.com/hE08S.png)

I don't want you to guys serve it me done but i want to make sure that it's posible before I start and if you can give me a direction where to look or start.

```
<div class="qtip qtip-stylename">
   <div class="qtip-tip" rel="cornerValue"></div>
   <div class="qtip-wrapper">
      <div class="qtip-borderTop"></div> // Only present when using rounded corners
      <div class="qtip-contentWrapper">
         <div class="qtip-title"> // All CSS styles...
            <div class="qtip-button"></div> // ...are usually applied...
         </div>
         <div class="qtip-content"></div> // ...to these three elements!
      </div>
      <div class="qtip-borderBottom"></div> // Only present when using rounded corners
   </div>
</div>

```

The thing is i know how to set top/bottom images but not the left/right ones :s