css




Оформление таблиц в фреймворке Bootstrap

Рис.2. Таблица в стиле Bootstrap по умолчанию

В Bootstrap встроена возможность стильного оформления таблиц. К сожалению, таблицы по умолчанию выглядят не просто аскетично, а на них вообще неприятно смотреть – отсутствуют отступы в ячейках, рамки, если отображаются, то просто убогие. Потому веб-мастеру уже нужно помнить, что стили таблиц нужно переопределять. Bootstrap об этом тоже помнит и уже содержит заготовленный класс для таблиц.

(далее...)

Основы использования фреймворка Bootstrap

Bootstrap logo

В первое время после отказа от табличной верстки было немного непривычно переходить на блочную верстку. Тогда, да и сейчас, мне казалось, что она многое усложнила. И так оно было до появления фреймворков, которые очень сильно упростили верстку. Речь идет о фреймворках для так называемой адаптивной верстки. Наиболее популярные среди их это Foundation и Bootstrap. В отличие от Foundation 5, с новой версией у меня отношения не сложились, потому решил освоить Bootstrap. И не прогадал.

(далее...)

Табы (вкладки) на страницах сайта с помощью CSS и jQuery

Рис.4. Табы (вкладки) с помощью CSS и jQueriUI

Табы, или вкладки – это очень удобный инструмент для страниц. Использование табов позволяет разместить больше информации в видимом месте и дать посетителю сайта право переключаться для доступа к нужной информации без перезагрузки страницы. Довольно простой способ реализовать табы на странице – с помощью расширения для jQueri – jQueryUI.

(далее...)

Зафиксировать HTML элемент на экране с помощью CSS

На длинных HTML страницах бывает удобно, чтобы HTML элемент, например, кнопка, ведущая на верх страницы, или меню, были расположена в определенной части экрана. Именно экрана, а не страницы. Ну и кнопка должны быть выше остальных элементов.

(далее...)

jQuery. Замена содержимого тэгов

Пример шкалы Ликерта в SharePoint

Пост посвящен тому, как установить свои значения шкалы оценок (матрицы вариантов или шкалы Ликерта) в опросах SharePoint. Для этого мне помог jQuery, который позволяет просто творить чудеса с функционалом портала на SharePoint. (далее...)

Запретить смену представления списка SharePoint с помощью CSS

Рис.3. Внешний вид списка с скрытой сменой представления

По умолчанию, в списках SharePoint можно менять представление. Но иногда, для не очень сложных задач, связанных с автоматизацией локальных процессов, достаточно просто не отображать информацию с некоторой фильтрации в представлении для пользователей, а представления с полным набором опций оставить для администраторов / редакторов. (далее...)

Как изменить свойства класса CSS с помощью Javascript на нужной странице

Требуется при невозможности переделать таблицу стилей или мастер-страницу.

<script language="javascript">
var myurl = document.location.href;

var re = /Default.aspx$/ig; //instead of Deafaults.aspx enter your page url
if(re.exec(myurl) != null) {
var str='.ms-stylelabel{display:none}';
newStyle(str)
}

function newStyle(str){
var pa= document.getElementsByTagName('head')[0] ;
var el= document.createElement('style');
el.type= 'text/css';
el.media= 'screen';
if(el.styleSheet) el.styleSheet.cssText= str;// IE method
else el.appendChild(document.createTextNode(str));// others
pa.appendChild(el);
return el;
}

</script>


MarkiMarta.ru. Записки отца-программиста" с 2009 г.
Категория информационной продукции 18+
Яндекс.Метрика