Как сделать открытие картинок в аякс окне на форуме ...
|
|
[1] likbezz [01.07.2010, 00:28] |
Тема про превьюшко, картинки при клике ......... и прочее - в таком духе ... на тему «как» ... |
|
[2] Гость [01.07.2010, 00:28] |
Добрый день. Прошу показать\рассказать\расписать "на пальцах" как правильно сделать превью фотографии\картинки\рисунка вставленного в сообщение на форуме (что бы картинка в сообщении была небольшого размера, скажем 100-200 пикс), а после нажатия, открывалась в полный размер! Спасибо |
|
[3] likbezz [01.07.2010, 02:16] |
Гость, Цитирую: 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 байт) ....
... Скриншот ........ ヅ .... ...
☑ Пример работы (Как сделать превью фотографии/картинки/рисунка на форуме ... )
...
|
|
[4] Гость [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?> Но вэтом коде необходимо указывать урл изображения и его имя и еще нужные возможно параметры, опять таки если я правильно понял. И тут я перестаю догонять, если в коде шаблона я добавляю урл картинки, которую нужно превью делать, то как быть с остальными картинками? или может в написании самого сообщения нужно как-то делать код картинки? И будут ли картинки - которые юзеры прикреплять в своих постах тоже сами делаться превьюшками. |
|
[5] likbezz [03.11.2010, 23:48] |
Гость, 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 .... - но мне пришлось их уменьшить ..... ヅ ... картинка больно маленькая .... ヅ
|
|
[6] Гость [04.11.2010, 11:24] |
Quote (likbezz) Понятно? - если нет - дальше не читай. Вродебы понятно (просто я самоучка и нормально знаю только хтмл, а css php и все остальное с чем приходится сталкиватся ковыряю только лишь с помощью поиска в гугле, либо с учебником), я просто не знаю всех этих функций и как они могут работать, вот и думал что вот сдесь в коде : Quote (likbezz) '<img src=\"'+url+'\" alt=\"Полное изображение\" title=\"Полное изображение\" Нужно будет указывать именно урл картинки с надписями в альт и титл, вот и не доганял дальше - зачем же в шаблоне указывать урл избражения. Значит все - что необходимо сделать - это просто добавить Ваш код в шаблон форума, верно? Добавил код, пишу пост, прикрепляю картинку, и сама картинка не появляется в посте (только лишь ссылка вида "Прикрепления: 5420816.jpg(64Kb)"), если ставлю в тексте сообщения тег $IMAGE1$ - то есть превью при клике открывается сообщение в новом окне, а так как в Вас не получается как ни крути. Где-то видать туплю, не укажешь мне где? |
|
[7] likbezz [04.11.2010, 12:36] |
Гость, Quote (Гость) просто я самоучка - Покажите пальцем кто НЕ самоучка. .... Этому нигде не учат - а основы - грубо - правила дорожного движения - доступны каждому. Так что, если проводить параллель - наличие прав, ещё не говорит о мастерстве вождения. ... Так, отступление от темы ... Quote (Гость) я просто не знаю всех этих функций - Основных функций - не так уж и много, .... и знать что, примерно, они делают - просто необходимо. Запомнить. Как таблицу умножения. Тем более, большинство из них понятно, из имени/названия.... Code document.getElementById('elementID').style.background=''; ... Quote (Гость) Значит все - что необходимо сделать - это просто добавить Ваш код в шаблон форума, верно? ... Ну, в принципе - да. После всего контента. Quote (Гость) Добавил код, пишу пост, прикрепляю картинку, и сама картинка не появляется в посте (только лишь ссылка вида "Прикрепления: 5420816.jpg(64Kb)") - Так её в текст вставлять нужно ... ヅ ... Умора .... Quote (Гость) Где-то видать туплю, не укажешь мне где? ... Методом? ... Гадания на кофейной гущи. Извиняй - чего не умею - того не умею ..... А ссылку ты не оставил. ヅ |
|
[8] likbezz [04.11.2010, 12:48] |
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> |
|
[9] Гость [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 |
|
[10] Гость [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 Сори ссылку на форум не могу дать - потому-что темы закрыты от просмотра непроверенных пользователей. |
|
[11] likbezz [04.11.2010, 22:47] |
Гость, Quote (Гость) В Харькове есть академия - http://www.itstep.org ШАГ- там вроде учат чему-то - Ну, хорошо. Академия есть. Но вы же не думаете, что все, или большинство - учились коддингу/WEB-программировани в уч.заведениях? ..... В МИФИ, например, на факультете Кибернетики учат языкам программирования, криптографии и низкоуровнего разбора сетевых протоколов ..... но с повседневными задачами Web-коддинга - это мало схоже. Да, несомненно - не зная основ - вобще нечего делать, а основы - там преподают. И неплохо. Но, они доступны - свободно доступны, и любому смертному. Было бы желание. Quote (Гость) Сори ссылку на форум не могу дать - потому-что темы закрыты от просмотра непроверенных пользователей. - Так создайте тестового ..... Вот пример - код вашего шаблона .... ☑ Пример ..... ... Скрипт и прочее - в исходнике. Вставлять «как есть» - нельзя - я добавил таблицу и закоментировал ваши скрипты - кучу ошибок выдавали .... Код картинки - из поста выше. |
|
[12] Гость [04.11.2010, 23:41] |
Да, неосилить мне видать. Прошу помощи, теперь уже большой Создал тестовый форум: http://alkashi.ucoz.ru/forum/ Есть тестовый пользователь ник: **** пасс: ***** Этот пользователь модератор того тестового форума. Прошу уважаемый "аццкий кодер" Никак без твоего прямого вмешательства. Код Шаблона у тебя есть, помоги плиз как правильно сделать. |
|
[13] likbezz [05.11.2010, 09:26] |
Гость, ... ну ваще ... Quote (Гость) Этот пользователь модератор того тестового форума. - ну и как «модератор» будет редактировать шаблон форума - у него доступа к изменению дизайна сайта нет ..... ヅ .... - а так - смотри - что-то напутал ..... .... и как вы умудряетесь ...... - скрипт скачай (прикрепление), и вместо кода воткни ссылку .... Quote <script type="text/javascript" src="http://likbezz.ucoz.ru/_theme/_script/_ext/show_img.js"></script> - в то же место, не вме́стЕ, а вме́стО кода.. ... .... Себе не забудь закачать - не факт, что он будет долго лежать .... .... ☑ Пример, как должно быть .... - Где, посередине - картинка ....
|
|
[14] Гость [05.11.2010, 17:16] |
Не - ну я понимаю разницу между модератором и админом конечно :) просто бОльшего ничего не могу сделать :( Или может и могу, я в асю вечером дам лог и пасс админа чтоб ты посмотрел, если ты не против конечно. А со скриптом попробую поковырять. Спасибо тебе дорогой - что тратишь время и обьясняешь. |
|
[15] Гость [05.11.2010, 23:26] |
Спасибо Спасибо!!!! Код отличный, кодер вообще замечательный! Благодарю! |
|