Хороший CSS для вспышек (иначе информация обменивается сообщениями в направляющих, рычаниях в OSX),
Я использую базу данных по городам и округам США для этой цели, и я только что проверил, что она обновилась в августе. Они утверждают, что включают 198 703 населенных пункта (термин GNIS для города или деревни). Я вижу, что вам нужны полные имена состояний, и эти имена включены в бесплатную базу данных под названием список состояний США .
Оба они находятся в файлах CSV, и они предоставляют очень подробные инструкции о том, как импортировать их как на локальные, так и на удаленные серверы MySQL. Вы можете присоединиться к ним в операторе select, чтобы получить записи с полными именами состояний для ваших нужд.
3 ответа
Это интересные попытки уведомлений в Javascript, у первого есть центрированное уведомление, может быть, вы почерпнете вдохновение.
Во-первых, при поиске таких стилей вы должны называть эти всплывающие окна «Рычит». Это имя использует Apple, и она использует их довольно агрессивно, так что это имя вы должны искать.
Во-вторых, таблица стилей Roar очень доступна, почему бы вам не загрузить и не скопировать ее. Пока всплывающее окно находится на JS, сгенерированный скрипт представляет собой чистый HTML.
mootools, JQ и Ext имеют свои собственные проекты уведомлений Growl.
В-третьих, если вы просто хотите создать свой собственный, если у вас есть размеры, всегда будут использовать, вам, вероятно, лучше всего сделать один или два рисунка и просто выровнять текст по их центру.
Это большой вопрос, но я постараюсь его разбить.
Во-первых, относительно ваших первых трех требований, вы, вероятно, застряли, если только у вас нет роскоши диктовать свои платформа браузера. Чтобы центрировать поле в произвольном DIV в большинстве браузеров, вы должны указать ширину для внутреннего элемента блока. Это должен быть блочный элемент, чтобы он выглядел как прямоугольник (раскраска, граница). Вы можете обойтись без ширины в браузерах, поддерживающих display: inline-block . Если хотите, можете попробовать обойти это с помощью какого-нибудь скрипта, установив ширину в зависимости от длины внутреннего текста, вплоть до некоторого максимума.
Ваши следующие три требования расходятся друг с другом. Если вы разрешите несколько вспышек, некоторые по центру, а некоторые по левому краю, одно только обоснование требует, чтобы каждая вспышка находилась в пределах своего собственного блочного элемента, чтобы вы могли применить стиль выравнивания.
Это не очевидно, но ничто не удерживает вас от примеров типов вспышек примечания ], предупреждение или ошибка . Если вы хотите различать те, которые должны быть выровнены по центру (короткие ошибки), и те, которые должны быть выровнены по левому краю (вступления для новичков), поместите их во флэш-память с разными клавишами. Пройдитесь по флэш-памяти, применив необходимое имя класса, чтобы получить желаемый стиль для каждой клавиши. Если вы должны поддерживать более одного сообщения об ошибке, тогда flash [: error] может быть массивом. Я бы написал вспомогательные методы для облегчения добавления сообщений во флеш-память, чтобы у вас было меньше условного кода в представлениях.
уведомления , предупреждения или ошибки . Если вы хотите различать те, которые должны быть выровнены по центру (короткие ошибки), и те, которые должны быть выровнены по левому краю (вступления для новичков), поместите их во флэш-память с разными клавишами. Пройдитесь по флэш-памяти, применив необходимое имя класса, чтобы получить желаемый стиль для каждой клавиши. Если вы должны поддерживать более одного сообщения об ошибке, тогда flash [: error] может быть массивом. Я бы написал вспомогательные методы для облегчения добавления сообщений во флеш-память, чтобы у вас было меньше условного кода в представлениях. но нет ничего, что удерживало бы вас от примеров типов вспышки уведомления , предупреждения или ошибки . Если вы хотите различать те, которые должны быть выровнены по центру (короткие ошибки), и те, которые должны быть выровнены по левому краю (вступления для новичков), поместите их во флэш-память с разными клавишами. Пройдитесь по флэш-памяти, применив необходимое имя класса, чтобы получить желаемый стиль для каждой клавиши. Если вы должны поддерживать более одного сообщения об ошибке, тогда flash [: error] может быть массивом. Я бы написал вспомогательные методы для облегчения добавления сообщений во флеш-память, чтобы у вас было меньше условного кода в представлениях. Если вы хотите различать те, которые должны быть выровнены по центру (короткие ошибки), и те, которые должны быть выровнены по левому краю (вступления для новичков), поместите их во флэш-память с разными клавишами. Пройдитесь по флэш-памяти, применив необходимое имя класса, чтобы получить желаемый стиль для каждой клавиши. Если вы должны поддерживать более одного сообщения об ошибке, тогда flash [: error] может быть массивом. Я бы написал вспомогательные методы для облегчения добавления сообщений во флеш-память, чтобы у вас было меньше условного кода в представлениях. Если вы хотите различать те, которые должны быть выровнены по центру (короткие ошибки), и те, которые должны быть выровнены по левому краю (вступления для новичков), поместите их во флэш-память с разными клавишами. Пройдитесь по флэш-памяти, применив необходимое имя класса, чтобы получить желаемый стиль для каждой клавиши. Если вы должны поддерживать более одного сообщения об ошибке, тогда flash [: error] может быть массивом. Я бы написал вспомогательные методы для облегчения добавления сообщений во флеш-память, чтобы у вас было меньше условного кода в представлениях.