Оформление результатов поиска картинками-превью.
|
|
[31] bandjuk [09.02.2012, 11:44] |
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>
Не работает!!! |
|
[32] likbezz [09.02.2012, 12:35] |
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(); не подключён ) |
|
[33] bandjuk [09.02.2012, 13:22] |
likbezz, дружище, спасибо тебе огромное! Всё работает! Насчёт кода ошибки, то когда удалял, спешил, вот и забыл смахуть лишнее! |
|
[34] ebokbak [14.02.2012, 12:30] |
День добрый!
Вопрос так же по поиску на сайте. Никак не могу понять что и куда. 1. Шаблон не стандартный. 2. Раздел каталог статей. 3. На станице материала и комментариях к нему установлен $BRIEF$ вместо $MESSAGE$, т.е. в $BRIEF$ добавляется описание. 4. Подскажи пожалуйста что сделать что бы заработал поиск с картинкой.
Спасибо.
Сообщение отредактировал ebokbak - Четверг, 16.02.2012, 11:19 |
|
[35] likbezz [14.02.2012, 13:39] |
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> я в шоке ...
|
|
[36] Гость [24.02.2012, 15:27] |
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; - на нужные вам цифры. К сожалению у себя не нашел как поменять размер. Делаю для фотогалереи. Сам скрипт работает, но выдает размер, который на странице фото и комментариев. В модуле поиска вид материалов стандартный код, в странице поменял только для скрипта. Вобщем загвоздка только в уменьшении превьюшек. Заранее спасибо |
|
[37] likbezz [24.02.2012, 16:25] |
Гость, 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> Если же даже так, не будет никакого эффекта, значит вы делаете что-то не правильно, и тогда оставляйте ссылку на страницу поиска. ... |
|
[38] bandjuk [24.02.2012, 16:35] |
likbezz, я уже ему помог! ) Проблема в том, что ты слишком заумно пишеш для простых пользователей (без обид!) Нужно написать так: Эту строку вставляем в самый низ (верх): Панель управления -- управление дизайном -- таблица стилей Css. Code img.preview{width:100px;height:100px;float:left;margin:3px 7px 3px 0px;display:inline;} где width:100px; - длина картинки. и т.д. Т.е. всё подробно и понятно! Я понимаю, что это муторно, но сразу отпадёт необходимость объяснять одно и то же по 5 раз! Ведь у каждого разный уровень знаний! Это просто дружеский совет! )) |
|
[39] likbezz [25.02.2012, 00:25] |
bandjuk, Quote (bandjuk) Проблема в том, что ты слишком заумно пишеш для простых пользователей ) Да, в чём-то ты прав ) |
|
[40] samirmm [29.02.2012, 05:43] |
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>
Если не трудно поправь пожалуйста по братски, а то до за это не спал всю ночь |
|
[41] likbezz [29.02.2012, 06:48] |
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') Может быть только родитель, а не набор или последовательность. ... |
|
[42] samirmm [29.02.2012, 18:32] |
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) бох всегда с тобой будет и тебя поможет
|
|
[43] likbezz [01.03.2012, 01:16] |
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) и скажи возможно с моим шаблонам сделать что не будь или нет. В смысле “что нибудь сделать”? ... Скрипт можно настроить что бы работал с вашим шаблоном. ... |
|
[44] samirmm [01.03.2012, 05:19] |
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> |
|
[45] likbezz [01.03.2012, 05:55] |
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> ... |
|