Фильтр по:
  

Как сделать открытие картинок в аякс окне на форуме ...

Как сделать...

  • Страница 1 из 9
  • 1
  • 2
  • 3
  • …
  • 8
  • 9
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать открытие картинок в аякс окне на форуме ... (Открытие картинок в аякс окне. uCoz, JavaScript.)
Как сделать открытие картинок в аякс окне на форуме ...
Дата: Четверг, 01.07.2010, 00:28 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Тема про превьюшко, картинки при клике ......... и прочее - в таком духе ... на тему «как» ...

 
Дата: Четверг, 01.07.2010, 00:28 |
Группа: Гости





 Добрый день. Прошу показать\рассказать\расписать "на пальцах" как правильно сделать превью фотографии\картинки\рисунка вставленного в сообщение на форуме (что бы картинка в сообщении была небольшого размера, скажем 100-200 пикс), а после нажатия, открывалась в полный размер!

Спасибо

 
Дата: Четверг, 01.07.2010, 02:16 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Гость,
Цитирую:
Quote (Гость)
Прошу показать\рассказать\расписать "на пальцах" как правильно сделать превью фотографии\картинки\рисунка вставленного в сообщение на форуме (что бы картинка в сообщении была небольшого размера, скажем 100-200 пикс), а после нажатия, открывалась в полный размер!

И так, поставим задачу:
1. Картинка должна быть небольшого размера (200x200), например.
2. После нажатия, открывалась в полный размер.

Начинаем решать.

1. Идём в ПУ (панель управления сайтом. здесь и далее...) ... Главная » Форум » Настройки модуля ... и настраиваем размеры уменьшенного изображения....

Заменяя установленные по умолчанию размеры на свои. Не забываем нажать на клавишу [сохранить] .... ヅ

С первой задачей, а именно, установка максимальных размеров - справились.

Второе.
На сайтах в юкоз системе, есть функция вызова модального окна, с дизайном, выбранном вами для пу.
Доступны несколько вариантов:

.... На данном сайте «blue» ... как можно убедится (если ещё актуально) - кликнув по картинке.

Новое модальное окно (uWind - здесь и далее ...) создается следующим кодом:
Code
new _uWnd(name, title, width, height, opts, content, menuitems, app)

... Подробнее, по создание окон можно прочитать вот здесь ...

Сейчас нам нужен простейший вариант:
Примерно вот такой:
Code
new _uWnd('myWndFullImg','Полное изображение','10','10', {popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, 'Полное изображение');

Quote (Info)
Где:
myWndFullImg - уникальное имя окошка. Нигде не отображается, но используется при работе с такими окнами.
Полное изображение - заголовок окошка. Отображается в шапке.
'10','10' - ширина и высота окошка.
В скобочках {} - дополнительные параметры:
popup:1 - закрывать ли окно при клике на пространстве вне окна. (1\0 - да\нет - true\false - здесь и далее)
modal:0 - модальное окно (все остальное пространство закрывается полупрозрачным слоем).
waitimages:30000 - ждать загрузки всех картинок
autosizewidth:1 - автоопределение ширины.
hideonresize:1 - прятать содержимое при изменении размеров окна.
autosize:1 - автоопределение размеров.
minh:100 - минимальная высота (в пикселях).
minw:100 - минимальная ширина (в пикселях).
min:0 - отображать ли кнопку Minimize (свернуть).
max:0 - отображать ли кнопку Maximize (развернуть).
resize:1 - разрешить изменение размеров окна пользователем.

Полное изображение - контент, содержание окна. Может быть строкой, объектом или функцией, возвращающей строку.


В данном случае, нам нужна картинка. Следовательно, вместо «Полное изображение» - пишем код (HTML) картинки:
Code
<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />

Не забываем экранировать спец.символы обратным слешем.

В итоге, получается примерно вот такая конструкция:
Code
new _uWnd('myWndFullImg','Полное изображение','10','10',{popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');


Далее, все это, нам нужно запихнуть в функцию, которая будет выполняться при клике на маленькой картинке:
Пишем:
Code
function showImg(url){
new _uWnd('myWndFullImg','Полное изображение','10','10', popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');
};


Где:
Quote (Info)
showImg(url)
showImg - просто имя функции, по которому мы (вы) будете к ней обращатся ... ヅ
(url) - ссылка на полную картинку - будем передавать из события «клик». (пока его нет .... ヅ)


Осталось самое интересное - повесить на картинку-превьюшку, что автоматически создается системой юкоз, при вставке кода $IMAGE1__$ в комментарий.
Для этого - смотрим исходник (исходный код HTML. Здесь и далее) и думаем к чему можно привязать обработчик.

Исходник:
Code
<!--IMG1-->
<a href="http://likbezz.ucoz.ru/_fr/0/8501543.png" target="_blank" title="Нажмите, для просмотра в полном размере..."> <img alt="" style="border: 0pt none ; margin: 0pt; padding: 0pt;" src="http://likbezz.ucoz.ru/_fr/0/s8501543.jpg" align=""> </a>
<!--IMG1-->


Вот он.
Привязать можно, как минимум, к расширению файла, в атрибуте «href» ссылки в данном случае «.png», и к тексту, в атрибуте «title», а именно «Нажмите, для просмотра в полном размере...» ....
В данном посте/инструкции - буду отрываться от значения «title».

Пишем обработчик:
Code
$("td.posttdMessage a[title^='Нажмите']").click(function(){
Здесь что-то делаем.
});


Где:
Quote (Info)
td.posttdMessage - ячейка в которой будем производить инициализацию обработчика, в данном случае - ячейка с текстом поста/сообщения.
a[title^='Нажмите']" - сама ссылка, с фильтром по содержанию атрибута «title». Здесь будем выбирать все ссылки с атрибутом title начинающихся с «Нажмите».


Про фильтры контента можно почитать вот в этой статье «jQuery. Селекторы» или инет вам в помощь .... ヅ

Что получаем:
Code
$("td.posttdMessage a[title^='Нажмите']").click(function(){
showImg(this.href);
return false;
});


Где:
showImg(this.href) - при клике - запускаем написанную ранее, функцию «showImg» и (!!!) передаём в неё ссылку на полное изображение - (this.href).
return false; - возвращаем «false» для отмены поведения по-умолчанию, то есть перехода по ссылке в новое окно ....

Всё.
Собираем всё это вместе, и получаем:
Quote (Java Script)
<script type="text/javascript">
$(document).ready(function(){
// Start DocumentReady

// Start click(function)
$("td.posttdMessage a[title^='Нажмите']").click(function(){
showImg(this.href);
return false;
});
// End click(function)

// Start function (showImg)
function showImg(url){
new _uWnd('myWndFullImg','Полное изображение','10','10', popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');
};
// End function (showImg)

// End DocumentReady
});
</script>


Теперь, сё это нужно воплотить в «жись» ... А именно, заставить работать ... ヅ
По-этому - идём опять в ПУ » Главная » Управление дизайном » Редактирование шаблонов » Форум » Общий вид страниц форума
И, где нибудь снизу, например, перед закрываюшим «/body», пишем вот такую весчь:

Quote (HTML)
<?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
function showImg(url){
new _uWnd('myWndFullImg','Полное изображение','10','10',{popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1,autosize:1,minh:100,minw:100,min:0,max:0,resize:1},'< img onclick=\"_uWnd.close(\'myWndFullImg\');\" src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');
};
$(function(){
$("td.posttdMessage a[title^='Нажмите']").click(function(){showImg(this.href);return false;});
});
</script>
<?endif?>


Где:
<?if($PAGE_ID$='threadpage')?> - ID страницы, на которой должен работать скрипт, чтобы не перегружать лишними обработчиками другие страницы, где нет картинок,и, следовательно, данная функция - не нужна.
threadpage - это страница с постами. Та, которую вы сейчас смотрите. ヅ

Узнать это можно из админбара, вот так:
Картинка:


...

Всё.
Появятся вопросы - рисуйте в тему .... или создавайте свою ... ヅ
Удачи.



P.S. В функции (function showImg(url)), а именно «new _uWnd» - не должно быть разрывов строк.



Прикрепления:
☑ Не упакованный файл скрипта. (526 байт) ....
☑ Упакованный файл. (395 байт) ....

...
Скриншот ........ ヅ ....

...

☑ Пример работы (Как сделать превью фотографии/картинки/рисунка на форуме ... )

...
Прикрепления: 2746686.png (8.2 Kb) · 8803962.png (4.6 Kb) · 9859046.png (8.6 Kb) · 7248570.png (145.3 Kb)

 
Дата: Среда, 03.11.2010, 21:35 |
Группа: Гости





 likbezz, Уважаемый, недостаточно у меня знаний, помогите плиз разобраться.
Вот Вы предлагаете этот код вставить в шаблон "Общий вид страниц форума", если я правильно понял.
Quote (likbezz)
<?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
$(document).ready(function(){
// Start DocumentReady
// Start click(function)
$("td.posttdMessage a[title^='Нажмите']").click(function(){
showImg(this.href);
return false;
});
// Start function (showImg)
function showImg(url){
new _uWnd('myWndFullImg','Полное изображение','10','10',{popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');
};
// End DocumentReady
});
</script>
<?endif?>

Но вэтом коде необходимо указывать урл изображения и его имя и еще нужные возможно параметры, опять таки если я правильно понял.
И тут я перестаю догонять, если в коде шаблона я добавляю урл картинки, которую нужно превью делать, то как быть с остальными картинками? или может в написании самого сообщения нужно как-то делать код картинки? И будут ли картинки - которые юзеры прикреплять в своих постах тоже сами делаться превьюшками.

 
Дата: Среда, 03.11.2010, 23:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Гость,
Quote (Гость)
Но вэтом коде необходимо указывать урл изображения и его имя и еще нужные возможно параметры, опять таки если я правильно понял.

.... Так. ...
Смотри:
$("td.posttdMessage a[title^='Нажмите']")
- нашли ячейку «td» с классом «posttdMessage» а в ней ссылку - тег «a» - с атрибутом «title» начинающемся со слова «Нажмите» - правильно? - это понятно?
Дальше, повесили, присвоили действие при клике
.click(function(){ ... });
...
Что присвоили? - правильно, ... запуск функции:
showImg(this.href);
- что это? - «showImg» - Это имя функции - она должна быть объявлена, прописана ... А это что? «(this.href)» - параметры, которые мы передаём с саму функцию. А что это за параметр? «this.href» - это значение атрибута «href» у объекта «this» который вызвал это действие «click» .... а к чему мы привязывали? - правильно, к тегу «a» - это ссылка .... А что есть у ссылки? - адрес объекта, на который ссылается. Значит что мы передали a функцию? Правильно - ссылку на объект - в данном случае - на картинку - “урл изображения”
Понятно? - если нет - дальше не читай.
.....
Функция:
Quote
function showImg(url){
new _uWnd('myWndFullImg','Полное изображение','10','10', popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');
};

Передали? - передали. Получаем.
function showImg(url){ ... };
- Запускается функция. И смотрит - есть ли у неё дополнительный параметр? ... Ан, есть. Дополнительный параметр (url) - это то, что в скобочках - отметил красным ..... и куда он идет? .... Правильно - он вписывается в атрибут «src» новой картинки «<img src=\"'+url+'\"» .... Что?
.......
Quote (Гость)
Но вэтом коде необходимо указывать урл изображения и его имя и еще нужные возможно параметры

- С URL - разобрались. Имя - какое имя? ... Требует уточнения. «еще нужные возможно параметры» - какие? например.
.......
Quote (Гость)
И тут я перестаю догонять, если в коде шаблона я добавляю урл картинки, которую нужно превью делать, то как быть с остальными картинками?

... И тут я впадаю в ступор ...
“если в коде шаблона я добавляю урл картинки” - в смысле? .... Как вы можете добавить в код шаблона ссылку на картинку которую только загрузит какой нибудь пользователь - то есть её ещё не существует ... на сервере. ....
...
Quote (Гость)
или может в написании самого сообщения нужно как-то делать код картинки?

- Для этого скрипта - не нужно.
Для чего мы искали ячейку, в ней ссылку с титле «Нажмите» .... ? - для того, чтобы не заботится о том,и не проставлять вручную спец теги ..... Для которых, замечу, нужен свой скрипт - обработчик ....

Quote (Гость)
И будут ли картинки - которые юзеры прикреплять в своих постах тоже сами делаться превьюшками.

- Будут. Если превышают максимальные допустимые размеры изображения на вашем, в данном случае моём, форуме - 400x400 ....

- но мне пришлось их уменьшить ..... ヅ ... картинка больно маленькая .... ヅ
Прикрепления: 6406406.gif (11.1 Kb)

 
Дата: Четверг, 04.11.2010, 11:24 |
Группа: Гости
Quote (likbezz)
Понятно? - если нет - дальше не читай.

Вродебы понятно (просто я самоучка и нормально знаю только хтмл, а css php и все остальное с чем приходится сталкиватся ковыряю только лишь с помощью поиска в гугле, либо с учебником), я просто не знаю всех этих функций и как они могут работать, вот и думал что вот сдесь в коде :
Quote (likbezz)
'<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\"

Нужно будет указывать именно урл картинки с надписями в альт и титл, вот и не доганял дальше - зачем же в шаблоне указывать урл избражения.

Значит все - что необходимо сделать - это просто добавить Ваш код в шаблон форума, верно?

Добавил код, пишу пост, прикрепляю картинку, и сама картинка не появляется в посте (только лишь ссылка вида "Прикрепления: 5420816.jpg(64Kb)"), если ставлю в тексте сообщения тег $IMAGE1$ - то есть превью при клике открывается сообщение в новом окне, а так как в Вас не получается как ни крути. Где-то видать туплю, не укажешь мне где?

 
Дата: Четверг, 04.11.2010, 12:36 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Гость,
Quote (Гость)
просто я самоучка

- Покажите пальцем кто НЕ самоучка. ....
Этому нигде не учат - а основы - грубо - правила дорожного движения - доступны каждому. Так что, если проводить параллель - наличие прав, ещё не говорит о мастерстве вождения.
... Так, отступление от темы ...

Quote (Гость)
я просто не знаю всех этих функций

- Основных функций - не так уж и много, .... и знать что, примерно, они делают - просто необходимо. Запомнить. Как таблицу умножения. Тем более, большинство из них понятно, из имени/названия....
Code
document.getElementById('elementID').style.background='';

...

Quote (Гость)
Значит все - что необходимо сделать - это просто добавить Ваш код в шаблон форума, верно?

... Ну, в принципе - да.
После всего контента.

Quote (Гость)
Добавил код, пишу пост, прикрепляю картинку, и сама картинка не появляется в посте (только лишь ссылка вида "Прикрепления: 5420816.jpg(64Kb)")

- Так её в текст вставлять нужно ... ヅ ... Умора ....

Quote (Гость)
Где-то видать туплю, не укажешь мне где?

... Методом? ... Гадания на кофейной гущи. Извиняй - чего не умею - того не умею ..... А ссылку ты не оставил. ヅ

 
Дата: Четверг, 04.11.2010, 12:48 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 For SPARTАCUS
Quote (JS)
<script type="text/javascript">
$(function(){$('img.myScrin').click(function(){showImg(this.href);return false});function showImg(a){var b='Скрин';new _uWnd('myWndFullImg',b,'10','10',{popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1,autosize:1,minh:100,minw:100,min:0,max:0,re size:1},'<img src=\"'+a+'\" alt=\"'+b+'\" title=\"'+b+'\" />')};});
</script>

 
Дата: Четверг, 04.11.2010, 14:25 |
Группа: Гости





 Вот настроил так как мне надо, осталось только чтоб сама картинка появилась в этом окошке
Code
<script type="text/javascript">
$(function(){$('img.myScrin').click(function(){showImg(this.href);return false});function showImg(a){var b='Постеры к фильму';new _uWnd('myWndFullImg',b,'250','350',{popup:1,moda:0,waitimages:30000,autosizewidth:0,hideonresize:0,autosize:0,minh:350,minw:350,min:0,max:0, resize:1},'<img src=\"'+a+'\" alt=\"'+b+'\" title=\"'+b+'\" />')};});
</script>

Добавлено (04.11.2010, 14:06)
---------------------------------------------
судя по сообщениям в теме, я не один такой, кто не понимает куда url картинки вставлять нужно

Добавлено (04.11.2010, 14:25)
---------------------------------------------
вот ссылка http://kinofilmi.info/load/14-1-2

 
Дата: Четверг, 04.11.2010, 15:29 |
Группа: Гости
Quote (likbezz)
- Покажите пальцем кто НЕ самоучка. ....
Этому нигде не учат

Не ну почему же? учат вроде бы. В Харькове есть академия - http://www.itstep.org ШАГ- там вроде учат чему-то :)

Quote (Код моего шаблона форума)
<html><head>

<title>$SITE_NAME$ - $MODULE_NAME$</title>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head><body>

<table border="0" align="center" cellpadding="0" cellspacing="0" width="100%" ;>
<tbody><tr><td align="center">

<div id="sfon1">

<table border="0" cellpadding="0" cellspacing="0" height="240" width="100">
<tbody><tr>
<td valign="top" align="right" style="padding:0px 0px 0px 0px;">

<table border="0" cellpadding="0" id="btfon" cellspacing="0" height="240" width="100%">
<tbody><tr>
<td valign="top" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td valign="top" align="right" id="bt2" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" id="bt1" cellspacing="0" width="100%">
<tbody><tr><td align="center" valign="top" style=" color:#ffffff; font-size:11pt; padding: 8px 0 20 0; "><b>Голосуй за сервер!!!</b></td></tr>
<tr><td valign="top" align="center" style="padding:0px 63px 0px 60px;">

<A target="_blank" href="http://l2top.ru/vote/8117/?prefix=DREAM"><img src="http://alkashi.ucoz.ru/img/golosovanie.png" width="88" height="31" border="0"></a>
<A target="_blank" href="http://la2.mmotop.ru/vote/11379/"><img src="http://alkashi.ucoz.ru/img/golosovanie2.png" width="88" height="31" border="0"></a>

</td></tr>
</tbody></table>
</td>
</tr>
<tr><td valign="top" id="bt3" style="padding:0px 0px 0px 0px;"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" id="btfon" cellspacing="0" width="100%">
<tbody><tr>
<td>
</td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>

</td>

<td align="center">
<table border="0" cellpadding="0" cellspacing="0" width="300">
<tbody><tr>
<td>
</td></tr>
</tbody></table>
</td>

<td align="left">

<table border="0" cellpadding="0" id="btfon" cellspacing="0" height="240" width="100%">
<tbody><tr>
<td valign="top" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr>
<td valign="top" align="right" id="bt2" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" id="bt1" cellspacing="0" width="100%">
<tbody><tr><td align="center" valign="top" style=" color:#ffffff; font-size:11pt; padding: 8px 0 20 0; "><b><?if($USER_LOGGED_IN$)?>Профиль<?else?>Форма входа<?endif?></b></td></tr>
<tr><td valign="top" style="padding:0px 65px 0px 60px;">

<style>
.buttonprofile {border: 1px solid #799DC4; padding : 5px; text-align: left; color: #0D2938;}
</style>

<?if($USER_LOGGED_IN$)?>

<div align="center">Вы вошли как: <strong>$USERNAME$</strong> <br>
IP Адрес: <strong>$IP_ADDRESS$</strong> <br>
Группа: <strong>$USER_GROUP$</strong> <br>
Личных сообщений: <strong>$UNREAD_PM$</strong><p></p>

<input class="buttonprofile" type="button" onclick="document.location.href='/index/8'; return false;" value="Профиль">

<input class="buttonprofile" type="button" onclick="window.open('/index/14','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;" value="ЛС">

<input class="buttonprofile" type="button" onclick="document.location.href='/index/10'; return false;" value="Выход">
</div>

<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml2','')",500)</script><?endif?>

<script language=javascript type=text/javascript>
function openOnClick(client_type)
{
if(client_type=="mail")clientWindow = window.open("$PM_URL$","pmw","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="send")clientWindow = window.open("/index/14-999-0-1","pms","scrollbars=1,top=0,left=0,resizable=1,width=850,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="options")clientWindow = window.open("/index/11","options","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="users")clientWindow = window.open("$USERS_LIST_URL$","users","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
if(client_type=="rules")clientWindow = window.open("/rules.html","rules","scrollbars=1,top=0,left=0,resizable=1,width=680,height=350") || alert("Отключите блокировку всплывающих окон!");
}
</script>
<?else?>
<br> $LOGIN_FORM$
<?endif?>

<div align="center"></div></td></tr>
</tbody></table>
</td>
</tr>
<tr><td valign="top" id="bt3" style="padding:0px 0px 0px 0px;"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" id="btfon" cellspacing="0" width="100%">
<tbody><tr>
<td>
</td></tr>
</tbody></table>
</td>
</tr>
</tbody></table>

</td>
</tr>
</tbody></table>

<div id="sfon2">

<table border="0" cellpadding="0" cellspacing="0" width="1000">
<tbody><tr><td valign="top" style="padding:0px 11px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td valign="top" id="m1" style="padding:49px 35px 0px 35px;"><table border="0" cellpadding="0" align="center" cellspacing="0" width="100%" ;>
<tbody><tr>
<td width="30"></td>
<td width="30"></td>
<td id="hmenu"><a href="/"></a></td>
<td><img src="/img/pm.png" border="0"></td>
<td id="hmenu"><a href="/">Главная</a></td>
<td><img src="/img/pm.png" border="0"></td>
<td id="hmenu"><a href="/forum/">Форум</a></td>
<td style="width:220px;"></td>
<td id="hmenu"><a href="http://tytki.com" target="blank">Поддержка</a></td>
<td><img src="/img/pm.png" border="0"></td>
<td id="hmenu"><a href="/load/">Файлы</a></td>
<td><img src="/img/pm.png" border="0"></td>
<td id="hmenu"><a href="/publ/"></a></td>
<td width="30"></td>
</tr>
</tbody></table></td></tr>
</tbody></table>
</td></tr>
</tbody></table>

<div id="sfon3">

<table border="0" cellpadding="0" cellspacing="0" width="1000">
<tbody><tr><td valign="top" align="right" style="padding:0px 0px 0px 10px;">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td valign="top" align="right" style="padding:6px 0px 0px 0px;">

<!-- <block1> -->
<?if($POLL$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="bv11" valign="top"></td></tr>
</tbody></table>

<table border="0" cellpadding="0" id="bv22" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="bv111" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" valign="top" style=" color:#ffffff; font-size:11pt; padding: 8px 0 20 0; "><b>Наши опросы</b></td></tr>
<tr><td valign="top" style="padding:5px 35px 0px 35px;">
$POLL$
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="bv3" valign="top"></td></tr>
</tbody></table>
<?endif?>
<!-- <block1> -->

<!-- <block1> -->
<?if($SEARCH_FORM$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="b1" valign="top"></td></tr>
</tbody></table>
<table border="0" cellpadding="0" id="bv22" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="b2" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" valign="top" style=" color:#ffffff; font-size:11pt; padding: 8px 0 20 0; "><b>Поиск по сайту</b></td></tr>
<tr><td valign="top" align="center" style="padding:20px 35px 0px 35px;">
$SEARCH_FORM$
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="bv3" valign="top"></td></tr>
</tbody></table>
<?endif?>
<!-- <block1> -->

<!-- <block1> -->
<?if($COUNTER$ || $ONLINE_COUNTER$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="b1" valign="top"></td></tr>
</tbody></table>

<table border="0" cellpadding="0" id="bv22" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="b2" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" valign="top" style=" color:#ffffff; font-size:11pt; padding: 8px 0 20 0; "><b>Статистика</b></td></tr>
<tr><td valign="top" align="center" style="padding:5px 35px 0px 35px;">
$COUNTER$<?if($ONLINE_COUNTER$)?><hr>$ONLINE_COUNTER$$ONLINE_USERS_LIST$<hr>$TODAY_BIRTHDAYS$<?endif?>
</td></tr>
</tbody></table>
</td></tr>
</tbody></table>

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" id="bk3" valign="top"></td></tr>
</tbody></table>
<?endif?>
<!-- <block1> -->

</td></tr>
</tbody></table>

</td>

<td valign="top" align="left" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">

<tbody><tr><td valign="top" align="left" style="padding:0px 40px 0px 0px;">
<table border="0" align="left" cellpadding="0" cellspacing="0" width="705">
<tbody><tr>
<td>
<table border="0" align="left" width="467" cellpadding="0" cellspacing="0">
<tbody><tr>

<td valign="top" id="nban" width="467" style="padding:68px 0px 0px 60px;"><a target="_blank" href="http://wonderage.org/"><img src="http://alkashi.ucoz.ru/img/wonderage.png" width="345" height="60" border="0"></a></td>

</tr>
</tbody></table>
<table border="0" align="left" width="238" cellpadding="0" cellspacing="0">
<tbody><tr>
<td valign="top" id="nmenu" width="238" style="padding:30px 20px 0px 20px;"><div style="display:inline;" id="menuDiv"><!-- UcoZMenu --><ul class="uz">

<li class="m"><a class="m" href="">Главная страница</a></li>
<li class="m"><a class="m" href="/load/">Каталог файлов</a></li>
<li class="m"><a class="m" href="/forum/">Форум</a></li>

</ul><!-- /UcoZMenu --></div><script type="text/javascript">try { var nl=document.getElementById('menuDiv').getElementsByTagName('a'); var found=-1; var url=document.location.href+'/'; var len=0; for (var i=0;i<nl.length;i++){ if (url.indexOf(nl[i].href)>=0){ if (found==-1 || len<nl[i].href.length){ found=i; len=nl[i].href.length; } } } if (found>=0){ nl[found].className='ma'; } } catch(e){}</script></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</td></tr>
<tr><td valign="top" align="right" style="padding:0px 0px 0px 0px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td valign="top" id="sss" width="705" style="padding:0px 70px 0px 30px;">

<!-- <body> -->
<body>
$ADMIN_BAR$

<span style="color:#000000;font:15pt Verdana,Tahoma;"><!-- <logo> -->Форум клана Алкаши<!-- </logo> --></span><br>
<hr>
Уважаемые! Зарегайтесь, чтобы увидеть форум с формой заявки на вступление, и после подтверждения заявки Вы будете перемещены в группу, которой доступен форум клана.
<hr>
<br>
<a href="$HOME_PAGE_LINK$" title="Главная"><!--<s5176>-->Главная<!--</s>--></a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Мой профиль"><!--<s5214>-->Мой профиль<!--</s>--></a><?else?> | <a href="$REGISTER_LINK$" title="Регистрация"><!--<s3089>-->Регистрация<!--</s>--></a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Выход"><!--<s5164>-->Выход<!--</s>--></a><?else?> | <a href="$LOGIN_LINK$" title="Вход"><!--<s3087>-->Вход<!--</s>--></a><?endif?><?endif?>
</div>
<table cellpadding="0" cellspacing="0" border="0" width="100%" height="260" style="background:url('/.s/t/993/2.gif');">

</table>

<table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">

<div class="forumContent"><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td align="right">[<?if($USER_LOGGED_IN$)?>
<a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> ·
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s9.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> ·
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
</table>
$BODY$</div><br />

</td></tr></table>
<!-- </body> -->

</td></tr>
<tr><td valign="top" id="nnn" style="padding:0px 0px 0px 0px;"></td></tr>
</tbody></table>
</td></tr>

</tbody></table>
</td>

</tr>
</tbody></table>

<div id="niz">

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody><tr><td align="center" style="color:#000000; padding:33px 110px 0px 0px; ">$POWERED_BY$</td></tbody></table></td></tbody></table>
<!-- </popup> -->
<?if($PAGE_ID$='threadpage')?>
<script type="text/javascript">
$(document).ready(function(){
// Start DocumentReady
// Start click(function)
$("td.posttdMessage a[title^='Нажмите']").click(function(){
showImg(this.href);
return false;
});
// Start function (showImg)
function showImg(url){
new _uWnd('myWndFullImg','Полное изображение','10','10', popup:1,moda:0,waitimages:30000,autosizewidth:1,hideonresize:1, autosize:1,minh:100,minw:100,min:0,max:0,resize:1}, '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" />');
};
// End DocumentReady
});
</script>
<?endif?>
</body></html>

В конец кода добавил Ваш.

А вот:

Quote (likbezz)
- Так её в текст вставлять нужно ... ヅ ... Умора ....

отут я сам понимаю - что нужно но наверное еще не проснулся в то время и чето не раздуплил где там и как на юкозе их добавлять после загрузки ссылкой в текст.

Добавлено (04.11.2010, 15:29)
---------------------------------------------
http://s003.radikal.ru/i203/1011/54/9ce3b5419730.jpg
Сори ссылку на форум не могу дать - потому-что темы закрыты от просмотра непроверенных пользователей.

 
Дата: Четверг, 04.11.2010, 22:47 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Гость,
Quote (Гость)
В Харькове есть академия - http://www.itstep.org ШАГ- там вроде учат чему-то smile

- Ну, хорошо. Академия есть. Но вы же не думаете, что все, или большинство - учились коддингу/WEB-программировани в уч.заведениях? .....
В МИФИ, например, на факультете Кибернетики учат языкам программирования, криптографии и низкоуровнего разбора сетевых протоколов ..... но с повседневными задачами Web-коддинга - это мало схоже.
Да, несомненно - не зная основ - вобще нечего делать, а основы - там преподают. И неплохо. Но, они доступны - свободно доступны, и любому смертному. Было бы желание.
Quote (Гость)
Сори ссылку на форум не могу дать - потому-что темы закрыты от просмотра непроверенных пользователей.

- Так создайте тестового ..... biggrin
Вот пример - код вашего шаблона ....
☑ Пример .....
...
Скрипт и прочее - в исходнике. Вставлять «как есть» - нельзя - я добавил таблицу и закоментировал ваши скрипты - кучу ошибок выдавали ....
Код картинки - из поста выше.

 
Дата: Четверг, 04.11.2010, 23:41 |
Группа: Гости





 Да, неосилить мне видать.
Прошу помощи, теперь уже большой smile
Создал тестовый форум:
http://alkashi.ucoz.ru/forum/

Есть тестовый пользователь
ник: ****
пасс: *****

Этот пользователь модератор того тестового форума.

Прошу уважаемый "аццкий кодер" smile Никак без твоего прямого вмешательства. Код Шаблона у тебя есть, помоги плиз как правильно сделать.

 
Дата: Пятница, 05.11.2010, 09:26 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


 Гость,
biggrin ... ну ваще ...
Quote (Гость)
Этот пользователь модератор того тестового форума.

- ну и как «модератор» будет редактировать шаблон форума - у него доступа к изменению дизайна сайта нет ..... ヅ ....
- а так - смотри - что-то напутал .....

.... и как вы умудряетесь ......
- скрипт скачай (прикрепление), и вместо кода воткни ссылку ....
Quote
<script type="text/javascript" src="http://likbezz.ucoz.ru/_theme/_script/_ext/show_img.js"></script>

- в то же место, не вме́стЕ, а вме́стО кода.. ...
....
Себе не забудь закачать - не факт, что он будет долго лежать ....
....
☑ Пример, как должно быть .... - Где, посередине - картинка ....
Прикрепления: 4590239.js (0.6 Kb) · 3635472.png (6.7 Kb) · alkashi.html (69.8 Kb)

 
Дата: Пятница, 05.11.2010, 17:16 |
Группа: Гости





 Не - ну я понимаю разницу между модератором и админом конечно :) просто бОльшего ничего не могу сделать :(
Или может и могу, я в асю вечером дам лог и пасс админа чтоб ты посмотрел, если ты не против конечно.

А со скриптом попробую поковырять.

Спасибо тебе дорогой - что тратишь время и обьясняешь.

 
Дата: Пятница, 05.11.2010, 23:26 |
Группа: Гости





 Спасибо Спасибо!!!!
Код отличный, кодер вообще замечательный!
Благодарю!

 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Как сделать... » Как сделать открытие картинок в аякс окне на форуме ... (Открытие картинок в аякс окне. uCoz, JavaScript.)
  • Страница 1 из 9
  • 1
  • 2
  • 3
  • …
  • 8
  • 9
  • »
Поиск:


Мобильная версия