[SVG] Forum logo

Плагин [SVG] Forum logo 2.0.9.2

Нет прав для скачивания

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Класс малого лога .p-nav-smallLogo a можно градиент ему задать
CSS:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
то что выше лепил убери
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
В твоем случае
CSS:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
Что бы сдвинут градиент, меняй проценты, например там 50% и следующий цвет 51%, сдвинуть влево 40% и 61%, вправо, соответственно 60% и 41%
 

s7ranger

Проверенный
Регистрация
17.07.18
Сообщения
60
Реакции
5
Баллы
40
Что бы сдвинут градиент, меняй проценты, например там 50% и следующий цвет 51%, сдвинуть влево 40% и 61%, вправо, соответственно 60% и 41%
Спасибо, с этим разобрался. Получается, что через extra.less можно раскрасить лого в два цвета только градиентом?
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Получается, что через extra.less можно раскрасить лого в два цвета только градиентом?
Не не так :) я тебе дал более понятное решение, потому что ты не разобрался с псевдоклассами :)
Можно так, как я указал выше:
Текстовый лого:
Код:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
Произвольный CSS/LESS код:
Код:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
В etra.less:
Less:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
Мы разделили лого на две части с помощью тегов span, для основного лого указали в настройках с использованием псевдоклассов разнын цвета на части лого. Псевдокласс :first-child | CSS | WebReference Псевдокласс :last-child | CSS | WebReference
Потом для малого лого добавили туже расцветку в extra.less
 

s7ranger

Проверенный
Регистрация
17.07.18
Сообщения
60
Реакции
5
Баллы
40
Спасибо, все получилось. Теперь буду знать как можно совместить <span></span> с CSS/LESS
 

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45
Пытаюсь сделать текстовый логотип наподобие того, что сейчас картинкой: ( стиль UI.X Tactical )

QjgHqUn[1].png

А вот, что у меня получается:

aGXaWja[1].png

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

вот это вставляю в поле для тестового лого:

HTML:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

Вот это в extra

CSS:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.

Тени я тоже не знаю как лучше сделать и взял из Фреш стиля)

Не знаю куда мне запихнуть картинку, чтобы все было ровно >.<
 
Последнее редактирование:

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Картинка сдвинута влево background-position: -11% 140%; -11%
 

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Короче так как то. В настройказ логотипа размер шрифта 3.3em, цвет не важно. Сам текстовый логотип:
Код:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
В поле Дополнительно: Произвольный CSS/LESS код:
Код:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
На выходе:
2018-09-28_141930.png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Там как бы логотип сместился вверх, можно добавить в txtra.less
Код:
У вас нет прав на просмотр содержимого кода, Войдите или Зарегистрируйтесь.
выровнять отступы
2018-09-28_143200.png
 

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45
Спасибо за помощь! Очень помог! Теперь у меня будет модный текстовый логотип :)
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
А что в адаптивном дизайне? Там можно только цветом выделить, писал выше
 

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45
А что в адаптивном дизайне? Там можно только цветом выделить, писал выше
Я об этом еще не думал, посмотрю) Все равно в ui.x надо шаманить, чтобы все это ровно встало, там мясо из настроек, что-то от твоего плагина, что-то от стиля)

BTTwxCk[1].png
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Ну в ui.x стилях и без моего плагина можно текстовый логотип делать :)
 

Sidd

Проверенный
Регистрация
13.07.18
Сообщения
55
Реакции
13
Баллы
45
Да, но нельзя сделать слоган)
 

Skaiman

Администратор
Регистрация
29.06.18
Сообщения
1 835
Решения
29
Реакции
1 323
Баллы
85
Да, но нельзя сделать слоган)
Кто сказал? Если захотеть, то можно :)
2018-09-28_154639.png
Все по тому же принципу, только слоган пишем в поле логотипа. В мобильной версии его можно скрыть.
 
  • Нравится
Реакции: Sidd

Похожие темы

Ответы
43
Просмотры
8 тыс.
Верх Низ