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