chat.php - view

<div id="section" class="chat red left">
<div class="info">
<h1>Mark</h1>
<h2>online</h2>
</div>
<div class="text">
<ul id="chtext23">
</ul>
<form name="form23" action="http://womap.cz/index.php?action=poslat" method="POST">
<input type="hidden" size="8" name="name" value="Mark">
<input type="hidden" size="8" name="sender" value="1">
<input type="hidden" name="recipient" value="23">
<textarea name="chatText23" id="chatText" class="chatText left" placeholder="type your text here..."></textarea>
<input onclick="return posli(23);" type="submit" name="chatSubmit" id="chatSubmit" class="chatSubmit right" value="poslat">
<div class="clear"></div>
</form>
</div>

<div class="status left"><img src="images/on.png"><form method="post" action="">
<input type="status" name="chat_status" id="chat_status" class="chat_status" placeholder="nějaký status">
</form>
</div>
<div class="settings right">Settings</div>
<div class="clear"></div>
</div>
<div id="section" class="chat lime left">
<div class="info">
<h1>Lisa</h1>
<h2>away</h2>
</div>
<div class="text">
<ul>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
</ul>
<form method="post" action="">
<textarea name="chatText" id="chatText" class="chatText" placeholder="type your text here..."></textarea>
</form>
</div>
<div class="status left"><img src="images/on.png">
<form method="post" action="">
<input type="status" name="chat_status" id="chat_status" class="chat_status" placeholder="nějaký status">
</form>
</div>
<div class="settings right">Settings</div>
<div class="clear"></div>

</div>
<div id="section" class="chat blue left" style="margin: 0px;">
<div class="info">
<h1>Tom</h1>
<h2>busy</h2>
</div>
<div class="text">
<ul>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
<li><h3>Max</h3> <span class="time"> 07:18</span>Lorem ipsum.... </li>
<li><h3>Tom</h3> <span class="time"> 07:19</span>Lorem ipsum.... </li>
</ul>
<form method="post" action="">
<textarea name="chatText" id="chatText" class="chatText" placeholder="type your text here..."></textarea>
</form>
</div>
<div class="status left"><img src="images/on.png">
<form method="post" action="">
<input type="status" name="chat_status" id="chat_status" class="chat_status" placeholder="nějaký status">
</form></div>
<div class="settings right">Settings</div>
<div class="clear"></div>
</div>
<div class="clear"></div>