Меню сайта
Категории сайта
Мини-чат
Наш опрос
Зависимость от каких из нижеперечисленных вещей Вы наблюдаете у себя?
Всего ответов: 1679
Облако тегов
Статистика
Онлайн всего: 2
Гостей: 2
Пользователей: 0


Нас посетили:
Мини-профиль
Поиск
Календарь
«  Март 2009  »
Пн Вт Ср Чт Пт Сб Вс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
Статистика
Архив
Реклама
Узнай айпи
Главная » 2009 » Март » 1 » Web-master » PhotoShop tools helper для uCoz
PhotoShop tools helper для uCoz
Вы пришли к нам на портал что бы скачать\посмотреть PhotoShop tools helper для uCoz, если возникнут вопросы по данному файлу PhotoShop tools helper для uCoz, вы всегда можете задать свой вопрос на нашем форуме.
С уважением, администрация isucoz.com.

Скачать PhotoShop tools helper для uCoz

У кого есть сайт про PhotoShop думаю вам это поможет.
Выглядит так.

При наведении мышки на любую из этих иконок будет вылезать окошко с описанием.

Пример можно посмотреть на этой странице funx.net.ru/publ/
И так приступим к установке:

в head и head ставим это:

Code
<style type="text/css">
#container_bg{ background:transparent;}
#container{ text-align: left;}
.side_menu{ background: transparent; vertical-align: top; padding:3px; width: 1%; text-align: left;}
.toolbar{ width: 57px; height: 399px; background: url(http://funx.net.ru/style_images/tfx_cs3/toolbar.gif) no-repeat 0 0; padding:0;}
.tool_img{ width: 25px; height: 21px; margin: 0 1px 1px 2px;}
.tool_gap{ height: 4px; font-size:0; padding:0; overflow:hidden;}
#dhtmltooltip{ position: absolute; width: 250px; border: 1px solid #646464; padding: 2px; background-color: #ededed; visibility: hidden; z-index: 100;text-align:left; -moz-border-radius: 8px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;color:#f7f7f7;}
</style>

после ставим это:
Code
<div id="dhtmltooltip"></div>
<script type="text/javascript">

var offsetxpoint=10
var offsetypoint=16  
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""

function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function ddrivetip(thetext, thecolor, thewidth){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;
var rightedge=ie&&!window.opera? ietruebody().clientWidth-event.clientX-offsetxpoint : window.innerWidth-e.clientX-offsetxpoint-20
var bottomedge=ie&&!window.opera? ietruebody().clientHeight-event.clientY-offsetypoint : window.innerHeight-e.clientY-offsetypoint-20

var leftedge=(offsetxpoint<0)? offsetxpoint*(-1) : -1000

if (rightedge<tipobj.offsetWidth)
tipobj.style.left=ie? ietruebody().scrollLeft+event.clientX-tipobj.offsetWidth+"px" : window.pageXOffset+e.clientX-tipobj.offsetWidth+"px"
else if (curX<leftedge)
tipobj.style.left="5px"
else

tipobj.style.left=curX+offsetxpoint+"px"

if (bottomedge<tipobj.offsetHeight)
tipobj.style.top=ie? ietruebody().scrollTop+event.clientY-tipobj.offsetHeight-offsetypoint+"px" : window.pageYOffset+e.clientY-tipobj.offsetHeight-offsetypoint+"px"
else
tipobj.style.top=curY+offsetypoint+"px"
tipobj.style.visibility=" visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.wi dth=''
}
}

document.onmousemove=positiontip

</script>

а это ставьте туда где хотите чтобы была та самая PhotoShop tool helper))

Code

<div id="container_bg">
<table id="container" cellpadding="0" cellspacing="1">

<tbody><tr>
<td class="side_menu" style="width: 57px;">
<div class="toolbar">
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="width: 57px; height: 36px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/01.gif width=30 height=25> <b>Rectangular Marquee (Прямоугольная область) ~M~.</b>
Выделение прямоугольной области изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/02.gif width=30 height=25><b>Elliptical Marquee (Овальная область) ~M~.</b>
Выделение овальной области изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/03.gif width=30 height=25><b>Single-row Marquee (Горизонтальная строка) ~M~.</b>
Выделение области шириной в один пиксел по горизонтали.

<img src=http://funx.net.ru/style_images/tfx_cs3/04.gif width=30 height=25><b>Single-column Marquee (Вертикальная строка) ~M~.</b>
Выделение области шириной в один пиксел по вертикали.','#000000','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/11.gif width=30 height=25><b>Move (перемещение) ~V~.</b>
Перемещение выделенной области, слоя или направляющей.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/05.gif width=30 height=25><b>Lasso (Лассо) ~L~.</b>
Выделение криволинейной области произвольной формы. При нажатии клавиши Alt можно создать контур, состоящий из прямых отрезков.

<img src=http://funx.net.ru/style_images/tfx_cs3/08.gif width=30 height=25><b>Polygonal Lasso (Многоугольное лассо) ~L~.</b>
Выделение произвольной многоугольной области. От предыдущего отличается тем, что позволяет достичь более точного выделения.

<img src=http://funx.net.ru/style_images/tfx_cs3/09.gif width=30 height=25><b>Magnetic Lasso (Магнитное лассо) ~L~.</b>
Выделение области изображения полинии цветового контраста. При этом контур выделенной области создается автоматически.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/52.gif width=30 height=25><b>Quick Selection (Быстрое выделение)~W~.</b>
Вы можете быстро нарисовать выделение используя кисть.

<img src=http://funx.net.ru/style_images/tfx_cs3/10.gif width=30 height=25><b>Magic Wand (Волшебная палочка) ~W~.</b>
Выделение областей на основе сходства цветов.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/12.gif width=30 height=25><b>Crop (Рамка) ~C~.</b>
Кадрирование (обрезка) изображения.
','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/47.gif width=30 height=25><b>Slice (Фрагмент) ~К~.</b>
Разбиение изображения на фрагменты, которые впоследствии могут быть преобразованы в гиперссылки.

<img src=http://funx.net.ru/style_images/tfx_cs3/48.gif width=30 height=25><b>Select Slice(Выделение фрагмента) ~К~.</b>
Выделение имеющихся в изображении фрагментов.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div class="tool_gap"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/53.gif width=30 height=25><b>Spot Healing Brush (Восстановление площади) ~J~.</b>
Позволяет легко устранять со снимка нежелательные объекты, занимающие значительную часть кадра.

<img src=http://funx.net.ru/style_images/tfx_cs3/54.gif width=30 height=25><b>Healing Brush (Кисть лечения) ~J~</b>
позволяет удалять дефекты изображения, например, морщины у глаз, или лечить пористую кожу или шрамы, сохраняя при этом все остальные параметры исходного изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/55.gif width=30 height=25><b>Patch tool ~J~</b>
Данный инструмент предназначен для исправления достаточно больших поврежденных участков по образу и подобию сохранившихся.

<img src=http://funx.net.ru/style_images/tfx_cs3/56.gif width=30 height=25><b>Red Eye ~J~.</b>
Используется для борьбы с эффектом красных глаз на фотографиях.

','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/14.gif width=30 height=25><b>Pencil (Карандаш) ~B~.</b>
Создание линии с четкими, не размытыми краями.

<img src=http://funx.net.ru/style_images/tfx_cs3/13.gif width=30 height=25><b>Paintbrush (Кисть) ~В~.</b>
Имитация мазков кисти. Края линии нарисованной с помощью кисти несколько размыты..

<img src=http://funx.net.ru/style_images/tfx_cs3/57.gif width=30 height=25><b>Color Replacement(Замена цветов) ~В~</b>
Заменяет выбраный цвет на новый.

<img src=http://funx.net.ru/style_images/tfx_cs3/15.gif width=30 height=25><b>Airbrush (Аэрограф) ~B~.</b>
Создание штрихов с мягкими, размытыми краями.(В новых версиях Photoshop такой кисти нету.)','#000000')";="" onmouseout="hideddrivetip()"></div>

<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/16.gif width=30 height=25><b>Clone Stamp (Штамп) ~S~.</b>
Копирование одной части изображения с последующим его наложением на другую часть.

<img src=http://funx.net.ru/style_images/tfx_cs3/17.gif width=30 height=25><b>Pattern Stamp (Штамп узора) ~S~.</b>
Копируется часть произвольного изображения, содержимое которого задается с помощью команды Edit | Define pattern (Редактирование | Определить орнамент).','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/18.gif width=30 height=25><b>History Brush (Кисть событий) ~Y~.</b>
Возвращение изображения в любой из его предыдущих вариантов. По своему функционированию этот инструмент аналогичен команде Undo (Отменить), но имеет более широкий спектр возможностей.

<img src=http://funx.net.ru/style_images/tfx_cs3/19.gif width=30 height=25><b>Art History Brush (Изобразительная кисть событий) ~Y~.</b>
Закрашивание изображения с помощью стилизованных мазков, имитирующих начертание различных стилей краски.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/20.gif width=30 height=25><b>Eraser (Ластик) ~Е~.</b>
Удаление фрагментов изображения с возвращением к цвету фона или нижележащего слоя изображения. Выполнение команды при нажатой клавише Alt приводит к восстановлению фрагментов или слоев изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/21.gif width=30 height=25><b>Background Eraser (Фоновый ластик) ~Е~.</b>
Удаление участков фонового изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/22.gif width=30 height=25><b>Magic Eraser (Волшебный ластик) ~Е~.</b>
Удаление области изображения с заданным цветом.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/23.gif width=23 height=25><b>Gradient (Градиент) ~G~.</b>
Создание плавного перехода от одного цвета к другому с использованием множества промежуточных цветов. Paint Bucket (Заливка) <К>. Заполнение одинаково окрашенных областей цветом переднего плана.

<img src=http://funx.net.ru/style_images/tfx_cs3/24.gif width=30 height=25><b>Paint Bucket (Заыливка) ~К~.</b>
Заполнение одинаково окрашенных областей цветом переднего плана.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/25.gif width=30 height=25><b>Blur (Размытие) ~R~. </b>
Уменьшение резкости (контрастности) выбранных фрагментов изображения. Использование этого инструмента при нажатой клавише Alt приводит к увеличению резкости.

<img src=http://funx.net.ru/style_images/tfx_cs3/26.gif width=30 height=25><b>Sharpen (Резкость) ~R~.</b>
Повышение резкости (контрастности) выбранных фрагментов изображения. Использование этого инструмента при нажатой клавише Alt приводит к уменьшению резкости.

<img src=http://funx.net.ru/style_images/tfx_cs3/27.gif width=30 height=25><b>Smudge (Палец) ~R~.</b>
Размывание цвета на каком-либо фрагменте изображения.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/28.gif width=23 height=25><b>Dodge (Осветлитель) ~0~.</b>
Осветление выбранных фрагментов изображения. Использование этого инструмента при нажатой клавише Alt приводит к затемнению изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/29.gif width=30 height=25><b>Bum (Затемнитель) ~0~.</b>
Затемнение выбранных участков изображения. При нажатии клавиши Alt происходит переключение на инструмент Dodge (Осветлитель).

<img src=http://funx.net.ru/style_images/tfx_cs3/30.gif width=30 height=25><b>Sponge (Губка) ~0~.</b>
Изменение насыщенности цветов в изображении.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div class="tool_gap"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/33.gif width=30 height=25><b>Pen (Перо) ~Р~.</b>
Построение контуров из отрезков ломаной линии.

<img src=http://funx.net.ru/style_images/tfx_cs3/34.gif width=30 height=25><b>Freeform Pen (Произвольное перо) ~Р~.</b>
Создание контура произвольной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/35.gif width=30 height=25><b>Add Anchor Point (Перо+ Добавить опорную точку) ~Р~.</b>
Добавление в контуры новых опорных точек.

<img src=http://funx.net.ru/style_images/tfx_cs3/36.gif width=30 height=25><b>Delete Anchor Point (Перо + Удалить опорную точку) ~Р~.</b>
Удаление из контуров опорных точек.

<img src=http://funx.net.ru/style_images/tfx_cs3/37.gif width=30 height=25><b>Convert Point (Угол + Преобразовать опорную точку) ~Р~.</b>
Преобразование прямоугольных сегментов в криволинейные и наоборот.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/44.gif width=30 height=25><b>Type (Текст) ~Т~.</b>
Создание в изображении надписей на отдельном текстовом слое.

<img src=http://funx.net.ru/style_images/tfx_cs3/58.gif width=30 height=25><b>Type mask (Текстовая маска) ~Т~.</b>
Делает выделение в форме текста.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/31.gif width=30 height=25><b>Path Component Selection (Выделение элементов контура) ~А~.</b>
Выделение векторных форм и сегментов векторных контуров с опорными точками и направляющими линиями.

<img src=http://funx.net.ru/style_images/tfx_cs3/32.gif width=30 height=25><b>Direct Selection (Стрелка частичное выделение) ~А~.</b>
Выделение и перемещение опорных точек и сегментов контуров.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/38.gif width=30 height=25><b>Rectangle (Прямоугольник) ~U~.</b>
Создание прямоугольной векторной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/39.gif width=30 height=25><b>Rounded Rectangle (Скругленный прямоугольник) ~U~.</b>
Создание прямоугольной формы со скругленными углами.

<img src=http://funx.net.ru/style_images/tfx_cs3/40.gif width=30 height=25><b>Ellipse (Эллипс) ~U~.</b>
Создание овальной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/41.gif width=30 height=25><b>Polygon (Многоугольник) ~U~.</b>
Создание многоугольной формы.

<img src=http://funx.net.ru/style_images/tfx_cs3/42.gif width=30 height=25><b>Line (Линия) ~U~.</b>
Создание прямых линий.

<img src=http://funx.net.ru/style_images/tfx_cs3/43.gif width=30 height=25><b>Custom Shape (Пользовательская форма) ~U~.</b>
Вставка в изображение предварительно созданных пользовательских форм.','#000000')";="" onmouseout="hideddrivetip()"></div>
<div class="tool_gap"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="height: 4px;"></div>
<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/06.gif width=30 height=25><b>Notes (Примечания) ~N~.</b>
Вставка текстовых примечаний на холсте изображения.

<img src=http://funx.net.ru/style_images/tfx_cs3/07.gif width=30 height=25><b>Audio Annotation (Звуковое сопровождение) ~N~.</b>
Создание звуковых комментариев к изображению с помощью микрофона при наличии соответствующего оборудования.','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/49.gif width=30 height=25><b>Eyedropper (Пипетка) ~I~.</b>
Отбор образца цвета. Цвет, отобранный из точки на изображении, становится цветом переднего плана.

<img src=http://funx.net.ru/style_images/tfx_cs3/50.gif width=30 height=25><b>Color Sample (Отбор цветов) ~I~.</b>
Получение информации о цвете нескольких точек одновременно.

<img src=http://funx.net.ru/style_images/tfx_cs3/51.gif width=30 height=25><b>Ruler (Линейка) ~I~.</b>
Измерение расстояний между любыми точками изображения, а также углов наклонных линий в изображении.','#000000')";="" onmouseout="hideddrivetip()"></div>

<div><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/45.gif width=30 height=25><b>Hand (Рука) ~Н~.</b>
Перемещение изображения в пределах окна документа','#000000')";="" onmouseout="hideddrivetip()"><img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" class="tool_img" onmouseover="ddrivetip('<img src=http://funx.net.ru/style_images/tfx_cs3/46.gif width=30 height=25><b>Zoom (Масштаб) ~Z~.</b>
Увеличение или уменьшение (при нажатой клавише Alt) масштаба просмотра изображения.','#000000')";="" onmouseout="hideddrivetip()"></div>
</div>
<img src="http://funx.net.ru/style_images/tfx_cs3/spacer.gif" alt="" style="width: 57px; height: 1px;">
</td></tr></tbody></table>
</div>

готово!
У вас есть сайт, но ты незнаешь какой у тебя тИЦ и ПР? Будь в курсе событий, поставь счетчик тИЦ и ПР на свой сайт! Счетчик тИЦ и ПР.
Добавил: Bogdan4eg | Комментариев: 2 | Просмотров: 2374 | Добавлено: 01-Мар-2009

0  
2 ILLEGAL   (04-Мар-2009 19:32:33) [Материал]
ILLEGAL
Quote (yd)
Тяжело это всё

ели руки прямые то нет... biggrin
0  
1 yd   (02-Мар-2009 21:19:29) [Материал]
Тяжело это всё
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]