Задать вопрос

Олег Спиридонов

Люблю MODX
Ответы пользователя по тегу CSS

  • Как написать вот так вертикально?

    @spd78
    Люблю MODX
    Используя свойство transform: rotate(90deg);, можно развернуть текст на 90̊ , т.е. расположить его строго по вертикали, применив другие значения для rotate(), возможно повернуть текст на любой другой угол, а не только на 90̊.
    Добавив уникальное свойство transform-origin, установим координаты точки, относительно которой и будет происходить трансформация текста.


    .vertical-text {
    /* Трансформируем текст */
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    /* Координаты точки трансформации */
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    }
    Ответ написан
    Комментировать
    Комментировать

  • Как прижать footer?

    @spd78
    Люблю MODX
    У меня на сайте реализовано аналогичное поведение футера, можете посмотреть реализацию там. Вкратце, при добавлении элемента на страницу (у меня добавляются товары в список) вызывается функция, которая проверяет, находится ли футер в видимой области, и в зависимости от этого добавляет или убирает футеру класс, который отвечает за положение футера (прижат/отжат).
    Вот сама функция:
    function togglefooter() {
	var $marker = $('#list');
	var $win = $(window);
		if ($win.scrollTop() + $win.height() - 55 < 55*$('#list').children().length + $marker.offset().top) {
			$('#control').addClass('navbar-default navbar-fixed-bottom');
			}
			else {$('#control').removeClass('navbar-default navbar-fixed-bottom');}
}

    Не претендую на эталонность, но работает, меня это устраивает =)
    Ответ написан
    2 комментария
    2 комментария