Итак, здравствуйте. Все, у кого есть глаза, заметили новый дизайн википедии MCGL. Долгое время я, наряду с вами, ломал голову как-же таки им удалось создать эти теги, что они из себя представляют и вообще с чем их едят. Скажу сразу, моих заслуг немного. Безграничная благодарность sabotajnik7. Поехали
Преимущества тега card:
•Удобная замена btn (наведите)Дублировать страницу
•Удобная работа с контейнерами
•Возможность вставить любую картинку
•Возможность сменить хар-ки текста в теге
•Стильный дизайн
•Возможность добавить любой тег в кард
Добавление тега
- Сам тег card представляет из себя универсальный вариант btn с вышеперечисленными возможностями. Составляется по формуле:
[card=]Название[/card]
Название |
Изменение шрифта
- Безграничным преимуществом card перед btn является то, что в card можно менять цвет, размер текста
[card=][b][color=info][i][u]Название[/u][/i][/color][/b][/card]
Название |
Создание ссылки
- Неправильный вариант
Нам нужно сделать так, чтобы при нажатии на кард нас перенаправляло на википедию. Давайте попробуем сделать это
[card=][url=http://forum.minecraft-galaxy.ru/wiki/][color=white][b]Источник знаний[/b][/color][/url][/card]
Источник знаний |
Правильный вариант
Но что такое? Что-то не так. Вы видите, что чтобы нас отправило на вики нужно нажать именно на текст, а не сам card. Но поскольку попадать по тексту не удобно, давайте сделаем, чтобы перенаправляло нас именно при нажатии на кард. Для этого нам нужно вынести url за card. Результат:
[url=http://forum.minecraft-galaxy.ru/wiki/][card=][color=white][b]Источник знаний[/b][/color][/card][/url]
Источник знаний |
Открытие контейнера
- Как вы уже знаете из предыдущего урока по добавлению ключей и контейнеров, для добавления и первого, и второго нужно написать следующее:
[key=info]Название[/key][container=info]Текст[/container]
Но если мы применим ключ к тексту, вписанному в тег card, случится тоже самое, что и с url. Правильный вариант решения проблемы- применить ключ к card, а не тексту. На ключ, применненный к контейнеру распостраняются все те-же правила, что и в обычном случае (открытие нескольких контейнеров сразу, закрытие контейнера card'ом etc) Расписывать их не вижу смысла, все есть в ссылке выше.
[key=info][card=]Название[/card][/key][container=info]Текст[/container]
Название |
Текст
Несколько в ряд
- Чтобы расписать все аспекты данного тега, повторюсь- на тег card, взятый в key распространяются все свойства, что и без него. Поэтому можно сделать несколько кардов в ряд.
[key=info1][card=]Название1[/card][/key][key=info2][card=]Название2[/card][/key][key=info3][card=]Название3[/card][/key]
[container=info1]Текст, открытый кардом1[/container][container=info2]Текст, открытый кардом2[/container][container=info3]Текст, открытый кардом3[/container]
Название1 |
Название2 |
Название3 |
Текст, открытый кардом1
Текст, открытый кардом2
Текст, открытый кардом3
Добавление картинок
- Медленно, но верно мы подобрались к ключевому достоинству тега card- возможности добавить слева от текста любую желаемую картинку, зная ее http адрес.
[card=http//image adress]Название[/card]
Название |
Ну вот у нас и получилось добавить картинку. Адрес картинки может быть абсолютно любой
Оптимальные изображения
- Поскольку все изображения ужимаются до размеров 16x16, некоторые картинки могут отобразиться очень убого. Например это- обои для Windows 1980x1080
Убожество, не правда-ли? |
Прочие издевательства
- Поскольку в card можно вставлять любые теги, можно коверкать его как угодно душе. Хотя, возможно, именно за такими экспериментами вы откроете что-то свое?
Открыть |