Как сделать тень и т.д. в группе IPB 4

Posted 12 мая, 20168 yr

comment_106932

Я бы хотел что-бы была тень и прочее.

Что-бы просто название цвета поменял и всё

Цитата

12 мая, 20168 yr

comment_106934

Учитесь выражать свои мысли и желания более подробно, а так всё что понял, это то что вам нужен: box-shadow

Edited 12 мая, 20168 yr by Fateswhisper
какой то трабл с внешними ссылками

Цитата

12 мая, 20168 yr

comment_106935

2 минуты назад, George228 сказал:

Я бы хотел что-бы была тень и прочее.

Что-бы просто название цвета поменял и всё

если я правильно понял, то

форматирование - использовать HTML - вставляете код

Цитата

12 мая, 20168 yr

Author

comment_106936

спасибо, да именно box-shadow. Я плохо (нет, совсем не знаю) CSS. Не могли бы вы по точней?

4 минуты назад, Redneck сказал:

если я правильно понял, то

форматирование - использовать HTML - вставляете код

НЕ могли бы вы по точней (с box-shadow).

Вот так

Цитата

12 мая, 20168 yr

comment_106938

9 минут назад, George228 сказал:

НЕ могли бы вы по точней (с box-shadow).

Просто для примера:

<span style='color:#c20a0a;text-shadow: #cad5e2 1px 1px 0,#cad5e2 1px 1px 0,#cad5e2 1px 1px 0, #cad5e2 1px 1px 0,#cad5e2 1px 1px 0;'>

Цитата

hawk2012
1

12 мая, 20168 yr

Author

comment_106939

1 минуту назад, Redneck сказал:
Просто для примера:

Спасибо, поставил +.

Можно на IPB сделать что-то такое, и как?)
http://zurb.com/playground/radioactive-buttons

Цитата

12 мая, 20168 yr

comment_106943

Можно. С помощью CSS.

Цитата

12 мая, 20168 yr

comment_106944

57 минут назад, George228 сказал:

Можно на IPB сделать что-то такое, и как?)
http://zurb.com/playground/radioactive-buttons

Так там же уже лежат готовые примеры, осталось взять идентификатор/класс группы и добавить туда готовый пример.

Да и префикс тоже в ipb есть.

Edited 12 мая, 20168 yr by Fateswhisper

Цитата

12 мая, 20168 yr

Author

comment_106945

33 минут назад, Fateswhisper сказал:

Так там же уже лежат готовые примеры, осталось взять идентификатор/класс группы и добавить туда готовый пример.

Да и префикс тоже в ipb есть.

А если для чайников:(

?

Цитата

12 мая, 20168 yr

Author

comment_106946

2 часа назад, Redneck сказал:
Просто для примера:

вставляю это:

	 
	&lt;span style='font-weight:bold; color: #f00; text-shadow: 0px 2px 5px rgba(255,255,255,0.4);'&gt;

Это*

	&lt;span style='font-weight:bold; color: #f00; text-shadow: 0px 2px 5px rgba(255,255,255,0.4);'&gt;

Цитата

12 мая, 20168 yr

comment_106949

1 час назад, George228 сказал:

А если для чайников:(

?

Да куда ж еще проще, идёте в меню группы, например группа администраторов, в строке префиксов вставляете:

<span class='admingroup'></span>

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

Вот примерно то, что по вашей ссылки у меня вышло:

@-webkit-keyframes purplePulse {
  from { background-color: #6E0034; -webkit-box-shadow: 0 0 18px #A94273; }
  50% { background-color: #A8014B; -webkit-box-shadow: 0 0 19px #333; }
  to { background-color: #630030; -webkit-box-shadow: 0 0 19px #A94273; }
}

.admingroup {
  -webkit-animation-name: purplePulse;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
}
.admingroup {
    border-radius: 3px;
    border-style: solid;
    border-width: ;
    cursor: pointer;
    font-family: inherit;
    font-weight: bold;
    line-height: normal;
    margin:   1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.75em;
    padding-right: 1.5em;
    padding-bottom: 0.8125em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #2daebf;
    border-color: #238896;
    color: white;
}

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

Цитата

12 мая, 20168 yr

Author

comment_106950

1 минуту назад, Fateswhisper сказал:
Да куда ж еще проще, идёте в меню группы, например группа администраторов, в строке префиксов вставляете:

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

Вот примерно то, что по вашей ссылки у меня вышло:
@-webkit-keyframes purplePulse {
 from { background-color: #6E0034; -webkit-box-shadow: 0 0 18px #A94273; }
 50% { background-color: #A8014B; -webkit-box-shadow: 0 0 19px #333; }
 to { background-color: #630030; -webkit-box-shadow: 0 0 19px #A94273; }
}

.admingroup {
 -webkit-animation-name: purplePulse;
 -webkit-animation-duration: 2s;
 -webkit-animation-iteration-count: infinite;
}
.admingroup {
 border-radius: 3px;
 border-style: solid;
 border-width: ;
 cursor: pointer;
 font-family: inherit;
 font-weight: bold;
 line-height: normal;
 margin: 1.25em;
 position: relative;
 text-decoration: none;
 text-align: center;
 display: inline-block;
 padding-top: 0.75em;
 padding-right: 1.5em;
 padding-bottom: 0.8125em;
 padding-left: 1.5em;
 font-size: 1em;
 background-color: #2daebf;
 border-color: #238896;
 color: white;
}
p.s. копипастить не обязательно, свойства кнопки были взяты с указанного выше ресурса и возможно будут некорректно отображаться на вашем ресурсе

Ой, спасибо А как залесть в CSS в 4 версии?

Разобрался, сейчас скажу что получилось.

Цитата

12 мая, 20168 yr

comment_106951

3 минуты назад, George228 сказал:

Ой, спасибо А как залесть в CSS в 4 версии?

Customization - Themes - Ваш шаблон - Edit HTML and CSS - вкладка CSS - custom.css

Цитата

12 мая, 20168 yr

Author

comment_106952

7 минут назад, Fateswhisper сказал:

Customization - Themes - Ваш шаблон - Edit HTML and CSS - вкладка CSS - custom.css

Group Color on User Link 1.4.0. как его поставить на 4 версию?

Цитата

12 мая, 20168 yr

comment_106958

Вы серьёзно? Бросайте вообще это дело, вам разжевал и положил в рот, а вы спрашиваете как поставить хук.

Остановите Землю - я сойду (с)

Цитата

Redneck and Heavenanvil
2

13 мая, 20168 yr

Author

comment_106977

14 часов назад, Fateswhisper сказал:

Вы серьёзно? Бросайте вообще это дело, вам разжевал и положил в рот, а вы спрашиваете как поставить хук.

Остановите Землю - я сойду (с)

Так на 4 версию он не ставится (у меня). Там вроде нет "хук", есть "плагин".

Я первый раз установил 4 версию, до этого я не был знаком с новым интерфейсом админ-центра.

Цитата

13 мая, 20168 yr

comment_106999

как же меня поражают такие бараны....

Цитата

13 мая, 20168 yr

comment_107003

3 часа назад, George228 сказал:

Так на 4 версию он не ставится (у меня).

И Вас не смущает то, что вышеуказанный плагин для ipb 3.4.x ?

3 часа назад, George228 сказал:

Я первый раз установил 4 версию, до этого я не был знаком с новым интерфейсом админ-центра.

И первое что Вы должны были сделать, это как минимум ознакомиться с функционалом, а не лепить украшательства и прочую ерунду.

Да и причем тут вообще это, люди тратят своё время, делятся опытом и знаниями, дают готовое и показывают куда нажать, а в ответ вы даёте понять, что вам глубоко плевать на всё это и задаёте совсем другой вопрос.

Вы просто поймите элементарные вещи, что чем больше вот такого происходит, тем меньше будет исходить помощи и когда появиться реальная проблема, всем будет наплевать на неё.

Цитата

Redneck and Heavenanvil
2

13 мая, 20168 yr

Author

comment_107023

vesker250497, спасибо, вы видимо очень умный.

Если я не знаю что-либо о форумах - я баран.

С чего вы взяли что мне наплевать на то что вы мне всё описали и разжевали.

Про хук совершено другой вопрос.

Закрывайте тему.

Цитата

Sign In

Как сделать тень и т.д. в группе IPB 4

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search