Быстрый способ раскрасить абсолютно нестандартное приложение asp.net

Question

У меня есть приложение asp.net, состоящее из примерно 15 страниц aspx и примерно 30 пользовательских элементов управления.По большей части это просто базовый слой CRUD поверх базы данных, поэтому он состоит в основном из форм редактирования и сетки данных.

Все мои формы редактирования размещены в наборах полей, и я использую простой asp: GridViews для своих таблиц (они отображаются в HTML-таблице).Некоторые формы нуждаются во вкладках, чтобы выложить элементы.Я действительно хотел бы иметь возможность стилизовать мои GridView с фиксированным заголовком и вертикальными полосами прокрутки.

Мне нужно сделать демонстрацию в течение нескольких дней, но проблема в том, что стилистика не применяется к HTML(в html не определены классы, вообще нет CSS), и я очень слабо разбираюсь с CSS.

Так что , учитывая мое затруднительное положение , может кто-нибудь дать совет, как мне это сделать?выглядеть презентабельно за очень короткий период времени?

1. Существует ли такая вещь, как уже существующие приличные универсальные файлы CSS, которые я мог бы загрузить и добавить поверх этого приложения, которые могли бы придать привлекательный и согласованный внешний вид большинству элементов?
2. Будет ли http://jqueryui.com/ полезен в этой конкретной ситуации?
3. Будет ли полезен jQuery Tools http://flowplayer.org/tools/demos/index.html?
4. http://www.datatables.net/ выглядит очень привлекательно,Кто-нибудь может прокомментировать, насколько легко было бы глобально соединить все мои GridView с этим?

Answer 1

Попробуйте http://www.blueprintcss.org/

Просто укажите ссылку на 3 файла CSS - screen.css, print.css (необязательно в вашей ситуации), ie.css - правильно.Мне лично нравятся стили blueprintcss для таблиц.Но вам нужно указать CssClass="even" для вашего AlternatingRowStyle / AlternatingItemStyle

Answer 2

Похоже, никто не считает, что это легко:)

[править]

Если это только из-за того, что это выглядит красиво - люди ненавидят видеть чистый HTML по умолчанию. Так что добавления фона тела и хороших шрифтов почти достаточно. Затем определите границы 1px в таблицах с хорошим трюком:

1. установить цвет фона таблицы в качестве границы
2. установить фон в фоновом режиме, который вы хотите, и сделать его с полем в 1px

И добавьте некоторые отступы к элементам по умолчанию, таким как div или p.

Ваш босс будет в восторге;)

Читайте ниже, только если вы хотите внести изменения в макет, не добавляя ничего в html

[/ править]

Вам нужно поместить некоторую информацию о структуре html в CSS. И в целом написание CSS не так сложно, если Вы знаете, как получить доступ к нужным элементам на странице, не так ли?

например.

body table{
}

относится к каждой таблице, которая находится непосредственно в теле

body div table{
}

относится к каждой таблице, у которой есть родительский div, который находится непосредственно в теле

Для более сложных вещей посмотрите спецификацию на

:first-child
:nth-child()

pseudoclasses. В этих скобках можно указать много интересных параметров :)

nth-child @ W3C first-child @ W3C

осторожно : у первого ребенка есть некоторые старые проблемы с IE7 (но работает), а nth-ребенок не работает ни в одном IE

также смотрите здесь для вдохновения

Answer 3

Разве вы не сталкивались Темы и скины ASP.Net ?

Лично я ненавижу это, поскольку это помещает встроенные стили всюду. Но это быстро и легко в управлении.