Obramówki oraz chmurka(HTML)

[domino11121]

Witam mam pytanie jak dodać obramówki do obrazu w html.

Chciał bym aby z takiego zdjęcia (niebieskie) dodać obramówkę. Oraz mam pytanie jak dodać chmurkę z nickiem.

Proszę o pomoc.

 

 

Obecne:     Cel:

   

Chmurka:

[Burned123]

1. Tworzysz diva (jakiś biały kwadrat) a w nim umieszczasz zdjęcie i nadajesz mu w stylach css:

border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
-o-border-radius: 50%;

2. Ta "chmurka" to nic innego jak Tooltip, szukaj w googlach hasła: tooltip.js

[domino11121]

Co do 1 to nie chcę aby było tło tylko sama obramówka. Czyli tło jest puste a tylko zdjęcie się zmienia na okrągłe. Czyli jak np tło strony to jakieś zdjęcie to nie ucina go w tym miejscu tylko poprostu widać okrągłe zdjęcie. I jeśli bardziej byś mógł mi to wytłumaczyć bo nie za bardzo się na tym znam.

2. Dziękuje za pomoc poszukam.