пятница, 20 ноября 2009 г.

Сексуальный CSS для блондинок

Блондинка Mandy в розовом белье - Dean Yeagle

Даже если у тебя сломалась клавиша Caps Lock, а печатать буквы, удерживая клавишу Shift мешает зажатый подмышкой чихуахуа, ты все равно можешь сделать текст в своем дневничке ярким и сексуальным.


В общем, таким как ты любишь!!!


Поможет тебе в этом простое правило стилей CSS. Не бойся слова «правило» – я все понятно объясню.


Главное правило CSS для блондинки


Нужное нам свойство стилей называется text-transform. Для включения «режима блондинки» задай этому свойству значение uppercase. Получившаяся строчка и будет нашим правилом text-transform:uppercase


Примерчик

печатаешь:

<p style="text-transform:uppercase">Девочки, сверкаем!!!</p>

получится:

Девочки, сверкаем!!!


Есть и другие значения свойства text-transform ...

  • capitalize – все слова с Большой буквы
    Блондинки в моде до тех пор, пока у мужчин все нормально с потенцией!!

  • lowercase – весь текст скучными маленькими буквами
    Умные мужчины спят с блондинками, а дураки сочиняют про них анекдоты

  • none – текст без изменений. как печатаешь, такой и получится
    Йа БлОндИнКо, йА тАк ПечаТаю паТаМуштА мнЕ таК нРаВицЦа!!!!!!!

..но они все для лузеров.


Второе правило CSS для блондинки


Можешь так же использовать правило font-variant: small-caps. Оно делает строчные буквы (маленькие) заглавными (большими) только уменьшенного размера.


Примерчик (еще один)

печатаешь:

<p style="font-variant: small-caps">Мужчина открывает рот, чтобы сказать; женщина - чтобы подумать</p>

получится:

Мужчина открывает рот, чтобы сказать; женщина - чтобы подумать


Но font-variant – это как-то чересчур мудрено. Ты ведь не хочешь показаться заумной ботанкой?


За сим на сегодня все. Цёмки!


© Твой Я (dotRB.blogspot.com) – большой ценитель блондинок :)


11 Комментариев :

AT комментирует...

:)))))))))

Ingward комментирует...

Croaker, хоть я - и не блондинка и даже не блондин, но спрошу здесь :)). Вы не подскажете, почему не полностью отображаются css-стили сайта на фрихостинге? Сам сайт - шаблон ворпресса. Фрихосты пробовал уже три разных - народ и два буржуйских. Результат всюду одинаков. Кроме того сайт очень долго загружается, хотя и весит очень мало... В общем, подозреваю, что там какой-то конфликт между стилями и хостингом... Вот ссылка на файл со стилями, если нужно: http://narod.ru/disk/15251163000/style.css.html.

Croaker комментирует...

Ingward, я думаю, тут все значительно проще. Проверь, а находит ли у тебя сайт изображения, определенные в стилях. Например:
background-image: url('images/Sheet-v.png');
То же и для самих страниц HTML. Потому что, если картинок по запрашиваемому адресу нет, загрузка страницы может быть чрезвычайно долгой.

P.S. обычно сайт проверяется на локалхосте (localhost), или проще говоря – на локальном сервере. Основные проблемы можно выявить уже на этом этапе. И только если все нормально, сайт загружается на хостинг.

Перспективный блоггер комментирует...

Очень забавная аналогия. Но для тех, кто в теме, про css, пожалуй, ни слишком интересно. Хотя от блондинок зачет был бы однозначный.

Ingward комментирует...

Croaker, вы правы - не находится ни одно из изображений, определенных в стилях... И что это может значить?

Проверил на денвере, как вы порекомендовали - нашлись все изображения из стилей... бред какой-то... Правда, сайт не понятно что пол-минуты загружал, хотя уже все было...

Как видите, отладка на локалке в данном случае ничего бы не дала... Что можете подсказать? Просто я без понятия, в чем может быть дело...

mad комментирует...

Ingward,
попробуй слэш добавить перед images:
background-image: url('/images/Sheet-v.png');

Ingward комментирует...

Нет, mad, не помогает - ничего не изменилось...

Поправка: я писал "Правда, сайт не понятно что пол-минуты загружал, хотя уже все было..." - это мне показалось, на денвере загружается быстро.

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

Ingward комментирует...

Все, уже разобрался!)) Знаешь, в чем была проблема?)) Я - идиот - при копировании файлов на хост, не снял галочку в опции "перевести имена файлов в нижний регистр"!)) Вот оно и не находило картинки в папке, поскольку имена менялись!...)) А на денвере, естественно, все работало).

Ingward комментирует...

Извини, что из-за своей тупости забрал у тебя время.

Croaker комментирует...

Только что за утренним кофе решил «стрельнуть адресок» сайта, чтоб «на живом» посмотреть. А то как в потемках. А проблема уже решена, оказывается :).

Не такая уж это тупость – почти все поначалу на эти грабли наступают. Хорошо, что как правило, одного раза хватает.

Дело в том, что Windows не различает регистра букв в именах файлов, а Unix-системы различают. Поэтому еще на «денверном» или «локалхостовом» этапе я рекомендую именовать файлы латинскими символами в нижнем регистре, без пробелов. И ссылаться на эти файлы так же.
Так:
my_image.jpg или my-image.jpg

Хотя, один мой заказчик, несмотря на то, что я ему справку по файлам написал, да еще и «прилепил» так, чтоб всегда перед глазами была... А все равно именует картинки в виде:
«Audi A8 - Тюнинг фронт-панели.jpg». Но там картинки загружаются PHP скриптом и ссылки на файлы скриптом генерятся, поэтому проблем с «несовпадением» нет.

Ну и еще в тему: на одном форуме для начинающих по HTML дамы жгли без перекуров; и с завидным постоянством.
«У меня на компьютере все работает, а загружаю на хостинг – картинки не грузятся!»
Смотрю, а там в атрибуте src изображений что-то типа:
scr="C:\Рабочий стол\Мои документы\Картинка для уголка.JPG"
Так мило! :)

Ingward комментирует...

"Смотрю, а там в атрибуте src изображений что-то типа:
scr="C:\Рабочий стол\Мои документы\Картинка для уголка.JPG"
Так мило! :)"

Жесть...))) Да... В отличии от дам, я протупил, так сказать, по-солиднее ))).

"Поэтому еще на «денверном» или «локалхостовом» этапе я рекомендую именовать файлы латинскими символами в нижнем регистре, без пробелов"

К сожалению, это трудно реализовать, когда используешь шаблон, предназначенный для заливки на хост в голом виде, без всяких CMS, и у него в названиях картинок много букв в верхнем регистре - запаришься переименовывать))...

Отправить комментарий

Жги!