Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» Не корректное отображение картинокавтор Luz Сегодня в 12:40
» Переход с 2x2forum.ru на 2x2forum.com
автор Luz Сегодня в 12:13
» Проблема с метатегом Description
автор VeraLV Март 18th 2024, 15:31
» 1 марта будет запрет на ВПН, это отразится на работе платформы?
автор Svet007 Март 14th 2024, 11:43
» нужен скрипт сумма просмотров тем в разделе
автор лексей2222 Март 5th 2024, 07:37
» Новое: Откройте для себя функцию "Подписка на пользователей"
автор лексей2222 Март 1st 2024, 17:26
» 301 редирект
автор Dana Domirani Февраль 25th 2024, 18:28
» Помощь в нескольких вопросах по форуму
автор лексей2222 Февраль 22nd 2024, 13:21
» [Общая тема] Что делать, если вы забыли / потеряли пароль
автор Dana Domirani Февраль 14th 2024, 00:54
» Загрузка форума
автор лисенок Февраль 13th 2024, 01:09
Уникальный (Раздел-Форум)
Страница 1 из 1
Уникальный (Раздел-Форум)
Как выделить раздел?
Очень долго думал как же выделить раздел, и ни как не мог додуматься. Но тут меня осенило, что у каждого раздела есть ссылка, так по чему бы мне не обращаться по ссылке. Все очень просто оказалось.И так, теперь ищем такой код. И удаляем все содержимое.
- Код:
<!-- BEGIN tablehead -->
Ваше содержимое
<!-- END tablehead -->
Заменяем его на этот.
- Код:
<!-- BEGIN tablehead -->
<div>
<div class="main-head">
<div class="page-title">{catrow.tablehead.L_FORUM}</div>
</div>
<!-- END tablehead -->
Ищем такой код. И удаляем все содержимое.
- Код:
<!-- BEGIN forumrow -->
Ваше содержимое
<!-- END forumrow -->
Заменяем его на этот.
- Код:
<div class="metro-web">
<a class="metro-a-web" href="{catrow.forumrow.U_VIEWFORUM}">
<font color="white">{catrow.forumrow.FORUM_NAME}</font><br />
<span class="metro-info-web">
<i class="fa fa-envelope" style="color: white;"></i> {catrow.forumrow.POSTS}
<i class="fa fa-folder" style="color: white;"></i> {catrow.forumrow.TOPICS}
</span>
</a>
</div>
В самый вверх вставляем это.
- Код:
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
- Открываем новое окно вашего форума
- Наводим на раздел и видим примерно такой адрес http://ваш адрес.ru/f1-forum
- Возвращаемся в окно к стилям
- Добавляем такой код
- Код:
.metro-info-web {
text-align: center;
color: white;
text-shadow: 2px 2px 2px black;
}
.metro-web a[href="/f1-forum"] {
width: 200px;
display: block;
height: 100px;
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
background: url('http://i39.servimg.com/u/f39/13/71/53/06/for1-w10.png') no-repeat center;
background-size: 100% 100%;
color: white;
text-shadow: 2px 2px 2px black;
text-decoration: none;
padding-left: 20px;
padding: 7px;
border: 1px solid lightgray;
border-radius: 100%;
padding-top: 8%;
text-align: center;
-webkit-animation-name:rotater;
-webkit-animation-duration:1500ms;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: ease-out;
-moz-transform:rotate(0deg) scale(1);
-moz-transition-duration:1500ms;
-moz-transition-timing-function: ease-out;
-o-transform:rotate(0deg) scale(1);
-o-transition-duration:1500ms;
-o-transition-timing-function: ease-out;
-ms-transform:rotate(0deg) scale(1);
-ms-transform-duration:1500ms;
-ms-transform-timing-function: ease-out;
}
.metro-web a[href="/f1-forum"]:hover {
-webkit-animation-name:rotater;
-webkit-animation-duration:500ms;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: ease-out;
-moz-transform:rotate(360deg) scale(1.2);
-moz-transition-duration:500ms;
-moz-transition-timing-function: ease-out;
-o-transform:rotate(360deg) scale(1.2);
-o-transition-duration:500ms;
-o-transition-timing-function: ease-out;
-ms-transform:rotate(360deg) scale(1.2);
-ms-transform-duration:500ms;
-ms-transform-timing-function: ease-out;
}
.metro-web a[href="/f2-forum"] {
display: block;
float: inherit;
width: 200px;
height: 100px;
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
background: url('http://i39.servimg.com/u/f39/13/71/53/06/for1-w10.png') no-repeat center;
background-size: 100% 100%;
color: white;
text-decoration: none;
text-shadow: 2px 2px 2px black;
padding-left: 20px;
padding: 7px;
border: 1px solid lightgray;
border-radius: 100%;
padding-top: 8%;
text-align: center;
-webkit-animation-name:rotater;
-webkit-animation-duration:1500ms;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: ease-out;
-moz-transform:rotate(0deg) scale(1);
-moz-transition-duration:1500ms;
-moz-transition-timing-function: ease-out;
-o-transform:rotate(0deg) scale(1);
-o-transition-duration:1500ms;
-o-transition-timing-function: ease-out;
-ms-transform:rotate(0deg) scale(1);
-ms-transform-duration:1500ms;
-ms-transform-timing-function: ease-out;
}
.metro-web a[href="/f2-forum"]:hover {
-webkit-animation-name:rotater;
-webkit-animation-duration:500ms;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: ease-out;
-moz-transform:rotate(360deg) scale(1.2);
-moz-transition-duration:500ms;
-moz-transition-timing-function: ease-out;
-o-transform:rotate(360deg) scale(1.2);
-o-transition-duration:500ms;
-o-transition-timing-function: ease-out;
-ms-transform:rotate(360deg) scale(1.2);
-ms-transform-duration:500ms;
-ms-transform-timing-function: ease-out;
}
А как же остальные разделы, сделать такими?
Все очень просто. Берем копируем снова кусок кода. Вставляем в CSS и заменяем ссылку.- Код:
.metro-web a[href="ссылка на раздел/категорию"] {
display: block;
float: inherit;
width: 200px;
height: 100px;
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
background: url('http://i39.servimg.com/u/f39/13/71/53/06/for1-w10.png') no-repeat center;
background-size: 100% 100%;
color: white;
text-decoration: none;
text-shadow: 2px 2px 2px black;
padding-left: 20px;
padding: 7px;
border: 1px solid lightgray;
border-radius: 100%;
padding-top: 8%;
text-align: center;
-webkit-animation-name:rotater;
-webkit-animation-duration:1500ms;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: ease-out;
-moz-transform:rotate(0deg) scale(1);
-moz-transition-duration:1500ms;
-moz-transition-timing-function: ease-out;
-o-transform:rotate(0deg) scale(1);
-o-transition-duration:1500ms;
-o-transition-timing-function: ease-out;
-ms-transform:rotate(0deg) scale(1);
-ms-transform-duration:1500ms;
-ms-transform-timing-function: ease-out;
}
.metro-web a[href="ссылка на раздел/категорию"]:hover {
-webkit-animation-name:rotater;
-webkit-animation-duration:500ms;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function: ease-out;
-moz-transform:rotate(360deg) scale(1.2);
-moz-transition-duration:500ms;
-moz-transition-timing-function: ease-out;
-o-transform:rotate(360deg) scale(1.2);
-o-transition-duration:500ms;
-o-transition-timing-function: ease-out;
-ms-transform:rotate(360deg) scale(1.2);
-ms-transform-duration:500ms;
-ms-transform-timing-function: ease-out;
}
Демонстрация
Георгий Шевченко-
-
Сообщения : 43
Возраст : 29
Регистрация : 2014-08-24
Благодарности : 28
Похожие темы
» Как в меню Навигация убрать раздел меня Форум и т.д
» Как перместить свой форум в другой раздел в списке форумов и добавить новые теги
» Изображение на каждый раздел и под раздел
» Раздел С*кс
» Раздел меню
» Как перместить свой форум в другой раздел в списке форумов и добавить новые теги
» Изображение на каждый раздел и под раздел
» Раздел С*кс
» Раздел меню
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения