Форма входа

mvcreative

Старая форма входа

  • Страница 1 из 1
  • 1
Модератор форума: BSide  
Форум MVCreative » сделаем креативный uCoz » Форум веб мастеров » Учебник » барабан HTML-цвета с Яндекса для uCoz
барабан HTML-цвета с Яндекса для uCoz
cechДата: Пятница, 02.07.2010, 11:25 | Сообщение # 1
Генерал печатного дела
Группа: Администраторы
Пользователь №: 1
Сообщений: 1706
Награды: 59
Репутация: 108
Статус: оффлайн
1.Скачиваем архив (в архиве папка html-color а в ней папки css, js, images) заливаем папку "html-color" в корень сайта
2. Перед тегом "< /head >" ставим следующее:

Код
<link media="screen" href="/html-color/css/html-color-hide.css" type="text/css" rel="stylesheet" />
<script src="/html-color/js/html-color-hide.js"></script>


3.Сам "барабан" с html-цветами.

Код
<table><tbody><tr><td style="background:#FFFFFF;padding-left:30px">
<div class="w1"></div>
<div class="ev">
<div class="ew">
<div class="ex">
<div class="v8">
<div class="eo">
<div class="rr el acb">
<table class="acn">
<tr>
<td class="rv">
<div class="rz">
<div class="rs">
<a class="rt ru" href="#">рус.</a>
<a class="rt" href="#">eng.</a>
</div>
<div class="se">
<a class="sn so" href="#up"></a>
<a class="sn sp" href="#down"></a>
<i class="sk"></i>
<i class="sm"></i>
<i class="sl"></i>
<table class="aco">
<tr>
<td class="sg"></td>
</tr>
<tr>
<td class="sh"></td>
</tr>
<tr>
<td class="si">
<span></span>
<i class="sj"></i>
</td>
</tr>
<tr>
<td class="sh"></td>
</tr>
<tr>
<td class="sg"></td>
</tr>
</table>
</div>
<i class="ry"></i>

<div class="sb">
<span class="sc">Найди свой цвет в Яндексе</span>
<div class="sd"></div>
</div>
</div>
</td>
<td class="rw">
<div class="sq">
<div class="sr">
<i class="su"></i>
</div>
<div class="ss">
<div class="st">
<i class="su"></i>
</div>
</div>
</div>
</td>
<td class="rx">

<table class="acp">
<tr>
<td rowspan="2"></td>
<td class="sv">R</td>
<td class="sv">G</td>
<td class="sv sx">B</td>
<td class="sv">H°</td>
<td class="sv">S<span class="sw">%</span></td>
<td class="sv">V<span class="sw">%</span></td>
</tr>
<tr>
<td class="sy z-colors__rgbhsv_r">
<input size="3" maxlength="3"/>
</td>
<td class="sy z-colors__rgbhsv_g">
<input size="3" maxlength="3"/>
</td>
<td class="sy sz z-colors__rgbhsv_b">
<input size="3" maxlength="3"/>
</td>
<td class="sy z-colors__rgbhsv_h">
<input size="3" maxlength="3"/>
</td>
<td class="sy z-colors__rgbhsv_s">
<input size="3" maxlength="3"/>
</td>
<td class="sy z-colors__rgbhsv_v">
<input size="3" maxlength="3"/>
</td>
</tr>
<tr>
<td class="tc">#</td>
<td class="tb z-colors__rgbhsv_hex" colspan="3">
<input size="6" maxlength="6" value=""/>
</td>
<td colspan="3"></td>
</tr>
<tr>
<td></td>
<td colspan="6" class="td">
<table class="kx kn kw">
<tr>
<td class="acr">
<div class="ky">
<div class="ll">
<i class="ku ln"></i><i class="kv lo"></i>
</div>
<div class="kz"><a class="kp" href="#">Поделиться цветом в блоге</a></div>
<div class="kq">
<div class="ll">
<i class="ku ln"></i><i class="kv lo"></i>
</div>
<div class="la">
<table class="kr">
<tr>
<td class="lb"><label for="">Подпись:</label></td>
<td class="lc">
<input maxlength="40" class="li"/>
</td>
</tr>
<tr>
<td class="lb ld">
<label for="z-barman__toblog">Код для вставки:</label>
<ul class="lg">
<li class="lh">
<a class="ks kt" href="#">HTML</a>
</li>
<li class="lh">
<a class="ks" href="#">BBCode</a>
</li>
</ul>
</td>
<td class="lc le">
<textarea id="z-barman__toblog" class="lj"></textarea>
</td>
</tr>
<tr>
<td class="lf" colspan="2">
<a class="lk" href="#close">Закрыть</a>
</td>
</tr>
</table>
</div>
</div>
<div class="lm">
<i class="ku lp"></i><i class="kv lq"></i>
</div>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</div>
<script src="/html-color/js/html-colorbut.js"></script>
</td>
</tr>
</table>


Ну вот и все, ставим все это туда где хотим видеть... Также я подумал засунуть это все в ajax окно, получилось нормально, есть 1 баг, не существенный, а так в аякс окне с этим барабаном должен быть белый фон, т.к. в нем идут элементы картинок с белыми границами, конечно можно убрать тень, все белое вырезать, тогда будет только самое нужное, ну это может сделать каждый кто хоть чуть-чуть владеет фотошопом. А вот и сам код ajax окна, принимаются предложения по улутшению окошка

Код
<a href="javascript://" onclick="new _uWnd('Baraban','Барабан цветов',640,195,{maxh:640,minh:195},'<table><tbody><tr><td style=\'background:#FFFFFF;padding:10px 30px 10px 30px;\'><div class=\'w1\'></div><div class=\'ev\'><div class=\'ew\'><div class=\'ex\'><div class=\'v8\'><div class=\'eo\'><div class=\'rr el acb\'><table class=\'acn\'><tr><td class=\'rv\'><div class=\'rz\'><div class=\'rs\'><a class=\'rt ru\' href=\'#\'>рус.</a><a class=\'rt\' href=\'#\'>eng.</a></div><div class=\'se\'><a class=\'sn so\' href=\'#up\'></a><a class=\'sn sp\' href=\'#down\'></a><i class=\'sk\'></i><i class=\'sm\'></i><i class=\'sl\'></i><table class=\'aco\'><tr><td class=\'sg\'></td></tr><tr><td class=\'sh\'></td></tr><tr><td class=\'si\'><span></span><i class=\'sj\'></i></td></tr><tr><td class=\'sh\'></td></tr><tr><td class=\'sg\'></td></tr></table></div><i class=\'ry\'></i><div class=\'sb\'><span class=\'sc\'>Найди свой цвет в Яндексе</span><div class=\'sd\'></div></div></div></td><td class=\'rw\'><div class=\'sq\'><div class=\'sr\'><i class=\'su\'></i></div><div class=\'ss\'><div class=\'st\'><i class=\'su\'></i></div></div></div></td><td class=\'rx\'><table class=\'acp\'><tr><td rowspan=\'2\'></td><td class=\'sv\'>R</td><td class=\'sv\'>G</td><td class=\'sv sx\'>B</td><td class=\'sv\'>H°</td><td class=\'sv\'>S<span class=\'sw\'>%</span></td><td class=\'sv\'>V<span class=\'sw\'>%</span></td></tr><tr><td class=\'sy z-colors__rgbhsv_r\'><input size=\'3\' maxlength=\'3\'/></td><td class=\'sy z-colors__rgbhsv_g\'><input size=\'3\' maxlength=\'3\'/></td><td class=\'sy sz z-colors__rgbhsv_b\'><input size=\'3\' maxlength=\'3\'/></td><td class=\'sy z-colors__rgbhsv_h\'><input size=\'3\' maxlength=\'3\'/></td><td class=\'sy z-colors__rgbhsv_s\'><input size=\'3\' maxlength=\'3\'/></td><td class=\'sy z-colors__rgbhsv_v\'><input size=\'3\' maxlength=\'3\'/></td></tr><tr><td class=\'tc\'>#</td><td class=\'tb z-colors__rgbhsv_hex\' colspan=\'3\'><input size=\'6\' maxlength=\'6\' value=\'\'/></td><td colspan=\'3\'></td></tr><tr><td></td><td colspan=\'6\' class=\'td\'><table class=\'kx kn kw\'><tr><td class=\'acr\'><div class=\'ky\'><div class=\'ll\'><i class=\'ku ln\'></i><i class=\'kv lo\'></i></div><div class=\'kz\'><a class=\'kp\' href=\'#\'>Поделиться цветом в блоге</a></div><div class=\'kq\'><div class=\'ll\'><i class=\'ku ln\'></i><i class=\'kv lo\'></i></div><div class=\'la\'><table class=\'kr\'><tr><td class=\'lb\'><label for=\'\'>Подпись:</label></td><td class=\'lc\'><input maxlength=\'40\' class=\'li\'/></td></tr><tr><td class=\'lb ld\'><label for=\'z-barman__toblog\'>Код для вставки:</label><ul class=\'lg\'><li class=\'lh\'><a class=\'ks kt\' href=\'#\'>HTML</a></li><li class=\'lh\'><a class=\'ks\' href=\'#\'>BBCode</a></li></ul></td><td class=\'lc le\'><textarea id=\'z-barman__toblog\' class=\'lj\'></textarea></td></tr><tr><td class=\'lf\' colspan=\'2\'><a class=\'lk\' href=\'#close\'>Закрыть</a></td></tr></table></div></div><div class=\'lm\'><i class=\'ku lp\'></i><i class=\'kv lq\'></i></div></div></td></tr></table></td></tr></table></td></tr></table></div></div><script src=\'/html-color/js/html-colorbut.js\'></script></td></tr></tbody></table>');">Барабан</a>


Скачать html "барабан" цветов по Доступно только для пользователей


 
вверх
Gamer145Дата: Вторник, 06.07.2010, 19:53 | Сообщение # 2
Молчун
Группа: Пользователи
Пользователь №: 68
Сообщений: 16
Награды: 0
Репутация: 0
Статус: оффлайн
уу) чётка спасиба! bye
 
вверх
Angry4178Дата: Суббота, 10.07.2010, 19:54 | Сообщение # 3
Спикер
Группа: Пользователи
Пользователь №: 85
Сообщений: 255
Награды: 5
Репутация: 14
Статус: оффлайн
cech, зер гут! Пригодится


 
вверх
Форум MVCreative » сделаем креативный uCoz » Форум веб мастеров » Учебник » барабан HTML-цвета с Яндекса для uCoz
  • Страница 1 из 1
  • 1
Поиск: