I am about to finish building a child theme for P2. I am not interested in changing any of the functionalities since it's just perfect for my use.. so it's all about the look and feel.
To make the post box looks special, I had to add some divs/spans around the main < li > element in entry.php. The final result is something like:
<span class="my-post-topedge"></span> <li id="prologue-<?php the_ID(); ?>" <?php post_class( get_the_author_meta( 'ID' ) ); ?>> <div class="my-post-leftedge"> <div class="my-post-content"> <?php if ( !is_page() ) : ?> ... <?php endif; ?> </div> <!-- .my-post-content --> <span class="my-post-bottomedge"></span> </div> <!-- .my-post-leftedge --> </li>
As you can see, there is a span outside that shows the top edge of the box, plus two divs inside that show the left edge and the background for the box content, respectively. (yes, you guess it! the right edge is the li's background it-self) Finally, there is a span at the end that shows the bottom edge of the box.
The problem now is the AJAX, which I really have no idea about, unfortunately. When adding a new post, the only element that is being load is the < li >, without all of the others divs/spans. As a result, the loaded post looks horrible without refreshing the page.
If there was an easy change I can made to make it loads those elements, then I will really appreciate if anyone let me know about it. Otherwise, I'll have to live with it!