<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>file_upload</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jClever.js"></script>
<!--<script type="text/javascript" src="js/mobilyslider.js"></script>-->
<!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="js/my.js"></script>
<link href="css/jClever.css" rel="stylesheet" type="text/css"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div class="wrap">
<div class="page">
<div class="wrap_header">
<div class="header">
<div class="logo"><a href="#" title="#"></a></div>
<div class="menu">
<ul>
<li><a href="#" title="#">ГЛАВНАЯ</a></li>
<li><a href="#" title="#">Лайт</a></li>
<li class="load"><span><a href="#" title="#">Загрузить</a></span></li>
<li class="searche">
<div class="bl_searche">
<div class="inpt"><input type="text" name="" id="x1" value="To search type and hit enter"/></div>
<div class="link_search"><a href="#" title="#"></a></div>
</div>
</li>
</ul>
</div>
<div class="enter">
<ul>
<li><a href="#" title="#">Войти</a></li>
<li><a href="#" title="#">Регистрация</a></li>
</ul>
</div>
</div>
<div class="top">
<div class="block_smile">Просто для <span>смеха</span></div>
<div class="counter">
Всего: <span>23,642,231</span> работ
</div>
</div>
</div>
<div class="contentarea">
<div class="content">
<div class="tabs">
<ul>
<li class="photo active">
<a href="#" title="#"><span></span></a>
<span class="name_tab">Фото</span>
<span class="act_elem"></span>
</li>
<li class="video">
<a href="#" title="#"><span></span></a>
<span class="name_tab">Видео</span>
<span class="act_elem"></span>
</li>
</ul>
</div>
<div class="item_block_tab">
<h2>Добавь прикольную картинку</h2>
<form action="#">
<dl class="form_upload">
<dt><span class="left_part"><label for="x3">Ссылка на фото</label><span class="etl">*</span></span><span class="right_part"><span class="inpt1"><input
type="file" name="" id="x3"/></span>
<span class="load_picture"><span class="inpt_file"><a href="#" title="#">Загрузить файл</a>
<input type="file" name="" id=""/>
</span>Формат JPG, GIF или PNG. Макс. размер 2 Мб</span>
</span>
</dt>
<dd><span class="left_part">Заголовок поста<label for="x2"></label><span class="etl">*</span></span><span class="right_part"><span class="inpt1"><input type="text" name="" id="x2"/></span></span>
</dd>
<dt><span class="left_part"><label for="x4">Ключевые слова</label></span><span class="right_part"><span class="inpt1"><input type="text" name="" id="x4"/></span><span
class="com_pol">Вводите ключевые слова через запятую. Например: прикол, падения, велосипед.</span></span></dt>
<dd><span class="left_part"></span><span class="right_part"><span class="etl">* </span>- поля обязательны для заполнения</span></dd>
</dl>
<dl class="form_upload checks jClever">
<dt><span class="left_part"></span><span class="right_part"><input type="checkbox" name="" id="x5"/><label for="x5">Картинка небезопасна для просмотра на работе (ОСНЭ)</label></span>
</dt>
<dd><span class="left_part"></span><span class="right_part"><input type="checkbox" name="" id="x6"/><label for="x6">Опубликовать пост на мою страницу в Facebook</label></span>
</dd>
<dt><span class="left_part"></span><span class="right_part"><a href="#" title="#" class="add">Добавить</a><a
class="cancel" href="#" title="#">Отмена</a></span></dt>
</dl>
</form>
</div>
</div>
<div class="sidebar">
<div class="block_sb3">
<h2>Лимит добавления постов</h2>
<p>Вы можете добавить 2 поста в день</p>
</div>
<div class="block_sb2">
<h2>Правила добавления постов</h2>
<ul>
<li><strong>Уважайте авторские права, будьте
оригинальны.</strong> Если вы не уверены в
авторстве материала, используйте сервис
<a href="#" title="#">Google Images</a></li>
<li>Придумайте уникальный и содержательный
заголовок, вместо фраз вроде: “LOL”, “Cупер”,
“Круто” и т.д.</li>
<li>Никакога блогоспама</li>
<li>Если вы сомневаетесь, показать ли этот
материал вашему сотруднику, маме или дяде
Коле, отметьте его, как ОСНЭ (осторожно,
сиськи на экране!)</li>
<li><strong>Посты ОСНЭ, неотмеченные как таковые,
будут удаляться.</strong></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="footer_content">
<div class="foot1">Copyright © 2012</div>
<div class="foot2"><a href="#" title="#">НАВЕРХ</a></div>
</div>
</div>
</body>
</html>