My Opera News

Later this week we are planning to release a new batch of updates for My Opera. The updates contains some small HTML changes that might affect you if you have written your own custom CSS.

1. Changes have been made to the "view photo" page.

New buttons and image navigation have been added inside the #frame4 div. Default css for this is included for all designs. The star ratings div have also been moved below the photo.

HTML preview:

<p id="imgbtn">
<a href="#"><span>Share</span></a>
<a href="#"><span>Zoom</span></a>
</p>

<div id="imgnav">
<div>
<a href="#"><img src="#" width="44" height="29" alt="Previous"></a> 
Image x of x
<a href="#"><img src="#" width="44" height="29" alt="Next"></a>
</div>
</div>

2. Changes have been made to the comments markup.

There's a few changes to the comments markup. The new version looks like this (every second comment is called comment1 and comment2, just like before). Active users avatar have also been added to the "write a comment" form.

HTML preview:

<div class="comment1">
<div class="avatar"><a href="#"><img src="#" alt=""></a></div>
<p class="comment-by"><b><a href="#">username</a></b> <span class="comment-date"><a href="#">#</a> date</span></p>
<div class="text">text</div>
</div>

3. Avatar markup is standardized to having the class name on the div.

HTML preview:

<div class="avatar"><a href="#"><img src="#" alt=""></a></div>