Оформление результатов поиска картинками-превью.
2012-02-09 Дата: Четверг, 09.02.2012, 11:44 | Сообщение # 31
Генерал-майор
Группа: Пользователи
Статус: Offline
likbezz , смотри: Пу -- поиск-- Страница поиска заменил $BODY$ на: Code
<div id="searchText">$BODY$</div> <script type="text/javascript"> $('#searchText div.eTitle a').each(function(){var c=$(this),cont=c.parents('td:eq(0)').find('div.eMessage'),url=this.href; if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(a){var b=$(a).find('.eMessage img')||$(a).find('.eText img'),src=null; for(var i=0;i<b.length;i++){if(!/ucoz.net/i.test(b[i].src)){ src=b[i].src;cont.prepend($('<img/>').attr('src',src).addClass('preview'));break}}})}; }); </script>
в Страница с полной фотографией и комментариями, прописал: Code
<tr><td colspan="2" align="center"><span class="eMessage">$PHOTO$<span></td></tr>
Не работает!!!
2012-02-09 Дата: Четверг, 09.02.2012, 12:35 | Сообщение # 32
Аццкий кодер
Группа: Администраторы
Статус: Unknown
bandjuk , Quote (bandjuk )
Пу -- поиск-- Страница поиска заменил $BODY$ на:
Ну да, почти правильно: Code
<script type="text/javascript"> $('#searchText div.eTitle a').each(function(){var c=$(this),cont=c.parents('td:eq(0)').find('div.eMessage'),url=this.href; if(/load|publ|blog|dir|news|photo/i.test(url.toLowerCase())){ $.get(url,{},function(a){var b=$(a).find('.eMessage img')||$(a).find('.eText img'),src=null; for(var i=0;i<b.length;i++){if(!/ucoz.net/i.test(b[i].src)){ src=b[i].src;cont.prepend($('<img/>').attr('src',src).addClass('preview'));break}}})}; }); </script>
... Кроме того, у тебя в поиске - «Вид материалов» должен быть блок eMessage куда будет вставляться найденная картинка. То бишь, шаблон вид материалов, примерно должен выглядеть так: Quote (HTML )
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tr><td style="padding:3px;"> <div class="eTitle" style="text-align:left;font-weight:normal"><a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MESSAGE$)?> <div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div><?endif?> <div class="eDetails" style="clear:both;">$ENTRY_DEPTH$ <?if($SAVING_DATE$)?>- $SAVING_DATE$<?endif?></div></td></tr></table><br />
То, что выделено красным - удалить, так как у фоток нет описания ... а блок нужен для скрипта. ... И вот этот код выдаёт постоянную ошибку. Code
$(document).ready(function(){ $("a").easyTooltip(); });
Видимо, easyTooltip(); не подключён )
2012-02-09 Дата: Четверг, 09.02.2012, 13:22 | Сообщение # 33
Генерал-майор
Группа: Пользователи
Статус: Offline
likbezz , дружище, спасибо тебе огромное! Всё работает! Насчёт кода ошибки, то когда удалял, спешил, вот и забыл смахуть лишнее!
2012-02-14 Дата: Вторник, 14.02.2012, 12:30 | Сообщение # 34
Рядовой
Группа: Проверенные
Статус: Offline
День добрый! Вопрос так же по поиску на сайте. Никак не могу понять что и куда. 1. Шаблон не стандартный. 2. Раздел каталог статей. 3. На станице материала и комментариях к нему установлен $BRIEF$ вместо $MESSAGE$, т.е. в $BRIEF$ добавляется описание. 4. Подскажи пожалуйста что сделать что бы заработал поиск с картинкой. Спасибо.
Сообщение отредактировал ebokbak - Четверг, 16.02.2012, 11:19
2012-02-14 Дата: Вторник, 14.02.2012, 13:39 | Сообщение # 35
Аццкий кодер
Группа: Администраторы
Статус: Unknown
ebokbak , Quote (ebokbak )
5. Подскажи пожалуйста что сделать что бы заработал поиск с картинкой.
О-о. нет .... в вашем шаблоне ... я разбираться не хочу ... уж больно мусорно: И всё это для одного блока .... Code
<div class="rt-block"> <div id="rt-mainbody"> <div class="rt-joomla "> <div class="rt-blog"> <div class="rt-teaser-articles"> <div class="width100"> <div class="rt-article "> <div class="module-full"> <div class="module-surround"> <div class="module-tm"> <div class="module-l"> <div class="module-r"> <div class="module-bm"> <div class="module-tl"> <div class="module-tr"> <div class="module-bl"> <div class="module-br"> <div class="rt-article-bg"> <div class="rt-headline"> <div class="module-title"> <div class="module-title2"> <div class="module-title3"> <a href="http://tvfru.ru/publ/multfilmy/zarubezhnye_multfilmy/avatar_legenda_ob_aange_trilogija_avatar_the_last_airbender/39-1-0-80"> <h1 class="rt-article-title"><span></span> <b>Аватар</b>: Легенда об Аанге / Avatar: The Last Airbender </h1> </a> </div> </div> </div> <div class="clear"></div> <div style="float: right;"></div> </div> <div class="rt-article-content"> <p class="demo-img"> <!-- <Верхняя часть, где редактировать видео> --> </p> <div style="text-align: center;"><span style="margin: 0px; padding: 0px; border-width: 0px; outline-width: 0px; vertical-align: baseline; background-color: rgb(245, 245, 245); font-size: 12px; line-height: 15px;"> <h2 style="text-align: left; background-color: rgb(255, 255, 255); outline-style: none; text-decoration: none ! important; padding: 0px 0px 6px; margin: 0px; font: bold 18px Arial,Helvetica,sans-serif;"> <font color="#0e1a27"><div class="rt-article-content" style="margin: 0px; padding: 0px; border-width: 0px; outline-width: 0px; font-size: 12px; vertical-align: baseline; background-color: rgb(245, 245, 245); font-family: Helvetica,Arial,FreeSans,sans-serif; font-weight: normal;"> <div style="margin: 0px; padding: 0px; border-width: 0px; outline-width: 0px; vertical-align: baseline; background-color: transparent;"></div></div></font></h2> <div style="text-align: left;"><table style="margin-right: 30px; color: rgb(14, 26, 39); font-size: 12px; line-height: 15px; text-align: left; background-color: rgb(255, 255, 255);" cellpadding="0" cellspacing="0" width="100%"><tbody><tr> <td class="list" style="padding: 0px; margin: 0px; vertical-align: top; color: rgb(0, 0, 0); font: 12px/15px Tahoma,Helvetica,sans-serif; background-image: url("http://tvfru.ru/images/Arhiv/dlyakino.jpg"); width: 170px; height: 215px; background-position: 0px 0px; background-repeat: no-repeat;"> <font style="outline-style: none; color: rgb(40, 165, 206);" face="Tahoma"> <a href="http://tvfru.ru/publ/multfilmy/zarubezhnye_multfilmy/avatar_legenda_ob_aange_trilogija_avatar_the_last_airbender/39-1-0-80"><img src="" class="preview" alt=" <b>Аватар</b>: Легенда об Аанге / Avatar: The Last Airbender Смотреть онлайн бесплатно" style="border-style: none; padding: 16px 15px 0px 19px;" width="120px"></a></font> </td><td class="story" style="padding: 0px; margin: 0px; vertical-align: top; font: 12px/15px Tahoma,Helvetica,sans-serif;"> <font face="Tahoma"></font><h2 style="outline-style: none; text-decoration: none ! important; padding: 0px 0px 6px; margin: 0px; font: bold 18px Arial,Helvetica,sans-serif;"></h2> <font face="Tahoma"> </font><h2 style="margin: 0px; padding: 0px 0px 6px; border-width: 0px; outline-style: none; vertical-align: baseline; letter-spacing: -1px; font: bold 18px Arial,Helvetica,sans-serif;"> <font face="Tahoma"> <font color="#000000"><a href="http://tvfru.ru/publ/multfilmy/zarubezhnye_multfilmy/avatar_legenda_ob_aange_trilogija_avatar_the_last_airbender/39-1-0-80"> <b>Аватар</b>: Легенда об Аанге / Avatar: The Last Airbender </a></font></font></h2><span style="color: rgb(0, 0, 0);"> <font face="Tahoma"> <a href=""></a></font> <font face="Tahoma"><br><br style="line-height: 6px;"><font color="#000000"><span style=""><img src="http://tvfru.ru/images/Arhiv/inf.jpg" style="border-style: none;" align="absmiddle" border="0" height="16px" width="16px"></span> </font><span style="color: rgb(102, 102, 102); line-height: 20px; background-color: rgb(245, 245, 245);"> </span><font color="#000000"> <br></font><br></font><font face="Verdana, Tahoma, Arial"><span style="font-size: 11px; line-height: normal;"><a href="http://tvfru.ru/publ/multfilmy/zarubezhnye_multfilmy/avatar_legenda_ob_aange_trilogija_avatar_the_last_airbender/39-1-0-80"><img src="http://tvfru.ru/images/Arhiv/KHOnka.jpg" border="0"></a></span></font> </span></td></tr></tbody></table></div></span></div> </div> <div class="clear"></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div>
я в шоке ...
2012-02-24 Дата: Пятница, 24.02.2012, 15:27 | Сообщение # 36
Quote
Там же, в шаблоне - у вас прописано: Code <style type="text/css"> /* StartStyle */ img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;} /* EndStyle */ </style> Поменять: width:100px;height:100px; - на нужные вам цифры.
К сожалению у себя не нашел как поменять размер. Делаю для фотогалереи. Сам скрипт работает, но выдает размер, который на странице фото и комментариев. В модуле поиска вид материалов стандартный код, в странице поменял только для скрипта. Вобщем загвоздка только в уменьшении превьюшек. Заранее спасибо
2012-02-24 Дата: Пятница, 24.02.2012, 16:25 | Сообщение # 37
Аццкий кодер
Группа: Администраторы
Статус: Unknown
Гость , Quote (Гость )
К сожалению у себя не нашел как поменять размер. Делаю для фотогалереи.
В смысле “не нашёл”? ... Вы стили, что указали в цитате добавляли в шаблон страницы поиска? ... Если да - то они должны там быть, если нет - добавьте. Если, вдруг все равно не будут уменьшаться - пропишите вот так: Quote (CSS )
<style type="text/css"> /* StartStyle */ img.preview{width:100px!important ;height:auto!important ;float:left;margin:3px 7px 3px 0px!important ;display:inline;} /* EndStyle */ </style>
Если же даже так, не будет никакого эффекта, значит вы делаете что-то не правильно, и тогда оставляйте ссылку на страницу поиска. ...
2012-02-24 Дата: Пятница, 24.02.2012, 16:35 | Сообщение # 38
Генерал-майор
Группа: Пользователи
Статус: Offline
likbezz , я уже ему помог! ) Проблема в том, что ты слишком заумно пишеш для простых пользователей (без обид!) Нужно написать так: Эту строку вставляем в самый низ (верх): Панель управления -- управление дизайном -- таблица стилей Css. Code
img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;}
где width:100px; - длина картинки. и т.д. Т.е. всё подробно и понятно! Я понимаю, что это муторно, но сразу отпадёт необходимость объяснять одно и то же по 5 раз! Ведь у каждого разный уровень знаний! Это просто дружеский совет! ))
2012-02-25 Дата: Суббота, 25.02.2012, 00:25 | Сообщение # 39
Аццкий кодер
Группа: Администраторы
Статус: Unknown
bandjuk , Quote (bandjuk )
Проблема в том, что ты слишком заумно пишеш для простых пользователей
) Да, в чём-то ты прав )
2012-02-29 Дата: Среда, 29.02.2012, 05:43 | Сообщение # 40
Лейтенант
Группа: Постоянные
Статус: Offline
likbezz , Привет! Скажи пожалуйста то что ты написал вот здесь Quote
<style type="text/css"> /* StartStyle */ img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;} /* EndStyle */ </style>
не как не подходить по мой шаблон. Я сколько старался перезаписать что то не получается вот который перезаписал под свой шаблон Code
$(function(){ $('#searchText div.yt-tile-default div.result-item a.yt-uix-tile-link a').each(function(){ var el=$(this),$this=el.parents('div.result-item div.yt-uix-tile div.yt-tile-default'),url=el.attr('href'); if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(data){var src=$(data).find('td.eMessage img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){$this.find('p.description').prepend($('<img/>').attr('src', src).addClass('clip-inner'));}; });};}); });
А вот мой Вид материала страница поиска Code
<div class="result-item yt-tile-default"> <div class="thumb-container"> <a href="$ENTRY_URL$" class="ux-thumb-wrap contains-addto result-item-thumb"> <span class="video-thumb ux-thumb ux-thumb-128 "> <span class="clip"> <span class="clip-inner"> <img class="" alt="Значок видео" src="//i4.ytimg.com/vi/$AUTHOR_NAME$/default.jpg"> <span class="vertical-align"> </span> </span> </span> </span> <span class="video-time">$NUMBER$</span> </a> </div> <div class="result-item-main-content"> <div class="video-translation-links"> <div class="hid">video lang: ru</div> </div> <h3 id="video-long-title-w8niIgpK6Tk"> <a href="$ENTRY_URL$" class="yt-uix-tile-link" dir="ltr" title="$TITLE$">$TITLE$</a></h3> <p id="video-description-w8niIgpK6Tk" class="description " dir="ltr">$MESSAGE$</p> <p class="facets"> <span class="viewcount">$ENTRY_DEPTH$</span><br /> <span class="username-prepend"></span><a href="#" class="yt-user-name " dir="ltr">StudioRR</a> <span class="metadata-separator">|</span> <span class="date-added">Добавлен в:$SAVING_DATE$</span> </p> </div> </div>
Если не трудно поправь пожалуйста по братски, а то до за это не спал всю ночь
2012-02-29 Дата: Среда, 29.02.2012, 06:48 | Сообщение # 41
Аццкий кодер
Группа: Администраторы
Статус: Unknown
samirmm , Quote (samirmm )
не как не подходить по мой шаблон.
В смысле не подходит? ... Почему не подходит? ... Quote (samirmm )
А вот мой Вид материала страница поиска
А это что вообще такое? Операторы: $AUTHOR_NAME$ не работают в данном шаблоне, а такого: $SAVING_DATE$ вообще, по моему, нет ... ни в одном шаблоне. ... Вы что хотите сделать, не пойму? ... ... Quote (samirmm )
вот который перезаписал под свой шаблон
Не будет работать - синтаксические ошибки: Code
el.parents('div.result-item div.yt-uix-tile div.yt-tile-default')
Может быть только родитель, а не набор или последовательность. ...
2012-02-29 Дата: Среда, 29.02.2012, 18:32 | Сообщение # 42
Лейтенант
Группа: Постоянные
Статус: Offline
Quote (likbezz )
В смысле не подходит? ... Почему не подходит? ...
Потому что у меня не стандартный таблица стилей, по этому не подходит. Но надо переделать! Просто я хотел узнать что это скрипт инфо от какого модуля берет, только с страница поиска или везде где встречаются table.eBlock div.eTitle td.eMessage div.eMessage Почему я спрашиваю это? потому что у меня в шаблоне все css по разному, каждая страница сделано ручную по отдельности Примерно скажу...... вот в страница поиска это выглядит вот так Code
<p id="video-description-w8niIgpK6Tk" class="description " dir="ltr">$MESSAGE$</p>
а не как в стандартном дизайне Code
<div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;">$MESSAGE$</div>
а в модуле каталог статей это вот так Code
<div id="watch-description-text"> <p id="eow-description">$MESSAGE$</p> </div>
Вот в чем дела ...... Если говоришь не возможно , это не так возможно потому что google пр поиске импортирует с фото. вот смотри Quote (likbezz )
А это что вообще такое? Операторы: $AUTHOR_NAME$ не работают в данном шаблоне, а такого: $SAVING_DATE$ вообще, по моему, нет ... ни в одном шаблоне. ... Вы что хотите сделать, не пойму? ... ...
Операторы: $AUTHOR_NAME$ это я просто в модуле страница поиска , для проба поставил. А оператор $AUTHOR_NAME$ я использовал к целю вложение кода с ютуба в нем находится фото и код видео в шифрованном виде, примерно вот так jUbn1yUFNRY а при показа странице видно вот так фото.jpg или видео.avi еще в других страницах для скреншота я использовал код $OTHER....12345$ Quote (likbezz )
Не будет работать - синтаксические ошибки: Code el.parents('div.result-item div.yt-uix-tile div.yt-tile-default') Может быть только родитель, а не набор или последовательность. ...
Я очень прошу тебя объясни пожалуйста как и где что написать в стиле и скажи возможно с моим шаблонам сделать что не будь или нет. Вот страница который с видом материала в board с оператором $AUTHOR_NAME$ А вот страница который с видом материала в (dir) с оператором $OTHER...121345$ Заранее благодарен что всем отвечаешь без отказа ,пусть (ALLAX) бох всегда с тобой будет и тебя поможет
2012-03-01 Дата: Четверг, 01.03.2012, 01:16 | Сообщение # 43
Аццкий кодер
Группа: Администраторы
Статус: Unknown
samirmm , Quote (samirmm )
Просто я хотел узнать что это скрипт инфо от какого модуля берет, только с страница поиска или везде где встречаются table.eBlock div.eTitle td.eMessage div.eMessage
Этот скрипт вытаскивает данные из модулей что указаны в самом скрипте: Quote
if(/load|publ|blog|dir|news /1.test(url.toLowerCase()))
По ссылке, что ссылается на найденный материал. ... Quote (samirmm )
Я очень прошу тебя объясни пожалуйста как и где что написать в стиле
Ты же сам сказал, у тебя все шаблоны разные. Так что, затачивать скрипт под себя это твоя задача. Но в общем, для \board\ должен выглядеть как-то так: Code
<script type="text/javascript"> $(function(){ $('#searchText a.yt-uix-tile-link').each(function(){ var el=$(this),$this=el.parents('div.result-item'),url=el.attr('href'); if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(data){var src=$(data).find('div.entity-video-item img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){$this.find('span.clip-inner').prepend($('<img/>').attr('src', src).addClass('clip-inner'));}; });};}); }); </script>
... Quote (samirmm )
и скажи возможно с моим шаблонам сделать что не будь или нет.
В смысле “что нибудь сделать”? ... Скрипт можно настроить что бы работал с вашим шаблоном. ...
2012-03-01 Дата: Четверг, 01.03.2012, 05:19 | Сообщение # 44
Лейтенант
Группа: Постоянные
Статус: Offline
likbezz , Спасибо за ответь ша я пробую переделатьДобавлено (01.03.2012, 05:19) ---------------------------------------------likbezz , Короче не получается у меня тут каждая модуля есть свой стиль. Я так подумал что с тобой посоветоваться Если я не трогая в разных модулях, и добавит доп стиль, перед стоящий стиле не будет мешать друг друга? Примерно вот так вот у меня который стоить DIV Стилем
Code
<p id="video-description-w8niIgpK6Tk" class="description " dir="ltr">$MESSAGE$</p>
и перед этого тега ставить вот так Code
<div class="eMessage"><p id="video-description-w8niIgpK6Tk" class="description " dir="ltr">$MESSAGE$</p></div>
И остальные тоже самое сделать как думаешь получится допустим у меня Code
<h3 id="video-long-title-w8niIgpK6Tk"> <a href="$ENTRY_URL$" class="yt-uix-tile-link" dir="ltr" title="$TITLE$"><$TITLE$</a></h3>
Тоже сделать вот так Code
<h3 id="video-long-title-w8niIgpK6Tk"> <a href="$ENTRY_URL$" class="yt-uix-tile-link" dir="ltr" title="$TITLE$"><div class="eTitle">$TITLE$</div></a></h3>
И скажи пожалуйста если это получится, на всех модулях надо сделать доп DIV С Стилем или только в странице поиска ? И в твоем скрипте что надо менять если так сделаю Code
<div clclass="eBlock"> <div class="result-item yt-tile-default"> <div class="thumb-container"> <a href="$ENTRY_URL$" class="ux-thumb-wrap contains-addto result-item-thumb"> <span class="video-thumb ux-thumb ux-thumb-128 "> <span class="clip"> <span class="clip-inner"> <img class="" alt="Значок видео" src="//i4.ytimg.com/vi/$AUTHOR_NAME$/default.jpg"> <span class="vertical-align"> </span> </span> </span> </span> <span class="video-time">$NUMBER$</span> </a> </div> <div class="result-item-main-content"> <div class="video-translation-links"> <div class="hid">video lang: ru</div> </div> <h3 id="video-long-title-w8niIgpK6Tk"> <a href="$ENTRY_URL$" class="yt-uix-tile-link" dir="ltr" title="$TITLE$"><div class="eTitle">$TITLE$</div></a></h3> <p id="video-description-w8niIgpK6Tk" class="description " dir="ltr"> <?if($MESSAGE$)?><div class="eMessage"> $MESSAGE$</div><?endif?> </p> <p class="facets"> <span class="viewcount">$ENTRY_DEPTH$</span><br /> <span class="username-prepend"></span><a href="#" class="yt-user-name " dir="ltr">StudioRR</a> <span class="metadata-separator">|</span> <span class="date-added">Добавлен в:$SAVING_DATE$</span> </p> </div> </div> </div>
2012-03-01 Дата: Четверг, 01.03.2012, 05:55 | Сообщение # 45
Аццкий кодер
Группа: Администраторы
Статус: Unknown
samirmm , Quote (samirmm )
вот у меня который стоить DIV Стилем
Code
<p id="video-description-w8niIgpK6Tk" class="description " dir="ltr">$MESSAGE$</p>
и перед этого тега ставить вот так
Code
<div class="eMessage"><p id="video-description-w8niIgpK6Tk" class="description " dir="ltr">$MESSAGE$</p></div>
Уж проще, вот так: Code
<p id="video-description-w8niIgpK6Tk" class="description eMessage" dir="ltr">$MESSAGE$</p>
- просто добавить класс. ... Quote (samirmm )
Тоже сделать вот так
А здесь-то зачем? Это же вид результатов поиска, скрипт я поправил под данный класс - «yt-uix-tile-link» - этого достаточно. ... Quote (samirmm )
И скажи пожалуйста если это получится, на всех модулях надо сделать доп DIV С Стилем или только в странице поиска ?
Во всех шаблонах «Материал и комментарии к нему », на странице поиска нечего править. ... Quote (samirmm )
И в твоем скрипте что надо менять если так сделаю
Code
<script type="text/javascript"> $(function(){ $('#searchText a.yt-uix-tile-link').each(function(){ var el=$(this),$this=el.parents('div.result-item'),url=el.attr('href'); if(/load|publ|blog|dir|news/i.test(url.toLowerCase())){ $.get(url,{},function(data){var src=$(data).find('.eMessage img:eq(0)').attr('src')||'undefined'; if(src!=='undefined'){$this.find('span.clip-inner').prepend($('<img/>').attr('src', src).addClass('clip-inner'));}; });};}); }); </script>
...