• Страница 1 из 1
  • 1
Буквица
Dukhovnik Оффлайн
Проверенный
22
Дата: Среда, 2016-02-17, 09:04 | Сообщение # 1
«Кто в наше время не заимствует реализации?» — Никто.
Вот и мне нужно «позаимствовать» буквицу с шаблона xily. (http://xily.themexappss.ru/index/dropcap/0-11)
Нашел кусок CSS (http://xily.themexappss.ru/css/xily-helpers.css)
Код
.xily-dropcap {
float: left;
position: relative;
top: 10px;
margin: 0 10px 0 0;
font-weight: 700;
font-size: 50px;
line-height: 50px;
font-style: normal;
}
.xily-dropcap.with-background {    
width: 50px;
height: 50px;
color: #fff;
font-size: 34px;
text-align: center;    
}
.xily-dropcap.with-background.dark {
background-color: #333!important;    
}
.xily-highlight {
margin: 0px 3px;
padding: 2px 6px;
}
.xily-highlight.color {
color: #fff;
}
.xily-highlight.dark {
background-color: #333;
color: #fff;
}

Пытаюсь использовать
Код
<span class="xily-dropcap with-background dark xl-border-radius-100">К</span>

НО не срабатывает. Подскажите что забыл скопировать и почему не срабатывает? Спасибо.


Помню Урааа в виде социальной сети…
Профиль
Kaizzer Оффлайн
Проверенный
41
Дата: Среда, 2016-02-17, 13:06 | Сообщение # 2
Вот такое ещё есть решение.

Код
.dropcap {
display: block;
float: left;
margin: 0 8px 0 0;
font: 50px/50px 'PT Sans Narrow';
text-shadow: 0px 1px 0px #000;
}


Код
<span class="dropcap"> первая буква текста </span>


Играть в Spin Tires можно двумя способами: с модам и без них - spintiresmods.ru
Профиль
BLAzER Оффлайн
Проверенный
86
Дата: Среда, 2016-02-17, 13:56 | Сообщение # 3
Сайт не открывается
Код
.message::first-letter {
font-size: 2em;
color: blue;
font-weight: bold;
float: left;
margin: 0 4px 2px 0;
}

.message замените на свой id/class или элемент


У скуки есть светлая сторона. Скучающие люди нередко ищут возможность сделать добрые дела, поскольку развлечения им надоели и не привносят смысл в их жизнь.

Сообщение отредактировал BLAzER - Четверг, 2016-02-18, 13:25
Профиль
Dukhovnik Оффлайн
Проверенный
22
Дата: Четверг, 2016-02-18, 09:06 | Сообщение # 4
Цитата Kaizzer ()
Kaizzer

Не работает почему-то.
Цитата BLAzER ()
BLAzER Offline

Не очень понял вас.


Помню Урааа в виде социальной сети…
Профиль
BLAzER Оффлайн
Проверенный
86
Дата: Четверг, 2016-02-18, 13:28 | Сообщение # 5
Dukhovnik,
Html разметка
Код
<div class="opisanie">$MESSAGE$</div>

Стили (поправите сами как нужно, я лишь показал способ использования буквицы)
Код
.opisanie::first-letter {
font-size: 2em;
color: blue;
font-weight: bold;
float: left;
margin: 0 4px 2px 0;
}


У скуки есть светлая сторона. Скучающие люди нередко ищут возможность сделать добрые дела, поскольку развлечения им надоели и не привносят смысл в их жизнь.
Профиль
Dukhovnik Оффлайн
Проверенный
22
Дата: Четверг, 2016-02-18, 19:31 | Сообщение # 6
Разобрался, можно закрывать)

Помню Урааа в виде социальной сети…
Профиль
  • Страница 1 из 1
  • 1
Поиск: