Вид нумерации в сообщениях

Вид нумерации в сообщениях

Вид нумерации в сообщениях.
Обзор Обсуждение (17)
baltun

baltun

Администратор
Сообщения
10.870
Реакции
2.584
Баллы
2.003
Пользователь xsasha разместил новый ресурс:

Вид нумерации в сообщениях - Вид нумерации в сообщениях.

Добавляем в шаблон extra.css:

Код: 
.message ol{
counter-reset: li; /* Initiate a counter */
list-style: none; /* Remove default numbering */
*list-style: decimal; /* Keep using default numbering for IE6/7 */
font: 15px 'trebuchet MS', 'lucida sans';
padding: 0;
margin-bottom: 4em;
text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.message ol ol{
margin: 0 0 0 2em; /* Add some left margin for inner lists */
}
.message .baseHtml ol li {
position: relative;
display: block;
padding: .4em .4em .4em...
Нажмите, чтобы раскрыть...

Узнать больше об этом ресурсе...
 
чет не знаю где поменять цвет цифр на белый
1QXDJ5t.png
 
Вот эту секцию замени на:
Код: 
.message .baseHtml ol li:before {
content: counter(li);
counter-increment: li;
position: absolute;
left: -1.3em;
top: 50%;
color: #fff;
margin-top: -1.3em;
background: #87ceeb;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}
 
  • Мне нравится
Реакции: Halk
то есть там просто нужно в определенное место добавить цвет
color: #fff и с точками также?
 
да только это:
Код: 
color: #fff:
 
  • Мне нравится
Реакции: Gift
:taunt: Для точек так:
Код: 
.message .baseHtml ul li:before {
content: '*';
position: absolute;
color: #fff;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #87ceeb;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

Не плохой из меня моляр не так ли )))) :secret:
453453245.png
 
xsasha сказал(а):
:taunt: Для точек так:
Код: 
.message .baseHtml ul li:before {
content: '*';
position: absolute;
color: #fff;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #87ceeb;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

Не плохой из меня моляр не так ли )))) :secret:
Нажмите, чтобы раскрыть...

Gift сказал(а):
xsasha сказал(а):
:taunt: Для точек так:
Код: 
.message .baseHtml ul li:before {
content: '*';
position: absolute;
color: #fff;
left: -1.3em;
top: 50%;
margin-top: -1.3em;
background: #87ceeb;
height: 2em;
width: 2em;
line-height: 2em;
border: .3em solid #fff;
text-align: center;
font-weight: bold;
border-radius: 2em;
transition: all .3s ease-out;
}

Не плохой из меня моляр не так ли )))) :secret:
Нажмите, чтобы раскрыть...
Нажмите, чтобы раскрыть...
ладно,ладно издевайся,будет и на моей улице праздник!
 
Или по улице проедит инкассаторская машина ))))
Для того чтобы не закрывалась надпись команда можно попробовать сделать так:
Код: 
.message .baseHtml ol li {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
padding: .4em;
margin: .5em 0;
background: #ddd;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;
top:30px;
}
 
Последнее редактирование:
xsasha сказал(а):
Или по улице проедит инкассаторская машина ))))
Для того чтобы не закрывалась надпись команда можно попробовать сделать так:
Код: 
.message .baseHtml ol li {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
padding: .4em;
margin: .5em 0;
background: #ddd;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;
top:30px;
}
Нажмите, чтобы раскрыть...
и последнее, с точками там тоже не вмещается если использовать этот код

Gift сказал(а):
xsasha сказал(а):
Или по улице проедит инкассаторская машина ))))
Для того чтобы не закрывалась надпись команда можно попробовать сделать так:
Код: 
.message .baseHtml ol li {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
padding: .4em;
margin: .5em 0;
background: #ddd;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;
top:30px;
}
Нажмите, чтобы раскрыть...
и последнее, с точками там тоже не вмещается если использовать этот код
Нажмите, чтобы раскрыть...
BupHM6t.png
 
Попробуй так:
Код: 
.message .baseHtml ul li {
position: relative;
display: block;
padding: .4em .4em .4em 2em;
*padding: .4em;
margin: .5em 0;
background: #ddd;
color: #444;
text-decoration: none;
border-radius: .3em;
transition: all .3s ease-out;
top: 30px;
}
.message .baseHtml ul {
margin-bottom: 30px;
}
ascasd.png

И все таки многое может зависеть от стиля, я делаю все на дефолтном стиле, понятное дело.
 
все.закончил.все работает правильно.спасибо.
 
Вообще офигенная штука, спасибо большое, советую поставить эту модификацию, преображается тема просто супер
 
вот засада то,блин
в Дефолтном все работает а в своем нет :cray:
 
Для ответа нужно войти/зарегистрироваться
Назад
Верх Низ