Единый форум поддержки |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Единый форум поддержки » Форум для новичков » Второй дизайн на форуме
Доброй ночи еще раз!
Мы ставим второй дизайн на форум. Все состыковалось и поставилось, не сошлись кнопки в скрипте. На втором дизайне они не отражаются картинкой, но просто показываются буквами.
Используем этот стиль в HTNL на "свой стиль"
Могли бы вы подсказать где найти КСС на эту тему?
Нагуглить нам не удалось. ((
Отредактировано Reina_Avart (Пн, 13 Фев 2017 01:45:37)
Reina_Avart
Ну как-то так:
/*==== Картинки вместо ссылок =====*/
.postlink a,.pl-delete a,.pl-quote a,.pl-email a,.pl-edit a{
color:transparent;font-size:0;display:inline-block;
}
/*==========================*/
.postlink a[href*="post.php?fid="] { /*Новая тема*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="post.php?fid="]:hover { /*Новая тема (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="poll.php?fid="] { /*Новый опрос*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="poll.php?fid="]:hover { /*Новый опрос (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="post.php?tid="] { /*Ответить*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="post.php?tid="]:hover { /*Ответить (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="act=questoinary"] { /*Создать анкету*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.postlink a[href*="act=questionary"]:hover { /*Создать анкету (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-email a[href*="profile.php?"] { /*Профиль*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-email a[href*="profile.php?"]:hover { /*Профиль (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-email a[href*="messages.php?"] { /*ЛС*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-email a[href*="messages.php?"]:hover { /*ЛС (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-email a[href^="mailto:"],.pl-email a[href*="misc.php?"] { /*E-mail*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-email a[href^="mailto:"]:hover,.pl-email a[href*="misc.php?"]:hover { /*E-mail (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-delete a { /*Удалить*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-delete a:hover { /*Удалить (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-edit a { /*Редактировать*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-edit a:hover { /*Редактировать (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-quote a { /*Цитировать*/
width:Npx; /*ширина картинки*/
height:Npx; /*высота картинки*/
background:url(картинка); /*ссылка на картинку*/
}
.pl-quote a:hover { /*Цитировать (при наведении)*/
background:url(картинка); /*ссылка на картинку*/
}
Alex_63
Спасибо!
Код сработал. Кнопки на втором дизайне отображаются. И даже допустимо качественно.
Но есть детальки, где косячат.
1)В первом дизайне с кнопками все нормально. 
Во втором они (правый нижний угол) частично съедены. 
Можно ли как-то отдалить друг от друга кнопки, чтобы на втором дизайне картинки полностью вписались?
На тестовом форуме, без подгрузки к основному дизайну, с кнопками все нормально.
2)В блоге происходит наложение одних кнопок на другие.
Хотелось бы оставить любые кнопки от любого дизайна, но в одном экземпляре.
Отредактировано Reina_Avart (Ср, 15 Фев 2017 09:39:50)
Reina_Avart
1. Ну про двойные кнопки в Блогах - тут добавьте красным
.postlink a,.pl-delete a,.pl-quote a,.pl-email a,.pl-edit a{
color:transparent!important;
font-size:0!important;
display:inline-block;
text-shadow:none!important;
}
2. Про обрезающиеся кнопки - крутите(увеличивайте) ширину красным (*-поставил нужные
.pl-delete a { /*Удалить*/
width:80px; /*ширина картинки*/
height:30px; /*высота картинки*/
background:url(http:https://forumstatic.ru/files/0017/95/26/38417.png); /*ссылка на картинку*/
}
.pl-edit a { /*Редактировать*/
width:143px; /*ширина картинки*/
height:30px; /*высота картинки*/
background:url(http:https://forumstatic.ru/files/0017/95/26/38417.png); /*ссылка на картинку*/
}
Alex_63
Во истину какие-то глупые опечатки..
Разве что кроме !important. Тут я бы не догадалась.
Спасибо.
Reina_Avart
Ну как-то так:
В этом коде, в этом куске
.postlink a[href*="act=questoinary"] { /*Создать анкету*/
width:110px; /*ширина картинки*/
height:50px; /*высота картинки*/
background:url(https://forumstatic.ru/files/0017/95/26/40482.png); /*ссылка на картинку*/
}
.postlink a[href*="act=questionary"]:hover { /*Создать анкету (при наведении)*/
background:url(https://forumstatic.ru/files/0017/95/26/74801.png); /*ссылка на картинку*/
}Весь код поставлен вниз окна style_cs.css
По факту страница упорно отображает
На первом скришноше вместо кнопки "Новая тема", должна стоять "анкета" желтая.
Reina_Avart
Ошибся немного ( Так попробуйте
.postlink a[href*="act=questionary"] { /*Создать анкету*/
width:110px; /*ширина картинки*/
height:50px; /*высота картинки*/
background:url(http:https://forumstatic.ru/files/0017/95/26/40482.png)!important; /*ссылка на картинку*/
}
.postlink a[href*="act=questionary"]:hover { /*Создать анкету (при наведении)*/
background:url(http:https://forumstatic.ru/files/0017/95/26/74801.png)!important; /*ссылка на картинку*/
}
Alex_63
работает.
Вы здесь » Единый форум поддержки » Форум для новичков » Второй дизайн на форуме