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

OKO

2012-06-28Дата: Четверг, 28.06.2012, 18:35 | Сообщение # 16

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Quote (likbezz, Чт, 28.06.2012, 18:02:02)

Можно в таблицу стилей. Но лучше в шаблон, если это конечно не шаблон «вид материалов»)

Как раз это шаблон "вид материалов") Вставлял в таблицу стилей, всё равно не работало.. Или как-то вставлял неправильно ><

Quote (likbezz, Чт, 28.06.2012, 18:02:02)

Это и делают стили что в вашем посте. Только ширину установите нужную вам.

Просто у всех разные мониторы, у кого-то всё влезает, а у кого-то растягивает) А так будет ограничено по 5 наград в ряду (к примеру), у тех, у кого маленький монитор - всё будет в порядке, а у кого большой - будет узкий столбик из 5и наград, хотя там и 10 вполне влезли бы)

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 18:48 | Сообщение # 17

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Чт, 28.06.2012, 18:35:37)

Ставьте проценты. И все. Ширина блока под инфо юзера ≈ 20% ставьте 90% от родительского с учетом отступов - ну, на крайняк опытным путем).

OKO

2012-06-28Дата: Четверг, 28.06.2012, 18:59 | Сообщение # 18

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Хм.. ясно, спасибо)
А насчёт таблицы стилей, весь этот код вставлять до /* General Style */ или после? Или вообще не сюда? И его наверно без первой и последней строчки вставлять нужно? И туда и сюда его тыкал, всё равно не работает >< И почему нельзя в "вид материалов" вставлять?)

Code

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 19:05 | Сообщение # 19

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Чт, 28.06.2012, 18:59:36)

А насчёт таблицы стилей, весь этот код вставлять до /* General Style */ или после?

После, но можно и до, в любое место, где удобно.

Quote (OKO, Чт, 28.06.2012, 18:59:36)

И его наверно без первой и последней строчки вставлять нужно?

Конечно, в таблицу только сами стили, без тегов.
Вот это:

Code

#listawards{width:200px;}
#listawards td{display:inline-block!important;background:transparent;}

Больше ничего.

Quote (OKO, Чт, 28.06.2012, 18:59:36)

И почему нельзя в "вид материалов" вставлять?)

Да я бы не сказал что «Нельзя» я скозал не желательно. Это же шаблон, и он повторяется на транице ровно столько сколько материалов выводится. И в каждом ваши стили.
Зачем лишний код? Это уже называется «Мусор».

OKO

2012-06-28Дата: Четверг, 28.06.2012, 19:33 | Сообщение # 20

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

В общем, в шаблоне "вид материалов" сам кусок с наградами такой:

Code

Награды: <br>
<div align="center"><?if($AWARDS_READ_URL$)?>
<span id="listawards$ID$">загрузка наград ...</span>
<script type="text/javascript">
   $('#listawards$ID$').hide(); // by UAWARDS.RU
   $.get('/index/54-$UID$', function(data){
   data=$(data).text();
   $('#listawards$ID$').empty().append($('td', data)).show();
})</script>
</div>
<?endif?>

В таблицу стилей CSS после /* General Style */ вставил

Code

#listawards{width:100px;}
#listawards td{display:inline-block!important;background:transparent;}

И всё равно почему-то не работает(

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 22:32 | Сообщение # 21

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Чт, 28.06.2012, 19:33:10)

В таблицу стилей CSS после /* General Style */ вставил

Измени вот на это:

Code

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

Или прямо в шаблон:

Code

<span style="display:block;width:95%;margin:0 auto;text-align:center;" id="listawards$ID$">загрузка наград ...</span>

И ссылочки на НЕ работающее страницы оставлять не забывайте/стесняйтесь, на пальцах сложно объяснить, и ещё сложнее понять)

OKO

2012-06-28Дата: Четверг, 28.06.2012, 22:45 | Сообщение # 22

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Вставил в CSS - не работает, попробовал в шаблон - тоже. Думал, может дело в разрешении монитора, снизил, по-прежнему награды растягивают страницу(
В качестве примера одна из тем на форуме (где как раз это и пытаюсь сделать), у автора последнего сообщения больше всего наград, там явно будет видно, как они всё растягивают http://troya-pw.clan.su/forum/22-291-1#3842

Сообщение отредактировал OKO - Четверг, 28.06.2012, 22:45

OKO

2012-06-28Дата: Четверг, 28.06.2012, 22:49 | Сообщение # 23

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Вот скрины сделал, первый в нормальном 1920х1080, второй в 1280х720

Прикрепления: 8457195.jpg (332.2 Kb) · 8661412.jpg (185.8 Kb)

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 23:07 | Сообщение # 24

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Чт, 28.06.2012, 22:49:10)

Вот скрины сделал, первый в нормальном 1920х1080, второй в 1280х720

Вот это добавть в стили:

Code

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

Вот это в шаблон:

Code

<?if($AWARDS_READ_URL$)?>
<div class="listawards" id="listawards$ID$">загрузка наград ...</div>
<script type="text/javascript">
$('#listawards$ID$').hide();
$.get('/index/54-$UID$',function(data){$('#listawards$ID$').html($('td',$(data).text())).show();})
</script>
<?endif?>

OKO

2012-06-28Дата: Четверг, 28.06.2012, 23:28 | Сообщение # 25

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Сделал, но по-прежнему не работает, и все награды сместились влево: (те же 1920х1080 и 1280х720)

Прикрепления: 7671183.jpg (317.5 Kb) · 8044127.jpg (181.0 Kb)

likbezz

2012-06-28Дата: Четверг, 28.06.2012, 23:40 | Сообщение # 26

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Чт, 28.06.2012, 23:28:19)

Сделал, но по-прежнему не работает, и все награды сместились влево: (те же 1920х1080 и 1280х720)

Что именно не понятно вам во фразах:

Quote (likbezz, Чт, 28.06.2012, 22:32:02)

И ссылочки на НЕ работающее страницы оставлять не забывайте

Quote (likbezz, Чт, 28.06.2012, 23:07:52)

Вот это добавть в стили:

OKO

2012-06-29Дата: Пятница, 29.06.2012, 00:47 | Сообщение # 27

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Ссылка в сообщении выше была, напишу ещё раз http://troya-pw.clan.su/forum/22-291-1#3842

Quote (likbezz, Чт, 28.06.2012, 23:40:42)

Вот это добавть в стили:

Quote (OKO, Чт, 28.06.2012, 23:28:19)

Сделал, но по-прежнему не работает

Сейчас всё вернул как было.

Сообщение отредактировал OKO - Пятница, 29.06.2012, 00:48

likbezz

2012-06-29Дата: Пятница, 29.06.2012, 03:12 | Сообщение # 28

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Пт, 29.06.2012, 00:47:28)

Ссылка в сообщении выше была

Не заметил)

Quote (OKO, Пт, 29.06.2012, 00:47:28)

Сейчас всё вернул как было.

Очень странно, что у вас не работает.

Все же должно работать:

☑ http://likbezz.ru/_example/_rest/_2012/p1/listawards.html

Значит у вас где-то косяк...

И посмотреть почему не работает нельзя, потому что вы вернули «как было», а было у вас никак.
Тупик.

OKO

2012-06-29Дата: Пятница, 29.06.2012, 12:02 | Сообщение # 29

Сержант

Группа: Зарегистрированные

Сообщений: 24

Награды: 0

Репутация: 0

Статус: Offline

Quote (likbezz, Пт, 29.06.2012, 03:12:09)

И посмотреть почему не работает нельзя, потому что вы вернули «как было», а было у вас никак.
Тупик.

Сейчас сделал так, как вы сказали) Всё было смещено влево, text-align:center в CSS поменял просто на align:center, всё встало по центру, но по-прежнему не переносится. Думал, дело в

Code

в котором этот код в шаблоне находится, стёр его, вернул text-align:center в CSS, но работать не хочет. Пробовал задать в пикселях ширину, часть наград вообще на блок где само сообщение заезжает. Хотя слева визуально видно, что ограничено в 200px, к примеру, но справа почему-то ограничение не работает и не переносится(

likbezz

2012-06-29Дата: Пятница, 29.06.2012, 12:11 | Сообщение # 30

Аццкий кодер

Группа: Администраторы

Сообщений: 9093

Награды: 23

Репутация: 459

Статус: Unknown

OKO,

Quote (OKO, Пт, 29.06.2012, 12:02:53)

но справа почему-то ограничение не работает и не переносится(

Ну не знаю, у меня все переносится...

Специально сжал экран до маленького размера и все переносится.
...

Прикрепления: 5174802.png (19.7 Kb)

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

Форум

Страница 2 из 6 « 1 2 3 4 5 6 »
Модератор форума: likbezz

Возможно будет интересно
	Тема	Обновления