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

[George228]

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

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

[Fateswhisper]

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

Изменено 12 мая, 2016 пользователем Fateswhisper
какой то трабл с внешними ссылками

[Redneck]

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

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

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

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

форматирование - использовать HTML - вставляете код <span style='сюда прописываете все, что угодно;'>

[George228]

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

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

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

форматирование - использовать HTML - вставляете код <span style='сюда прописываете все, что угодно;'>

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

Вот так

[Redneck]

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;'>

 

[George228]

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

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

<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;'>

 

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

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

[Heavenanvil]

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

[Fateswhisper]

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

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

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

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

Изменено 12 мая, 2016 пользователем Fateswhisper

[George228]

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

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

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

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

?

[George228]

2 часа назад, Redneck сказал:

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

<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;'>

 

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

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

Это*

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

[Fateswhisper]

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. копипастить не обязательно, свойства кнопки были взяты с указанного выше ресурса и возможно будут некорректно отображаться на вашем ресурсе

[George228]

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

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

<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. копипастить не обязательно, свойства кнопки были взяты с указанного выше ресурса и возможно будут некорректно отображаться на вашем ресурсе

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

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

[Fateswhisper]

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

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

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

[George228]

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

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

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

[Fateswhisper]

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

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

[George228]

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

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

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

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

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

[vesker250497]

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

[Fateswhisper]

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

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

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

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

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

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

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

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

[George228]

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

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

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

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

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