Список наград на странице профиля или в посте форума
2012-06-28 Дата: Четверг, 28.06.2012, 18:35 | Сообщение # 16
Сержант
Группа: Зарегистрированные
Статус: Offline
Можно в таблицу стилей. Но лучше в шаблон, если это конечно не шаблон «вид материалов»)
Как раз это шаблон "вид материалов") Вставлял в таблицу стилей, всё равно не работало.. Или как-то вставлял неправильно >< Это и делают стили что в вашем посте. Только ширину установите нужную вам.
Просто у всех разные мониторы, у кого-то всё влезает, а у кого-то растягивает) А так будет ограничено по 5 наград в ряду (к примеру), у тех, у кого маленький монитор - всё будет в порядке, а у кого большой - будет узкий столбик из 5и наград, хотя там и 10 вполне влезли бы)
2012-06-28 Дата: Четверг, 28.06.2012, 18:48 | Сообщение # 17
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , Просто у всех разные мониторы, у кого-то всё влезает, а у кого-то растягивает) А так будет ограничено по 5 наград в ряду (к примеру), у тех, у кого маленький монитор - всё будет в порядке, а у кого большой - будет узкий столбик из 5и наград, хотя там и 10 вполне влезли бы)
Ставьте проценты. И все. Ширина блока под инфо юзера ≈ 20% ставьте 90% от родительского с учетом отступов - ну, на крайняк опытным путем).
2012-06-28 Дата: Четверг, 28.06.2012, 18:59 | Сообщение # 18
Сержант
Группа: Зарегистрированные
Статус: Offline
Хм.. ясно, спасибо) А насчёт таблицы стилей, весь этот код вставлять до /* General Style */ или после? Или вообще не сюда? И его наверно без первой и последней строчки вставлять нужно? И туда и сюда его тыкал, всё равно не работает >< И почему нельзя в "вид материалов" вставлять?) Code
<style type="text/css"> #listawards{width:200px;} #listawards td{display:inline-block!important;background:transparent;} </style>
2012-06-28 Дата: Четверг, 28.06.2012, 19:05 | Сообщение # 19
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , А насчёт таблицы стилей, весь этот код вставлять до /* General Style */ или после?
После, но можно и до, в любое место, где удобно. И его наверно без первой и последней строчки вставлять нужно?
Конечно, в таблицу только сами стили, без тегов. Вот это: Code
#listawards{width:200px;} #listawards td{display:inline-block!important;background:transparent;}
Больше ничего. И почему нельзя в "вид материалов" вставлять?)
Да я бы не сказал что «Нельзя» я скозал не желательно. Это же шаблон, и он повторяется на транице ровно столько сколько материалов выводится. И в каждом ваши стили. Зачем лишний код? Это уже называется «Мусор».
2012-06-28 Дата: Четверг, 28.06.2012, 19:33 | Сообщение # 20
Сержант
Группа: Зарегистрированные
Статус: 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;}
И всё равно почему-то не работает(
2012-06-28 Дата: Четверг, 28.06.2012, 22:32 | Сообщение # 21
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , В таблицу стилей 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>
И ссылочки на НЕ работающее страницы оставлять не забывайте/стесняйтесь, на пальцах сложно объяснить, и ещё сложнее понять)
2012-06-28 Дата: Четверг, 28.06.2012, 22:45 | Сообщение # 22
Сержант
Группа: Зарегистрированные
Статус: Offline
Вставил в CSS - не работает, попробовал в шаблон - тоже. Думал, может дело в разрешении монитора, снизил, по-прежнему награды растягивают страницу( В качестве примера одна из тем на форуме (где как раз это и пытаюсь сделать), у автора последнего сообщения больше всего наград, там явно будет видно, как они всё растягивают http://troya-pw.clan.su/forum/22-291-1#3842
Сообщение отредактировал OKO - Четверг, 28.06.2012, 22:45
2012-06-28 Дата: Четверг, 28.06.2012, 22:49 | Сообщение # 23
Сержант
Группа: Зарегистрированные
Статус: Offline
Вот скрины сделал, первый в нормальном 1920х1080, второй в 1280х720
2012-06-28 Дата: Четверг, 28.06.2012, 23:07 | Сообщение # 24
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , Вот скрины сделал, первый в нормальном 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?>
2012-06-28 Дата: Четверг, 28.06.2012, 23:28 | Сообщение # 25
Сержант
Группа: Зарегистрированные
Статус: Offline
Сделал, но по-прежнему не работает, и все награды сместились влево: (те же 1920х1080 и 1280х720)
2012-06-28 Дата: Четверг, 28.06.2012, 23:40 | Сообщение # 26
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , Сделал, но по-прежнему не работает, и все награды сместились влево: (те же 1920х1080 и 1280х720)
Что именно не понятно вам во фразах: И ссылочки на НЕ работающее страницы оставлять не забывайте
2012-06-29 Дата: Пятница, 29.06.2012, 00:47 | Сообщение # 27
Сержант
Группа: Зарегистрированные
Статус: Offline
Ссылка в сообщении выше была, напишу ещё раз http://troya-pw.clan.su/forum/22-291-1#3842 Сделал, но по-прежнему не работает
Сейчас всё вернул как было.
Сообщение отредактировал OKO - Пятница, 29.06.2012, 00:48
2012-06-29 Дата: Пятница, 29.06.2012, 03:12 | Сообщение # 28
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , Ссылка в сообщении выше была
Не заметил) Сейчас всё вернул как было.
Очень странно, что у вас не работает. Все же должно работать: ☑ http://likbezz.ru/_example/_rest/_2012/p1/listawards.html Значит у вас где-то косяк... И посмотреть почему не работает нельзя, потому что вы вернули «как было», а было у вас никак. Тупик.
2012-06-29 Дата: Пятница, 29.06.2012, 12:02 | Сообщение # 29
Сержант
Группа: Зарегистрированные
Статус: Offline
И посмотреть почему не работает нельзя, потому что вы вернули «как было», а было у вас никак. Тупик.
Сейчас сделал так, как вы сказали) Всё было смещено влево, text-align:center в CSS поменял просто на align:center, всё встало по центру, но по-прежнему не переносится. Думал, дело в Code
<div align="center"></div>
в котором этот код в шаблоне находится, стёр его, вернул text-align:center в CSS, но работать не хочет. Пробовал задать в пикселях ширину, часть наград вообще на блок где само сообщение заезжает. Хотя слева визуально видно, что ограничено в 200px, к примеру, но справа почему-то ограничение не работает и не переносится(
2012-06-29 Дата: Пятница, 29.06.2012, 12:11 | Сообщение # 30
Аццкий кодер
Группа: Администраторы
Статус: Unknown
OKO , но справа почему-то ограничение не работает и не переносится(
Ну не знаю, у меня все переносится... Специально сжал экран до маленького размера и все переносится. ...