Каталог Java скриптов!Онлайн сервисов!Всё для Веб-мастера!
Новые сообщения · Участники · Правила форума · Поиск · RSS
  • Страница 1 из 1
  • 1
Модератор форума: Diego543  
Форум » Веб-мастерам uCoz » Скрипты для uCoz » CineShow (Для Fhotosop сайтов)
CineShow
Diego543 Дата: Среда, 18.03.2009, 3:38:27 PM | Сообщение # 1
Смотреть профиль Diego543
Сообщений: 44
Статус: OF
У кого есть сайт про PhotoShop думаю вам это поможет.
Выглядит так.[spoiler]

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


[/spoiler]
И так приступим к установке:

Между и
Ставим:
[spoiler]

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.vis ibi lity="   visible"
}
}

function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
t ipob j.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>
[/spoiler]


Сообщение отредактировал Diego543 - Среда, 18.03.2009, 5:03:18 PM
Страна:
Criol Дата: Среда, 18.03.2009, 4:56:09 PM | Сообщение # 2
Сообщений: 20
Статус: OF
Diego543, Гут + в репе. biggrin biggrin
Страна:
Форум » Веб-мастерам uCoz » Скрипты для uCoz » CineShow (Для Fhotosop сайтов)
  • Страница 1 из 1
  • 1
Поиск:

Рейтинг@Mail.ru Rambler's Top100
Хостинг от uCoz