Кроме замечательного дизайна, администрация celans.ru подготовила для форума новый функционал. Самые важные и интересные фишки мы рассмотрим здесь и сейчас.
1. поддержка HTML в темах.
Иногда так не хватает поддержки HTML, кода пишешь какую-нибудь тему.. Ведь благодаря HTML можно вставить выпадающее меню, нарисовать желанную таблицу и многое другое.
С сегодняшнего дня проблема решена! Теперь вы можете вставлять произвольные коды прямо в сообщения. Смотрите как это работает:
Код:<!-- DEMO -->
<!-- DEMO -->
<style type="text/css">
/* CS1 Background and text colours
-------------------------------------------------------------*/
html, body {background: #222;}
#pun-title TABLE {background: transparent;}
#pun {
background: url() #222 no-repeat top right;
color: #f6f6f6;
border-color: #222;
}
#pun {
margin: auto;
width: 98% !important;
min-width: 780px !important;
max-width: 1024px !important;
position: relative;
}
#pun-announcement h2 span {color: #222;}
/* CS1.1 */
.punbb .main .container {
background-color: #f6f6f6;
color: #515050;
border-left-color: #f6f6f6;
border-right-color: #222;
border-top-color: #222;
}
.punbb .section .container,
.punbb .section .formal .container,
.punbb .formal fieldset,
#viewprofile li strong, #viewprofile li div,
#setmods dd,
.punbb .post-body,
.post-box,
.punbb .post-links,
.punbb-admin #pun-admain .adcontainer,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: #f6f6f6;
color: #515050;
}
/* CS1.2 */
#pun-ulinks .container,
#pun-crumbs2 .container,
#pun-about .container,
.punbb .post h3,
.punbb td.tc2, .punbb td.tc3 {
background-color: #f6f6f6;
color: #515050;
}
.punbb .post .container {
background-color: #f6f6f6;
color: #515050;
border-right: 1px solid #f6f6f6;
}
.punbb td.tcr {
background-color: #222;
color: #fff;
border-left-style: solid;
border-left-color: #222;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: #222;
color: #FFFFFF;
border-color: #222;
}
/* CS1.4 */
.punbb .modmenu .container {
background-color: #f4f4f4;
color: #515050;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #f4f4f4;
color: #515050;
}
/* CS1.6 */
.punbb th, #viewprofile li, #setmods dl {
background: #222;
color: #FFFFFF;
}
.punbb .post h3 span {
background-color: #c3c3c3;
}
.punbb .post h3 strong {
font-size: 0.9em;
color: #f6f6f6;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background: #f6f6f6;
color: #333;
}
/* CS1.8 */
#pun-navlinks .container {
background: #222;
color: #d0d0d0;
}
#pun-navlinks {
border-color: #d0d0d0
}
.offline li.pa-online strong {
font-weight: normal;
}
.punbb th {
background: #f6f6f6;
color: #515050;
}
#pun-main .category .container table thead tr .tcr {
background: #222;
color: #fff;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #d0d0d0
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #d0d0d0;
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #d0d0d0 ;
}
/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
border-color: #f3f3f3;
}
/* CS2.5 */
.punbb th {
border-color: #d0d0d0;
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #d0d0d0 #d0d0d0 #d0d0d0 #d0d0d0;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #ccc
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #fff
}
.punbb .divider {
border-color: #ccc #fff #fff #fff
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #f6f6f6;
}
li.pa-online {
border-left-color: #8dbc38;
}
/* CS3 Links
-------------------------------------------------------------*/
/* CS3.1 */
.punbb a, .punbb a:link, .punbb a:visited,
.punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
color: #515050;
text-decoration: none;
}
.punbb td.tcr a {
color: #999;
}
.pa-author a:link {
color: #363636;
}
.postlink a:link, .subscribelink a:link, .pagelink a:link {
color: #f6f6f6;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #f6f6f6;
text-decoration: none;
}
/* CS3.2 */
.punbb a:hover, .punbb a:focus, .punbb a:active, .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active {
color: #363636;
text-decoration: underline;
}
/* CS3.3 */
#pun-navlinks a {
color: white;
text-decoration: none
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: lightgray;
text-decoration: underline;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #363636;
color: #363636;
}
.post h3 span a:link, .post h3 span a:visited {
font-weight: normal;
font-size: 0.9em;
color: #000000;
text-decoration: none;
}
.post h3 span a:hover {
color: #777777;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {
background-image : url(../../img/RusFF_DeatNote/old.png);
background-repeat: no-repeat;
}
tr.inew div.icon {
background-image : url(http://s3.uploads.ru/K4VEG.png);
background-repeat: no-repeat;
}
tr.iclosed div.icon {
background-image : url(../../img/RusFF_DeatNote/cls.png);
background-repeat: no-repeat;
}
tr.iredirect div.icon {
background-image : url(../../img/RusFF_DeatNote/re.png);
background-repeat: no-repeat;
}
tr.isticky div.icon {
background-image : url(../../img/RusFF_DeatNote/st.png);
background-repeat: no-repeat;
}
td.tcr a{
background: transparent url(../../img/RusFF_DeatNote/tc.png) no-repeat 0% 15px; padding-left: 20px; padding-top: 14px;
}
#pun-stats ul.container {
background: transparent url(../../img/RusFF_DeatNote/stat.png) no-repeat 15px 15px;
padding-left: 71px;
}
#pun-stats div.statscon {
background:#f6f6f6;
}
#pun-crumbs2 .container, #pun-about .container {
background:#f6f6f6 top;
}
#pun-main div.catleft {
display: none;
}
#pun-main div.catright {
display: none;
}
.punbb textarea, .punbb select, .punbb input {
background: #222;
color: #f6f6f6;
border-color: #222;
}
</style> Просто нажмите на кнопочку и сами все поймете.
Перезагрузите страницу, чтобы вернуться к стандартным настройкам.
Вставлять можно все что угодно, будь то скрипт чата, либо графический редактор Pixlr, все будет работать!
Выполнение HTML будет происходить только после того, как Вы нажмете соответствующую кнопку. Сделано это в целях безопасности пользователей. Так как можно спокойно вписать код, который полностью заблокирует наш сайт. Но если даже такое случится, Вам будет достаточно просто перезагрузить страничку и все будет работать как следует.
2. информационные блоки
На главной, в объявлении, появились новые блоки (аналоги нашей старой таблицы). В отличии от старой таблицы здесь все интуитивно понятно и красиво. Но самое главное, все это работает без JavaScript, а значит нет никаких проблем с загрузкой страницы!
Мы рассказали только о некоторых изменениях на нашем форуме, большее Вы найдете сами, со временем. Желаем Вам удачи и хорошего дня!
