Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)
Предыдущая тема: Общие вопросы по оформлению (51)
Как с помощью браузера можно определить элемент дизайна. | |
Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое НТМЛ и CSS. | |
Ответы на часто задаваемые вопросы. | |
Как задавать вопросы! Разница между стилем и скриптом. ( Советы) | Плюс к названию темы еще и Памятка. |
Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности. |
Большое спасибо, Deff!
Доброго времени суток.
Возникла такая проблема: с мобильных устройств форум отображается криво; отрезает кусок фона слева (см). С ПК ничего подобного не замечено.
Ссылка на форум
jerusalem
Чтобы не отрезал, шапку нун ставить не на body, а #pun-title c простановкой ширины и смещения margin-left для выравнивания
фоны HTML и боди игнорируются браузерами при мелком разрешении
Отредактировано Deff (Вс, 9 Мар 2014 17:56:16)
Deff, или я чего-то не понимаю (что вероятнее всего), или оно так и стояло
/* CS1.3 Шапка */
#pun-title table {
background-image : url(http://s9.uploads.ru/ErfmB.jpg);
background-repeat : no-repeat;
background-position: top center;
border: none;
margin-left: -230px;
margin-top: -2px;
height: 420px;
width: 1500px;}
jerusalem
Добавьте в Конец первого Окна стиля:
body{
width:1500px!important;
margin:0 auto!important;
}
Дня всем. Глупый вопрос, как скрыть изображения для определенной группы пользователей? Например, для пиара. Чтоб с аккаунта пиара изображения (в той же подписи) смотрелись как <изображение>?
..Boleyn
Задачка не до конца продумана
1. Пиар ник должен видеть свои изображения
2. Возможно скрыть изо для группы в определенных темах
3. Для группы пиар ника проще закрыть все форумы оставив Гостевой и Рекламный разделы
Deff, еще один вопрос по поводу этого скрипта.
omake написал(а):
Добрый день! Подскажите, пожалуйста, как удалить столбцы #pun .tc3, #pun .tc2 из главной таблицы.В HTML верх
<style type="text/css">
#pun-index .category .tc2,
#pun-index .category .tc3{
display:none!important;
}
.Tems_And_messages {
width:100px;
}
.Tems_And_messages .right{
float:right
}
</style>В Начало HTML низ
<script type="text/javascript">
$('#pun-index .category td.tcl .tclcon').each(function() {
var str='<div class="Tems_And_messages">Teм: <span class="right">'+$(this).parents('tr:first').find('td.tc2').text()+'</span><br>Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div>';
$(str).appendTo(this)
});
</script>
Как темы и сообщения в одну строчку поставить?
..Boleyn
Замена всех изображений:
<script type="text/javascript">
if(GroupID == 5) $('img').replaceWith('<изображение>');
</script>
Только в постах:
<script type="text/javascript">
if(GroupID == 5) $('.post img').replaceWith('<изображение>');
</script>
Красным - номер группы.
omake
В HTML верх
<style type="text/css">
#pun-index .category .tc2,
#pun-index .category .tc3{
display:none!important;
}
.Tems_And_messages {
display:inline-block;
width:116px;
}
.Add{
display:inline-block;
background-color:#CEE3BF;
border-radius:6px;
padding: 1px 7px;
box-shadow:inset 0 0 1.4em rgba(49,113,3,.8)
}
.Tems_And_messages .right{
float:right
}
</style>
В Начало HTML низ
<script type="text/javascript">
$('#pun-index .category td.tcl .tclcon').each(function() {
var str='<br><div class="Add"><div class="Tems_And_messages">Teм: <span class="right">'+$(this).parents('tr:first').find('td.tc2').text()+'</span></div><div style="margin-left:12px;" class="Tems_And_messages">Cообщений: <span class="right">'+$(this).parents('tr:first').find('td.tc3').text()+'</span></div></div>';
$(str).appendTo(this)
});
</script>
Отредактировано Deff (Чт, 13 Мар 2014 03:29:44)
Deff...какая красота!!
спасибо! 
По ходу жизни обнаружилась одна моя лажа.
Панель навигации находится у нас вертикально:
Но дело в том, что у всех разное разрешение мониторов, а потому у некоторых она располагается вот так:
Можно ли как-то сделать так, чтобы у всех оно отображалось одинаково, на зелёной панели, как в первом скрине?
И второе. Можно ли как-то сделать ширину фона меньше, не залезая в фш?
Отредактировано tiger_roman (Чт, 13 Мар 2014 15:15:08)
tiger_roman
1. Вынесите Пункт /* D3.1 */ из стиля, в HTML верх (См ниже),
<style>
/* D3.1 */
#pun-navlinks, #pun-navlinks .container {
border-style: none;
border-width: 0;
margin: 0;
text-align: center;
position: absolute;
top: 73px;
left: 50%;
}
</style>
в стиле пункт удалите оставьте ток название
/* D3.1 */
Тогда смогу поправить
Отредактировано Deff (Чт, 13 Мар 2014 16:10:09)
Deff, поменял, что дальше? Ссылка на тестовик
Отредактировано tiger_roman (Чт, 13 Мар 2014 17:31:44)
tiger_roman
Замените на такое,
<style>
/* D3.1 */
#pun-navlinks {
border-style: none;
border-width: 0;
margin: 0;
text-align: center;
position: absolute;
top: 153px;
margin-left: 580px;
}
</style>
если удачно, (Проверяем ужатием окна браузера - перенесите снова в стиль без тегов)
Здравствуйте, подскажите пожалуйста, а можно _весь_ форум сдвинуть вверх?
т.е вот:
Алекоча
Ссылку на форум
Deff
тестовик
Найдите в первом окне стиля:
/* D1 Logo and description
-------------------------------------------------------------*/#pun-title {
margin-top: -31px;
margin-left: -28px;
background: url(http://s9.uploads.ru/D4517.jpg) no-repeat center;
width: 956px;
height: 724px;
}
Замените цифру на 287
Deff, это все идет картинкой, если заменить ссылку, то все "сокращается".
Можно ли как-то сохранить картинку в полном размере (724px) и сдвинуть текст, чтобы онный накладывался на нее.
Как здесь, к примеру.
Вы здесь » Единый форум поддержки » Архив » Общие вопросы по оформлению (52)
