|
css BODY, Разметка ячеек на четные и не четные
|
|
| [1] leo [06.09.2012, 21:37] |
Прошу помочи!!! Увидел на форуме ucoz этот топик-как раз то что мне нужно. Но немного не понял. И там тишина-не помогают!
YuriT, Quote (YuriT) Чтобы каждое второе (четное) объявление имело свой стиль, можно использовать код
(Вставить после $BODY$ в шаблоне)
<script>
$('div[id^="entryID"]:odd').addClass('oddBD')
</script>
1
2
3
который добавит класс oddBD к каждому второму объявлению на странице. Соответственно, для этого класса надо будет определить стиль с нужным бэкграундом.
Здравствуйте объясните по этому посту пож-ста!!
Допустим у меня есть класс
< class="offer odd-row" >
как мне сделать чтобы каждое второе объявление было с этим классом?
Вставить в скрипте этот класс вместо oddBD? Пытался не получается
Если можно вставте в скрипт класс как правильно он должен быть-выглядеть скрипт. Спасибо!!! |
|
| [2] likbezz [06.09.2012, 21:47] |
leo, Допустим у меня есть класс Code < class="offer odd-row" >
- Это не класс, а кусок кода.
В этом коде у элемента не один класс, а два.
А сделать вот так:
Code <script type="text/javascript">
$(document).ready(function(){$('div[id^="entryID"]:odd').addClass('offer odd-row');});
</script> |
|
| [3] leo [06.09.2012, 22:02] |
не получается просто вставить 'offer odd-row' как у Вас в скрипте
у меня если добавить class="offer odd-row"> к таблице то строка синяя
если
class="offer "> то белая
так вот мне чтобы чередовались объявления с разными цветами нужно... |
|
| [4] likbezz [06.09.2012, 22:08] |
leo, так вот мне чтобы чередовались объявления с разными цветами нужно...
Нужно прописать:
Code <script type="text/javascript">
$(document).ready(function(){
$('div[id^="entryID"]:odd').addClass('odd-row');
$('div[id^="entryID"]:even').addClass('offer');
});
</script> |
|
| [5] leo [06.09.2012, 22:14] |
не получается
вот кусок БОДИ....на конце класс который делает объявление полоску синей
<td class="estaddress"><h2 class="estname"><a href="/node/8491353">3-комнатная квартира</a></h2>Мушникова, 11<div class="gray">Инорс</div><span class="red"></span></td>
<td class="estleft"><span class="ests">664 м²</span><br /> <span class="estfloor">9-й этаж</span><br /> <div class="estnew"></div> </td><td class="estphoto"><a href="/estate/decl/live/offer/zhilaya-nedvizhimostprodazha-ufa-mushnikova-11-3-komnatnaya-4-500-000-r"><img src="/files/imagecache/small/files/est_photos/P8290246.JPG" title=""></a></td></tr><tr nid="8491345" class="offer odd-row">
|
|
| [6] likbezz [06.09.2012, 22:21] |
Или, по моему более грамотный скрипт:
Code <script type="text/javascript">
$(document).ready(function(){
$('div[id^="entryID"]').each(function(i){
$(this).addClass(i%2?'odd':'even');
});
});
</script> |
|
| [7] leo [06.09.2012, 22:25] |
Что это?
не вижу класса в скрипте |
|
| [8] likbezz [06.09.2012, 22:29] |
leo,
Вот классы:
Quote (Code) $(this).addClass(i%2?'odd-row':'even-row');
- а там, какие нужны - такие и подставляем. |
|
| [9] likbezz [06.09.2012, 22:35] |
вот кусок БОДИ....на конце класс который делает объявление полоску синей
В этом куске кода нет, ни блока - элемента ни элемента с ID начинающимся на «entryID»..
Для чего вы выложили этот кусок? |
|
| [10] leo [06.09.2012, 22:35] |
не выходит
вставил вот так
Code <script type="text/javascript">
$(document).ready(function(){
$('div[id^="entryID"]').each(function(i){
$(this).addClass(i%2?'offer':'offer odd-row');
});
});
</script>
и нет измений |
|
| [11] likbezz [06.09.2012, 22:37] |
leo,
Значит у вас нет таких элементов на странице. |
|
| [12] leo [06.09.2012, 22:39] |
В этом куске кода нет, ни блока - элемента ни элемента с ID начинающимся на «entryID».. Зачем этот кусок вы выложили?
для примера он не полный конечно
вот всё что в виде материалов
[code]<td class="estdate"><a href="$ENTRY_URL$">$DATE$</a></td>
<td class="estprice"><span style="font-size:10pt"><span style="color:green"><a href="$ENTRY_URL$"><?if($OTHER2$)?>$OTHER2$<?else?>договорная<?endif?></a></span></span></h1></div></td>
<td class="estaddress"><h2 class="estname"><span style="font-size:10pt"><a href="$ENTRY_URL$">$TITLE$</h2><span style="font-size:10pt">$OTHER1$</span></a><span class="red"></span></span></td>
<td class="estleft"><span class="ests"><a href="$ENTRY_URL$">$AUTHOR_NAME$</a></span><br /> <span class="estfloor"><span style="font-size:10pt"><a href="$ENTRY_URL$">тел. $AUTHOR_PHONE$</a></span></span><br /> <div class="estnew"></div> </td><td class="estphoto"><a href="$ENTRY_URL$"><?if($OTHER2$)?><img width="80" height="60" src="$IMG_URL1$" title="$TITLE$"></a><?else?><?endif?></td></tr><tr class="offer odd-row">[/code]
Добавлено (06.09.2012, 22:39)
---------------------------------------------
Значит у вас нет таких элементов на странице.
если в виде материалов классы меняю цвет тоже меняется...как нет?
Сообщение отредактировал leo - Четверг, 06.09.2012, 22:45 |
|
| [13] likbezz [06.09.2012, 22:53] |
leo, вот всё что в виде материалов
Нет там такого.
если в виде материалов классы меняю цвет тоже меняется...как нет?
Вы не видите что скрипт работает только с блоками у которых ID начинается на entryID
Code $('div[id^="entryID"]') ...
Например с такими:
Code <div id="entryID1"> ... </div> <div id="entryID2"> ... </div> <div id="entryID3"> ... </div> <div id="entryID4"> ... </div>
При чем тут это? |
|
| [14] leo [06.09.2012, 23:02] |
Ладно не получается и бог с ним.
Подскажите ещё такую деталь по скриптам. Существует винджет у ucoz где можно поделиться ссылкой в социальных сетях.Так вот при нажатии на поделиться он в ссылку вставляет любое фото которые присутствуют на странице =хоть в блоге,хоть в новости...Бреед
Если решение,чтобы как в других CMS нажал поделиться и там уже фото IMG1 |
|
| [15] likbezz [06.09.2012, 23:08] |
leo, Ладно не получается и бог с ним.
- Да вы просто объясните к какому именно элементу нужно добавить класс.
Элемента с ID entryID у вас нету.
Тогда к какому?
К вот этому что ли?
Code <tr class="offer odd-row"> ...
- тогда проще один удалить - «odd-row» у нечетных.
Code <script type="text/javascript">
$(document).ready(function(){
$('tr.offer:even').removeClass('odd-row');
});
</script>
Если решение,чтобы как в других CMS нажал поделиться и там уже фото IMG1
Возможно и есть, но это точно не в стандартном виджете.
Конкретно - не скажу - не использую виджеты от юкоз. Принципиально. |
|