Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Оформление результатов поиска картинками-превью. (Тема для подробных/иных вопросов по материалу... Обсуждения.)
Оформление результатов поиска картинками-превью.
Дата: Воскресенье, 20.05.2012, 22:15 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Гость,
Quote (Гость)
я думаю Вам тут объяснить что-как не составит труда)

Здесь вы глубоко ошибаетесь)
...

Короче, в виде исключения.
Вид материалы поиска
Добавляете класс блоку:
Code
<div id="entryID20308">

Что бы было вот так:
Code
<div class="search_box" id="entryID20308">

...

Страница материала и комментарии к нему
Добавляете класс блоку с картинкой:
Code
<div align="center">
<?if($IMG_SMALL_URL1$)?>
<a href="$ENTRY_URL$"><img src="/_example/_img/_anime/_01_800x600_s.jpg" border="0" alt="$TITLE$" /></a>
<?else?><?endif?>
</div>

Что бы было вот так:
Code
<div class="short_image" align="center">
<?if($IMG_SMALL_URL1$)?>
<a href="$ENTRY_URL$"><img src="/_example/_img/_anime/_01_800x600_s.jpg" border="0" alt="$TITLE$" /></a>
<?else?><?endif?>
</div>

Во всех шаблонах Вида материала и комментариев к нему картинка должна быть в блоке с классом short_image.
То бишь, если нужно выводить картинки к материалам другого модуля, открываете шаблон, находите блок, добавляете класс.
...

Сам скрипт:
Code
<script type="text/javascript" src="http://likbezz.ru/_source/_js/search/search_short_img.js"></script>

Как обычно - страницы поиска заменяем $BODY$ на код что ниже.
Code
<div id="searchText">$BODY$</div>
<script type="text/javascript" src="http://likbezz.ru/_source/_js/search/search_short_img.js"></script>

...

С вас 3$ )


 
Дата: Понедельник, 21.05.2012, 04:33 |
Группа: Гости





Гость,
Quote (Гость)
а может все таки в дар поможете.
просто нечем платить.

Оставьте человека покое , как он все ответить , и как всем настроить.

Вот смотрите Если у кого то шаблон от юккоза тогда нажмите меню страницы 1 первая тема начинается
с объяснением для скрипта ОФОРМЛЕНИЕ РЕЗУЛЬТАТОВ ПОИСКА КАРТИНКАМИ-ПРЕВЬЮ. ДЛЯ ЮКОЗ

.....А если кто то взял установил другой шаблон, как у меня или другой какой то
тогда смотрите здесь
Code
http://ges.moy.su/forum/55-244-1#299
настройки другого шаблона, не спеша прочитайте, надеюсь у вас все получится

Вот живой пример настройки другого шаблона
Code
http://studiorr.ucoz.ru/search/?cx=partner-pub-1383914018909771%3A1351578193&cof=FORID%3A10&ie=UTF-8&q=%D1%84%D0%B8%D0%BB%D1%8C%D0%BC%D1%8B


 
Дата: Понедельник, 21.05.2012, 09:40 |
Группа: Гости





likbezz, спасибо вам огромнейшее! Всё получилось, картинка загружается biggrin Вы настоящий ликбез))))))))))))Хотел показать результат, но не нашел как прикрепить файл)
У меня последний вопрос, вот картинка выходит слева, а текст почему-то под ней, а не справа, почему так?


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


Гость,
Quote (Гость)
У меня последний вопрос, вот картинка выходит слева, а текст почему-то под ней, а не справа, почему так?

Перекачайте скрипт, и пропишите стили с шаблон страницы поиска:
Code
<style type="text/css">
img.preview{float:left;margin:3px 7px 3px 0px;display:inline;}
</style>


 
Дата: Воскресенье, 03.06.2012, 14:13 |
lorik
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Добрый!
Уважаемый гуру Юкоза!
Помогите плиз!
Есть сайт (тестовая площадка для основного сайта, т.к. очень плохо разбираюсь в сайтостроении то приходится шаманить на отдельной площадке ибо боюсь что либо испортить) и так ближе к телу
honda.at.ua

Страница поиска:
Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title><?if($SEARCH_QUERY$)?>$SEARCH_QUERY$ - <?endif?>Поиск</title>
<?$META_DESCRIPTION$?>

  <link type="text/css" rel="StyleSheet" href="/style.css" />

<link rel="alternate" type="application/rss+xml" title=" RSS Feed" href="" />
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="" />
<link rel="pingback" href="" />

  <script src="/menu/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
  <link rel="stylesheet" href="/menu/MenuMatic.css" type="text/css" media="screen" charset="utf-8" />
<!--[if lt IE 7]>
  <link rel="stylesheet" href="/menu/MenuMatic-ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<!-- Load the MenuMatic Class -->
  <script src="/menu/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>
<?php echo get_theme_option("head") . "\n"; wp_head(); ?>
</head>
<body>
$ADMIN_BAR$
<script type="text/javascript">
  window.addEvent('domready', function() {  
  var myMenu = new MenuMatic();
  });  
</script>

$GLOBAL_AHEADER$
<table align="center" cellspacing="0" cellpadding="0" width="1090px" id="contentwrap">
<tr >
<td width="227px" valign="top" >  
<div class="sidecont rightsector">
  <div class="sidebar2">
  <ul>
  <!-- <container> -->
  $GLOBAL_CLEFTER$
  <!-- </container> -->
  </ul>
  </div>
</div>
</td>
<td width="636px" valign="top" >

<table width="100%" >
<tr>
<td>
<table width="100%" >
<tr>

<td>$MYINF_5$
</div>
  </td>

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

  <tr >
  <td>
  <!-- <body> -->
<div style="padding:0 0 5px 0;">$SEARCHFORM$</div><div style="padding:4px 4px 0 4px;"><!--<s5248>-->Результаты <b>$NUM_SHOWN$</b> из <b>$NUM_ENTRIES$</b> по запросу <b>$SEARCH_QUERY$</b><!--</s>--></div><hr/>
<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>
  <div align="center">$PAGE_SELECTOR$</div>
<!-- </body> -->  
  </td>
  </tr>
</table>
</td>
<td width="227px" valign="top" >
<div class="sidecont rightsector">
  <div class="sidebar">
  <ul>
  <!-- <container> -->
  $GLOBAL_DRIGHTER$
  <!-- </container> -->
  </ul>
  </div>
</div>
</td>
</tr>
</table>
$GLOBAL_BFOOTER$
</body>
</html>


Вид материалов (поиск):
Code
<table width="630px" cellspacing="0" cellpadding="0">
  <tr class="post_top" valign="top">
  <td height="50px" >
  <div class="date"><span title="$TIME$">$DATE$</span></div>
  <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
  </td>
  </tr>
  <tr class="post">
  <td>
   
  <div class="post_header_bg"><h2 class="post-title"><a href="$ENTRY_URL$" title="$TITLE$">$TITLE$</a></h2></div>
<?if($CATEGORY_NAME$)?> <div class="postmetadata">Опубликовано в категории $CATEGORY_NAME$</div><?endif?>

<div class="entry">$MESSAGE$</div>
<div class="endline"></div>
  <p class="tags"><strong>Метки:</strong> теги </p>  
  <div class="read_comments"><?if($COMMENTS_URL$)?><a href="$COMMENTS_URL$">Читать комментарии<span>($COMMENTS_NUM$)</span></a><?endif?></div>
  </td>
  </tr>
   
  <tr class="post_bottom" >
  <td height="34px">

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


Новости сайта/ Страница материала и коментариев к нему:
Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>$SITE_NAME$ - $MODULE_NAME$</title>
<?$META_DESCRIPTION$?>

  <link type="text/css" rel="StyleSheet" href="/style.css" />

<link rel="alternate" type="application/rss+xml" title=" RSS Feed" href="" />
<link rel="alternate" type="application/atom+xml" title="Atom Feed" href="" />
<link rel="pingback" href="" />

  <script src="/menu/mootools-1.2.5-core-yc.js" type="text/javascript"></script>
  <link rel="stylesheet" href="/menu/MenuMatic.css" type="text/css" media="screen" charset="utf-8" />
<!--[if lt IE 7]>
  <link rel="stylesheet" href="/menu/MenuMatic-ie6.css" type="text/css" media="screen" charset="utf-8" />
<![endif]-->
<!-- Load the MenuMatic Class -->
  <script src="/menu/MenuMatic_0.68.3.js" type="text/javascript" charset="utf-8"></script>
<?php echo get_theme_option("head") . "\n"; wp_head(); ?>

</head>
<body>
$ADMIN_BAR$
<script type="text/javascript">
  window.addEvent('domready', function() {  
  var myMenu = new MenuMatic();
  });  
</script>

$GLOBAL_AHEADER$

<table align="center" cellspacing="0" cellpadding="0" width="1090px" id="contentwrap">
<tr >

<td width="227px" valign="top" >  
<div class="sidecont rightsector">
  <div class="sidebar2">
  <ul>
  <!-- <container> -->
  $GLOBAL_CLEFTER$
  <!-- </container> -->
  </ul>
  </div>
</div>

</td>

<td width="636px" valign="top" >

<table width="100%" >
<tr>
<td>
<table width="100%" >
<tr>

<td>
$MYINF_5$</div>
  </td>

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

  <tr >
  <td>
   
<!-- <body> -->

<table width="630px" cellspacing="0" cellpadding="0">
  <tr class="post_top" valign="top">
  <td height="50px" >
  <div class="date"><span title="$ADD_TIME$">$ADD_TIME$</span></div>
  <?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
  </td>
  </tr>
  <tr class="post">
  <td>
   
  <div class="post_header_bg"><h2 class="post-title">$ENTRY_NAME$</h2></div>
<?if($CAT_NAME$)?> <div class="postmetadata">Опубликовано в категории $CAT_NAME$</div><?endif?>

<div class="entry">$MESSAGE$</div>
   
  <br>Скачать $CAT_NAME$, $ENTRY_TITLE$ можно бесплатно нажав на одну из ссылок:<!--noindex--><?if($OTHER1$)?> <p align="center"><a href="$OTHER1$" rel="nofollow" target="_blank"><img src="http://progiavto.ucoz.ru/knopki/letitbit.png" border="0"> </a> <?endif?>  
<br>  
<?if($OTHER2$)?> <p align="center"><a href="$OTHER2$" rel="nofollow" target="_blank"><img src="http://progiavto.ucoz.ru/knopki/shareflare.png" border="0"> </a> <?endif?>  
<br>  
<?if($OTHER3$)?> <p align="center"><a href="$OTHER3$" rel="nofollow" target="_blank"><img src="http://progiavto.ucoz.ru/knopki/depositfiles.png" border="0"> </a> <?endif?>  
<br>  
  <?if($OTHER4$)?> <p align="center"><a href="$OTHER4$" rel="nofollow" target="_blank"><img src="http://progiavto.ucoz.ru/knopki/unibytes.png" border="0"> </a> <?endif?><!--/noindex--><br><!--noindex--><p align="right"><script src="http://progiavto.ucoz.ru/ok3.js" type="text/javascript"></script><!--/noindex-->
   
<div class="endline"></div>
  <p class="tags"><?if($TAGS$)?> <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?> </p>  
  <div class="read_comments"></div>
  <div class="coment">
  <hr />
  <?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr>
<tr><td colspan="2">$COM_BODY$</td></tr>
<tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr>
<tr><td colspan="2" height="10"></td></tr>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?>
<?endif?>
<?endif?>
</div>

  </td>
  </tr>
   
   
   
  <tr class="post_bottom" >
  <td height="34px">

  </td>
  </tr>
  </tr>
  </table>
  <!-- </body> -->  
  </td>
  </tr>
</table>
</td>
<td width="227px" valign="top" >
<div class="sidecont rightsector">
  <div class="sidebar">
  <ul>
  <!-- <container> -->
  $GLOBAL_DRIGHTER$
  <!-- </container> -->
  </ul>
  </div>
</div>
</td>
</tr>
</table>
$GLOBAL_BFOOTER$
</body>
</html>


Вообщем сама проблема, танцую с бубном уже дня 4, пытаюсь вывести результаты поиска в виде картинок, рзультат нуль.

В CSS вставлял это
Code
img.preview{widows:150px;height:100px;border:0;}
результат - весь шаблон плыл.
Помогите плиз, я привык называть вещи своими словами, так вот я не нуб, я нуб в кубе sad
К сожалению я не специалист в этой области, так что если есть возможность подробно указать на мои ошибки.
Заранее спасибо.


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


lorik,
Quote (lorik)
Добрый!

Добрый.
Quote (lorik)
Есть сайт (тестовая площадка для основного сайта, т.к. очень плохо разбираюсь в сайтостроении то приходится шаманить на отдельной площадке ибо боюсь что либо испортить) и так ближе к телу

Это очень-очень мудрое решение.

Quote (lorik)
Вообщем сама проблема, танцую с бубном уже дня 4, пытаюсь вывести результаты поиска в виде картинок, рзультат нуль.

Данный скрипт написан на jQuery, как и сайты на юкоз - все используют библиотеку Jq.
Quote (lorik)
<script src="/menu/mootools-1.2.5-core-yc.js" type="text/javascript"></script>

Данный скрипт не будет работать с mootools, но вдруг )
Code
<script type="text/javascript">    
$('#searchText h2.post-title a').each(function(){
   var c=$(this),cont=c.parents('td:eq(0)').find('div.entry'),url=this.href;
   if(/_search|publ|blog|dir|news/i.test(url.toLowerCase())){
    $.get(url,{},function(a){
     var b=$(a).find('.entry 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>


А чтобы не падали стили, откройте ваши персональные стили, скопируйте их, и замените ими встроенные, те что в ПУ » Управление дизайном » Таблица стилей CSS


 
Дата: Воскресенье, 03.06.2012, 16:56 |
lorik
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Спасибо, вроде получилось с вашим чудо скриптом картинка появилась, в свой переделанный СSS вставил код с размерами картинки и дизайн полетел но картинка есть. Но вот это мне не совсем понятно:
Quote (likbezz)
А чтобы не падали стили, откройте ваши персональные стили, скопируйте их, и замените ими встроенные, те что в ПУ » Управление дизайном » Таблица стилей CSS

Т.е. если я заменю свой CSS на стандартный то у меня опять все полетит?!
Может есть выход, чтобы вставить в мой CSS?
Вот он
Code


body {
  background: url("images/body.jpg") repeat;
  margin: 0px;
  padding: 0px;
}
.wrapper {
  background: transparent url(images/wrapper.png) repeat scroll 0% 0%;
  width: 100%;
  height: 391px;
   
}

#wraper {
  background: url("images/wrapper.jpg") no-repeat scroll center top transparent;
  width: 1400;
  height: 391px;
  }

#pagemenu {
  float: left;
}
#pagemenu, #pagemenu ul {
  line-height: 1;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#pagemenu {
  margin-bottom: 1px;
}
#pagemenu ul {
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#pagemenu li {
  border-right: 1px solid #2B120B;
  float: left;
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#pagemenu ul li {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
#pagemenu li a, #pagemenu li a:link {
  color: #FFFFFF;
  display: block;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  padding: 16px 14px 15px;
  text-decoration: none;
  text-shadow: 0 1px 0 #000000;
  text-transform: none;
}
#pagemenu li a:hover, #pagemenu li a:active {
  background: none repeat scroll 0 0 #2B120B;
  display: block;
  text-decoration: none;
}
#pagemenu li.current_page_item a {
   
  text-decoration: none;
}
#pagemenu li:hover, #pagemenu li.sfhover {
  color: #EDE9DD;
  position: ;
}

#navcontainer {
  background: url("images/menu.png") no-repeat scroll 0 0 transparent;
  display: block;
  height: 128px;
  overflow: hidden;
}
#navcontainer .current-cat a {
  background: none repeat scroll 0 0 #A8A8A8;
}

.foot {
  background: url("images/content.png") repeat-y scroll 0 0 transparent;
   
   
  }
   
.col1 {width:1090px; }
.li1{
  width: 316px;
  height:70px;
  float: left;
  margin-left: 10px;
  margin-top: 7px;
  text-align:center;
}
.li2{
  width:427px;
  float:left;  
  height:70px;
  margin-left: 10px;
  margin-top: 10px;  
  text-align:center;}
.li3{
  width:307px;  
  float:left;  
  margin-left: 10px;
  margin-top: 25px;
  text-align:center;
  }
#contentwrap {
  background: url("images/content.png") repeat-y scroll 0 0 transparent ;
  width: 1090;
  margin-top:-5px;
  margin-left:150px;

   
}

.col12 {
  width: 427px;
}
#li12{
  width:210px;
  float: left;
   
}
#li22{
  width: 210px;
  float: left;

}

   
   
  .rightsector, div.rightsector {
  margin-right: 0;
  margin-left: 10px;
   
}

.sidebar h2 {
  background: url("images/h2bg.jpg") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-family: Arial,Helvetica,Sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 14px;
  margin: 0 -10px;
  padding: 12px 13px 20px;
  text-align: left;
  text-shadow: 0 1px 0 #000000;
  text-transform: none;
}

.sidebar2 h2 {
  background: url("images/h2bg2.jpg") no-repeat scroll 0 0 transparent;
  color: #FFFFFF;
  font-family: Arial,Helvetica,Sans-serif;
  font-size: 17px;
  font-weight: bold;
  line-height: 14px;
  margin: 0 -10px;
  padding: 12px 13px 20px;
  text-align: left;
  text-shadow: 0 1px 0 #000000;
  text-transform: none;
}
.sidebar ul {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}
.sidebar ul li {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 10px;
}
.sidebar ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar ul li li, .sidebar ul li ul li {
  background: none repeat scroll 0 0 transparent;
  border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
  border-style: none none dotted;
  border-width: medium medium 1px;
  box-shadow: none;
  margin: 0 0 2px;
  padding: 4px 0;
}
.sidebar ul li li:hover, .sidebar ul li ul li:hover {
}

.sidebar2 ul {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 0;
}
.sidebar2 ul li {
  list-style-type: none;
  margin: 0 0 10px;
  padding: 10px;
}
.sidebar2 ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sidebar2 ul li li, .sidebar ul li ul li {
  background: none repeat scroll 0 0 transparent;
  border-color: -moz-use-text-color -moz-use-text-color #CCCCCC;
  border-style: none none dotted;
  border-width: medium medium 1px;
  box-shadow: none;
  margin: 0 0 2px;
  padding: 4px 0;
}
.sidebar2 ul li li:hover, .sidebar ul li ul li:hover {
}

   
  .post1 .floatcenter1 img {
  background: none;
  border: none;
   
}

.post1 {
  width: 210px;
  background: #f4f4f4;
  border: 2px solid #a9b8c2;
  float: none;
}

.post1 a:link, a:visited {
  color: #D13B0E;
  outline: none;
  text-decoration: none;
  text-align: center;

}
.post1 h4 {

   

  font: bold 16px/21px Georgia, serif;

}

.post1 img {
  border: 1px solid #cac0a6;
  padding: 0px;
  background: #fff;

}

.post_thumbnail {
  background-color: #FFFFFF;
  box-shadow: 0 0 3px #CCCCCC;
  margin: 0 10px 10px 0;
  padding: 5px;
}

.post {
  width: 100%;
  background-image: url(images/post_bg.jpg);
  background-repeat: repeat-y;
   
  padding-top: 2px;
   
   
   
}
.post_top {
  background: url(images/post_top.jpg) center top no-repeat;
}
.post_bottom {
  background: url(images/post_bottom.jpg) center bottom no-repeat;
  padding-bottom: 0px;
}
.post-title {
  font-size: 1.4em; /* Post Title */
  margin-top: 0px;
  margin-right: 15px;
  margin-bottom: 0;
  margin-left: 10px;
  padding-top: 25px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  width:400px;
}
.post .post-title a {
  color: #232323;
}
.post .post-title a:hover {
  color: #900;
}
.date {
  margin-left: 80px;
  color: #a1a1a1;
  font-size: 12px;
  margin-top: 0px;
}

.entry {
  width: 400px;
  overflow: hidden;
  font-size: 1em;
  margin-top: 0;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 15px;
  padding-top: 10px;
  padding-right: 10;
  padding-bottom: 10px;
  padding-left: 0;
}
.entry a {
  color: #1f85da;
  text-decoration: underline;
}
.tags, .tags a, .postmetadata, .postmetadata a {
  color: #E0781F;
}
.post_path {
  font-size: 1.1em;
  margin: 0 40px 0 40px;
  padding: 7px 7px 12px 12px;
  background: url(images/arrow.gif) left 10px no-repeat;
  color: #ededed;
}
.postmetadata {
  text-align: right;
  font-size: 0.8em;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0;
  padding-left: 0px;
  margin-right: 15px;
}
.tags {
  font-size: 1em;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 15px;
}
.tags a {
  text-decoration: underline;
}
.read_comments {
  text-align: right;
  font-weight: normal;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0;
  margin-left: 0px;
  padding-top: 0px;
  padding-right: 15px;
  padding-bottom: 20px;
  padding-left: 10px;
}
.bookmark {
  margin-top: 18px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 5px;
}

.bookmark {
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 15px;
}
.bookmark ul {
  display: inline;
}
.bookmark ul li {
  background: none;
  display: inline;
  list-style-type: none;
}
.bookmark_line img {
  border: 0;
}

img.preview{widows:250px;height:200px;border:0;}

#footer {
  background: url("images/footer.png") no-repeat scroll 0 0 transparent;
  font-size: 12px;
  height: 17px;
  margin-left: 150px;
   
}
#footer a {
  color: #FFFFFF;
  text-decoration: none;
}
#footer a:hover {
  color: #FFFFFF;
  text-decoration: underline;
}
#info {
  color: #eeeeee;
  font-size: 11px;
  text-align: center;
  padding-top: 15px;
  padding-right: 0;
  padding-bottom: 7px;
  padding-left: 0;
}
#info a {
  color: #eeeeee;
  text-decoration: none;
}

#search {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  height: 24px;
  padding: 0;
  text-align: right;
}
#search input {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #000000;
   
}

input,textarea,select {vertical-align:middle; font-size:8pt; font-family:verdana,arial,helvetica;}


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


lorik,
Quote (lorik)
Но вот это мне не совсем понятно:

Ну, вот в чем дело, когда вы редактируете встроенные стили, которые находятся в ПУ » Управление дизайном » Редактирование шаблонов » Таблица стилей CSS то при сохранении, если не найдена в шаблонах ссылка на системные стили, ссылка на ваши стили автоматически заменяется ссылкой на правленные системные стили, то бишь, у вас было в шаблонах:
Code
<link type="text/css" rel="StyleSheet" href="/style.css" />

после правки будет:
Code
<link type="text/css" rel="StyleSheet" href="/my.css" />

...
Одним их выходов из данной ситуации является перенос ваших стилей в системные, то бишь, копируете свои стили в системные, и далее редактируете их через ПУ.
Еще вариант - прописывать сразу обе ссылки в шаблоны, и ваши стили и системные.
Или, в самый верх, первой строкой, системных стилей добавить медиа импорт ваших стилей.
Типа:
Code
@import url("/style.css");

Где:
/style.css - ссылка до ваших стилей.


 
Дата: Воскресенье, 03.06.2012, 17:48 |
lorik
Рядовой
Группа: Зарегистрированные
Сообщений: 3
Награды: 0
Репутация: 0
Статус: Offline


Вообщем я незнаю чтоя зделал, но все заработало biggrin наверное бубен был плохо настроен. biggrin
вообщем я удалил с Главная » Управление дизайном » Редактирование шаблонов-CSS
Code
img.preview{widows:250px;height:200px;border:0;}

затем начал стучать в бубен и откопал у себя в корневой директории файл style (дело в том что я полный ноль в этом и дизайн мне делал один товарищ) , так вот в этом файле я и прописал
Code
img.preview{widows:250px;height:200px;border:0;}

и все заработало!
Спасибо вам огромное Админ, вы очень помогли, все супер, но одо но! приймите во внимание что частенько подобные вопросы задают люди которые ну очень далеки от сайтостроения и порой просто вскипает мозжечек biggrin от понятных вам и не понятных нам фраз.
Удачи вам и вашему сайту, низкий поклон.


 
Дата: Пятница, 22.06.2012, 17:25 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz, привет, Антон, обнаружил, что вывод фоток в результатах поиска не работает в ИЕ 8.
Посмотри плиз в чём причина?
Сайт http://fotki.ucoz.ua/photo


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


bandjuk,
ривет, Антон, обнаружил, что вывод фоток в результатах поиска не работает в ИЕ 8.

Где-то накосячил.
У меня на сайте работает.
Может из-за jquery 1.7.2 ?


 
Дата: Пятница, 22.06.2012, 19:34 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


Поставил jquery-1.6.1.js, всё равно, блин, сайт по частям в ИЕ рассыпается! на страницу с комментами лучше не смотреть! Не знаешь из-за чего могут стили конфликтовать? Смайлы Огромные

я в ауте, ничего не могу понять cry :'(

Прикрепления: 7347635.jpg (32.6 Kb)

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


bandjuk,
я в ауте, ничего не могу понять cry cry

Огромные? - смотри размеры, где то прописан размер типа
Code
#id img{width:100%;}


или указаны относительные единицы...


 
Дата: Пятница, 22.06.2012, 19:45 |
bandjuk
Генерал-майор
Группа: Пользователи
Сообщений: 290
Награды: 1
Репутация: 22
Статус: Offline


likbezz, конфликт из-за этой строки:
<div class="tabl_foto"><span class="eMessage"><a href="$FULL_PHOTO_URL$" target="_blank" alt="$PHOTO_NAME$" Title="$PHOTO_NAME$">$PHOTO$</a><span></div><br>

Добавлено (22.06.2012, 19:45)
---------------------------------------------
Нашел! Как прописать этот стиль чтобы небыло конфликтов?
span.eMessage img{width:500px; max-height:380px; margin: 0px auto;}
ага и из-за этого тоже: .eMessage img{display:block;margin:0 auto;}
wink


Сообщение отредактировал bandjuk - Пятница, 22.06.2012, 19:46
 
Дата: Пятница, 22.06.2012, 19:57 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


bandjuk,
Нашел! Как прописать этот стиль чтобы небыло конфликтов?
span.eMessage img{width:500px; max-height:380px; margin: 0px auto;}

А конфликтов быть не должно если этот класс используется только для этого изображения.
Или прописать картинке класс тоже и от него плясать, безо всякого спана. прямо задавать классу изображения. Они у тебя в шаблоне.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Как сделать? Информация для вновь прибывших » Вопрос по теме ... » Оформление результатов поиска картинками-превью. (Тема для подробных/иных вопросов по материалу... Обсуждения.)
Поиск:


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