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

[baltun]

Пользователь 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...

Узнать больше об этом ресурсе...

 

[Gift]

чет не знаю где поменять цвет цифр на белый

 

[baltun]

Вот эту секцию замени на:

.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;
}

 

[Gift]

то есть там просто нужно в определенное место добавить цвет
color: #fff и с точками также?

 

[baltun]

да только это:

color: #fff:

 

[Gift]

да только это:

color: #fff:

поэкспериментировал с цветом точки не красятся

 

[baltun]

Для точек так:

.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;
}

Не плохой из меня моляр не так ли ))))

 

[Gift]

Для точек так:

.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;
}

Не плохой из меня моляр не так ли ))))

Для точек так:

.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;
}

Не плохой из меня моляр не так ли ))))

ладно,ладно издевайся,будет и на моей улице праздник!

 

[baltun]

Или по улице проедит инкассаторская машина ))))
Для того чтобы не закрывалась надпись команда можно попробовать сделать так:

.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]

Или по улице проедит инкассаторская машина ))))
Для того чтобы не закрывалась надпись команда можно попробовать сделать так:

.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;
}

и последнее, с точками там тоже не вмещается если использовать этот код

Или по улице проедит инкассаторская машина ))))
Для того чтобы не закрывалась надпись команда можно попробовать сделать так:

.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;
}

и последнее, с точками там тоже не вмещается если использовать этот код

 

[baltun]

Попробуй так:

.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;
}

И все таки многое может зависеть от стиля, я делаю все на дефолтном стиле, понятное дело.

 

[Gift]

все.закончил.все работает правильно.спасибо.

 

[aligon]

Вообще офигенная штука, спасибо большое, советую поставить эту модификацию, преображается тема просто супер

 

[Dead Master]

вот засада то,блин
в Дефолтном все работает а в своем нет

 

[aligon]

вот засада то,блин
в Дефолтном все работает а в своем нет

Странно, должно

 

[Dead Master]

Странно, должно

вот

 

[aligon]

ну так работает

 

[baltun]

вот засада то,блин

В ЛС форум и тестовую тему создать с нумерацией в виде цифр и звездочек, я сделаю css под тему.