Фильтр по:
  

Список наград на странице профиля или в посте форума - Страница 3

Форум

  • Страница 3 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Модератор форума: likbezz  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Форум » Список наград на странице профиля или в посте форума (Список наград на странице профиля или в посте форума)
Список наград на странице профиля или в посте форума
Дата: Пятница, 29.06.2012, 12:21 |
OKO
Сержант
Группа: Зарегистрированные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


 Странно. Может дело в браузере?.. У меня вот так отображается (обычный и увеличенный):



Вместо ширины в 95% поставил 200px, получилось это:


Прикрепления: 4301950.jpg (365.5 Kb) · 9177544.jpg (423.8 Kb) · 6889626.jpg (327.0 Kb)

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


 OKO,
Quote (OKO, Пт, 29.06.2012, 12:21:41)
Может дело в браузере?..

Да, похоже на то, в хроме не переносит ... без доктайпа ...

 
Дата: Пятница, 29.06.2012, 12:43 |
OKO
Сержант
Группа: Зарегистрированные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


 Мда, проверил через мозилу, работает wacko
А в хроме никак не получится, чтобы работало?..

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


 OKO,
А вот так если:

Стили:
Code
div.listawards{display:block;width:150px;margin:0 auto;text-align:center;}
div.listawards noindex,div.listawards td{display:inline-block!important;float:left;background:transparent;}


Скрипт:
Code
<?if($AWARDS_READ_URL$)?>   
<div align="center" class="listawards" id="listawards$ID$">загрузка наград ...</div>
<script type="text/javascript">    
$('#listawards$ID$').hide();    
$.get('/index/54-$UID$',function(d){
    $('#listawards$ID$').html($('noindex',$(d).text().replace(/td/gi,'noindex'))).show();
})    
</script>
<?endif?>

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


 OKO,
Quote (OKO, Пт, 29.06.2012, 12:43:17)
А в хроме никак не получится, чтобы работало?..

Прописать доктайп, например ) Тогда точно заработает) - в примере же работает - а так прописан доктайп.
Или как написано выше. Через флоат и замену элементов.

Доктайп прописывают в ПУ » Общие натройки, там в самом низу есть поле для доктайпа, в него вставлять вот это:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

И сохранить.

 
Дата: Пятница, 29.06.2012, 13:12 |
OKO
Сержант
Группа: Зарегистрированные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


 Сделал, в хроме тоже заработало, большое спасибо)
Но после этого небольшая проблема на главной возникла, какие-то полоски в боковых блоках появились:



Высоту вместо 30px поставил 25px, полоска исчезла, но в мозиле теперь как будто обрезано (слева хром, справа мозилла):

Добавлено (29.06.2012, 13:12)
---------------------------------------------
Хотя, в принципе, и так пойдёт) Просто непонятно, откуда эти полосы взялись wacko Спасибо ещё раз)

Прикрепления: 6745728.jpg (310.2 Kb)

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


 OKO,
Quote (OKO, Пт, 29.06.2012, 13:06:12)
Высоту вместо 30px поставил 25px, полоска исчезла, но в мозиле теперь как будто обрезано (слева хром, справа мозилла):

Там не высотой регулировать нужно, а line-height: или поправить отступы - они складываются с высотой по разному.
Или прописать box-sizing: border-box;

Почитайте, интересно:
box-sizing
Box model — блочная модель

 
Дата: Пятница, 29.06.2012, 13:48 |
OKO
Сержант
Группа: Зарегистрированные
Сообщений: 24
Награды: 0
Репутация: 0
Статус: Offline


 Да, padding в одном месте не заметил, убрал, всё работает)
Насчёт наград ещё небольшой вопрос, хотя это уже нельзя сделать, наверно: можно ли кол-во наград под картинками самих наград убрать? Проще говоре, все эти единички под наградами?


Прикрепления: 7654919.jpg (82.3 Kb)

 
Дата: Пятница, 29.06.2012, 13:51 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown
Quote (OKO, Пт, 29.06.2012, 13:48:11)
Проще говоре, все эти единички под наградами?

Можно.
Code
div.listawards div{display:none;}

 
Дата: Вторник, 24.07.2012, 22:25 |
Сержант
Группа: Проверенные
Сообщений: 33
Награды: 0
Репутация: 0
Статус: Offline


 Вот поставил в профиль..делал и по центру..и дивом тоже, не становятса нормльно



код вот

Code
<span id="listawards">Загрузка наград ...</span>  
  <script type="text/javascript">  
  $('#listawards').hide(); // by UAWARDS.UCOZ.RU  
  $.get('/index/54-$_USER_ID$', function(data){  
  data=$(data).text();  
  $('#listawards').empty().append($('td', data)).show();  
  })</script>


и при навидении фон зеленый..есть возможность что то изменить?



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


 WOLFsergey,
Quote (WOLFsergey, Вт, 24.07.2012, 22:25:58)
и при навидении фон зеленый..есть возможность что то изменить?

http://likbezz.ru/forum/59-93-4927-16-1314256122

 
Дата: Среда, 25.07.2012, 02:39 |
Сержант
Группа: Проверенные
Сообщений: 33
Награды: 0
Репутация: 0
Статус: Offline


 likbezz, да я понял..я забыл кодик дать еще..ставил это

Code
<style type="text/css">  
#listawards{width:200px;}  
#listawards td{display:inline-block!important;background:transparent;}  
</style>


это пробовал не работает

Code
<style>  
.myWinTD1 {background:none;}  
.myWinTD2 {background:none;}  
</style>


по разному пробовал..
потом поставил это

Code
#listawards{display:block;width:95%;margin:0 auto;text-align:center;}  
#listawards td{display:inline-block!important;background:transparent;}

.myWinTD1 {background:#FFFFFF;}  
.myWinTD2 {background:#FFFFFF;}


фон не пропал..и не изменился не как..и в верх CSS и в низ ставил..
также фон и тут присудствует..но не такой как у меня..

он и на другом браузере (опера 12) был тоже..

поставил

Quote
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


тоже результатов 0

в хроме..вообще их нет в профиле..на форуме есть..фон немного выделяет..но это не смертельно..
Вот такая вот беда..вот что я подумал размер наград то разный..думаю из за этого перекос..но почему отступ у первой награды не понятно..что скажете likbezz!



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


 WOLFsergey,
Quote (WOLFsergey, Ср, 25.07.2012, 02:39:39)
<style type="text/css">
#listawards{width:200px;}
#listawards td{display:inline-block!important;background:transparent;}
</style>
это пробовал не работает

А так:
Quote (Code)
#listawards td{display:inline-block!important;background:transparent!important;}


Quote (WOLFsergey, Ср, 25.07.2012, 02:39:39)
что скажете

Ничего не скажу, я вообще этого блока не вижу)

 
Дата: Среда, 25.07.2012, 16:34 |
Сержант
Группа: Проверенные
Сообщений: 33
Награды: 0
Репутация: 0
Статус: Offline
Quote (likbezz, Ср, 25.07.2012, 02:55:52)
#listawards td{display:inline-block!important;background:transparent!important;}


И так тоже не работает..

Quote (likbezz, Ср, 25.07.2012, 02:55:52)
Ничего не скажу, я вообще этого блока не вижу)


Ак в личку кинул..

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


 WOLFsergey,
Quote (WOLFsergey, Ср, 25.07.2012, 16:34:04)
И так тоже не работает..

А посмотреть какой класс отвечает за фон никак?
Узнать класс и прописать нужные стили. Все просто.

У вас же в стилях к медали фон прописан: _http://homesims.ru/by_manucoz/style.css
Quote (Code)
#listawards td img {
background: none repeat scroll 0 0 white;
border: 5px solid #FFFFFF;
margin-top: 1px;
}
#listawards td:hover img {
background: none repeat scroll 0 0 #83C315;
}

- зеленый ...
Уберите, что ли ..
Вообще все вот это:
Quote (Code)
#listawards td img {
background: none repeat scroll 0 0 white;
border: 5px solid #FFFFFF;
margin-top: 1px;
}
#listawards td:hover img {
background: none repeat scroll 0 0 #83C315;
}

...

 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Форум » Список наград на странице профиля или в посте форума (Список наград на странице профиля или в посте форума)
  • Страница 3 из 6
  • «
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • »
Поиск:


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