Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как такое реализовать при помощи css? Есть примеры, их нужно реализовать. 
:(
    Опции темы
madkaban
  Дата 3.5.2007, 10:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 31.3.2007

Репутация: нет
Всего: нет



Ден добрый!

Хочу узнать как реализовать такое в css:
 - Первый рисунок (регистрация) - под словом "регистрация" вы видите массу "===========", как это вынести в css?
 - Второй рисунок (статьи) - первая буква белого цвета, а все остальные черного
Хочу реализовать это не прописывая отдельный стиль для первой и остальных букв.


Всем спасибо.

Это сообщение отредактировал(а) madkaban - 3.5.2007, 10:56

Присоединённый файл ( Кол-во скачиваний: 22 )
Присоединённый файл  vin1_2.jpg 6,42 Kb
PM MAIL   Вверх
Uratsakidogi
Дата 3.5.2007, 11:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



1. Через фон.
2. :first-letter.
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
madkaban
Дата 3.5.2007, 14:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 31.3.2007

Репутация: нет
Всего: нет



Цитата

2. :first-letter.

если можно поподробнее... 
PM MAIL   Вверх
ksnk
Дата 3.5.2007, 15:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



2.2.10.2. Псевдоэлемент :first-letter

Псевдоэлемент :first-letter применим к любому блочному элементу и задает стиль отображения его первой буквы. Например, следующий фрагмент HTML-документа

<STYLE>
P:first-letter { font-size: 200%; font-weight: bold }
</STYLE>

<P>Это абзац, первая буква которого
будет выделена обозревателем.</P>

будет отображаться так:

Это абзац, первая буква которого будет выделена обозревателем.

К данному псевдоэлементу применимы только следующие свойства: свойства шрифтов, свойства цвета, свойства фона, свойства границ, свойства заполнителей, свойства рамок, text-decoration, vertical-align (только если float равно none), text-transform, line-height, float, text-shadow и clear.

WDH

P.S. Сначала спутал статьи :(

Это сообщение отредактировал(а) ksnk - 3.5.2007, 15:39


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
ksnk
Дата 3.5.2007, 15:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Код

<style>
.reg {width:400px; border-bottom-style:double;}
.article:first-letter { font-size: 200%; font-weight: bold }
</style>
<div class='reg'>Регистрация</div>
<div class='article'>Статьи</div>




--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
Uratsakidogi
Дата 3.5.2007, 19:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11



ksnk, дабл бордер не так отображается. Там скорее double-dashed, но такого не бывает. smile Поэтому фоном.
--------------------
ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!
PM MAIL WWW ICQ Skype   Вверх
ksnk
Дата 3.5.2007, 19:42 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прохожий
****


Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386



Uratsakidogi, В вдруг именно это и надо было smile


--------------------
Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image
PM MAIL WWW Skype   Вверх
madkaban
Дата 4.5.2007, 23:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 27
Регистрация: 31.3.2007

Репутация: нет
Всего: нет



всем спасибо
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0564 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.