::Лесные коты Новые времена:: |
| Гостям: Мы открываемся! Добро пожаловать! Народу прибавляется, но, конечно, лишние лапы не помешают))) Требуются участники в банду Призрачной Крови и в Волчью стаю! Старый сюжет отыгран, придумываем новый! |
 |
Главный админ: Вересковая Звезда Админы: Видение Призрачная Заря Коготь Лунное Сияние Модеры: Лиса aka Rin, Сапфир, Ночь Погода: Начался сезон Голых Деревьев, с каждым днём становится всё холоднее. Начал падать первый снег. Дичи становится всё меньше | |
| ВНИМАНИЕ!!! Сегодня в 17-30 по Москве состоится совет.Закончится в понедельник , в 13.00. Всем, кто будет на совете, отписаться в теме Планы - Советы. Активность на форуме упала, поэтому - зовем друзей, и сами отписываемся. | Действия на форуме: Завершена работанад дизайном форума, продолжается набор модераторов, участников... В целом раскрутка форума.Мы готовим рекламу и баннер. |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » ::Лесные коты Новые времена:: » Тех.раздел » Дизайн
Вот так:
<style type="text/css">
HTML, BODY {background-image: url("адрес картинки")!important; background-repeat: repeat !important;}
</style>
и куда это)))
что ж ты хочешь, я только скины перетыкивать умею
В HTML - верх.
der Todd
А давай я правда тебя админом сделаю и ты изменишь фон? Только фон, только этот яркий зелёный цвет на какой-нибудь другой оттенок зелёного, ок? Остальное не меняй)))))))))
Вересковая Звезда
По-моему, всё уже поменяли)
der Todd
Ага)))))
Вересковая Звезда
А что мне делать?)
бю...коричневый фю.... сча 1 фишку сделаю..чтоб каждый под ся настраивал)
ВНИМАНИЕ!
Введено новшество %)
Теперь вы сами можете настраивать свой дизайн. Профиль - Отображения - Первая строчка на выбор. 
оууу я наю как вставлять картинки в форумы *пошло искать поменьша*
Мммммм...Не знаю как вы отнесетесь, но "цвет" форума может от времени года (в игре) например в сезон Голых Деревьев - зимний и т.д.
Да, можно. Я бы рада, но сама не умею это делать))) Если кто-нибудь сделает (по желанию!), то буду очень благодарна!
Вересковая Звезда
Это легко, ты главное скажи для какого времени года нужно сделать, и дам несколько вариантов, ты их просмотришь и выберешь))
Вересковая Звезда
Таааааааааааак! Вот вставь воть это в <Администрирование> - <Настройки> - <ХТМЛ верх>
Вот код:
<style>
HTML, BODY {background-image: url(http://s40.radikal.ru/i089/0811/96/8ab99c807fe7.png)}
</style>Сапфир
Голобой фон?ПрЫкольно
Люди, такой фон хороший! Так что больше не меняйте до окончания зимы)))
И спасибо Сапфиру)))))
Вересковая Звезда
Коготь
Вы мне льстите))))))))))) 
Теперт вот это в <Администрирование><Стиль>
Во второе окошко "Файл _cs.css" и на вопрос "Хотите ли Вы использовать собственный стиль оформления?" жмете "Да"
/* CS1 Background and text colours
-------------------------------------------------------------*/
body {
background-color: #FFFFFF;
}
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background-color: #CCFFFF;
color: #114477;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #DDFFFF;
color: #114477;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background-color: #77AADD;
color: #FFFFFF;
font-weight: bold;
font-style: italic;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background-color: #CCFFFF;
color: #114477;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background-color: #DDFFFF;
color: #114477
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background-color: #BBEEFF;
color: #114477
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #BCEFEF;
color: #114477
}
/* CS1.8 */
#pun-navlinks .container {
background-color: #006699;
color: #FFFFFF;
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #FFFFFF;
color: #114477
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #77AADD #77AADD #77AADD #77AADD
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #EFEFEF
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #77AADD;
}
/* 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: #AADDFF;
}
/* CS2.5 */
.punbb th {
border-color: #BBEEFF
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #ACDFDF #ECFFFF #ECFFFF #ACDFDF;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #ACDFDF
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #ECFFFF
}
.punbb .divider {
border-color: #ACDFDF #ECFFFF #ECFFFF #ECFFFF
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}
li.pa-online {
border-left-color: #006699;
}
.punbb .post-sig dt {
border-top-color: #AADDFF !important;
}
/* 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: #114477;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: none;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #114477
}
/* 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: #00CCFF;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.3 */
#pun-navlinks a {
color: #FFFFFF;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #00CCFF;
font-weight: bold;
font-style: italic;
border-bottom: 0px none #000;
text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {border-color: #AADDFF #8ABDDF #7AADCF #8ABDDF}
tr.iredirect div.icon {border-color: #DDFFFF #DDFFFF #DDFFFF #DDFFFF}
div.inew {border-color: #CCFFFF #ACDFDF #9CCFCF #ACDFDF}
#pun-main div.catleft, #pun-main div.catright {display: none}И, кстати, дайте мне код таблицы. Я её немного подкоректирую.
И мне кажется, что картинка (которая в табле) не очень подходит нашему форуму... Ну, эт только мое мнение.
Эх, был бы я админом, все давно бы уже стояло... А то...
КТО НИБУТЬ ПОСТАВИТ ДИЗ!?
Сапфир
Я попробую, НО, прежде чем начну, поставлю сюда код прежнего стиля.Что бы если что вернуть)))
НЕ ТРОГАТЬ!
/* CS1 Background and text colours
-------------------------------------------------------------*/
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: url(http://www.radikal.ru"><img src="http://s39.radikal.ru/i084/0811/06/49cbee8a6012.jpg) repeat-x #094978;
color: #fa8ece;
}
/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
background-color: #003358;
color: #fa8ece;
}
/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
background: url(http://s51.radikal.ru/i134/0811/96/b13a77e8bf65.png) repeat-x #110044;
color: #BB88EE;
font-weight: normal;
font-style: normal;
}
/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
background: #FFFF00;
color: #000000;
}
#pun-title .title-logo{background: url(http://i047.radikal.ru/0811/fc/e60bcc7ed009.png) no-repeat top left; padding: 0px;}
#pun-title table {
background: url(http://s58.radikal.ru/i159/0811/46/ed4c82ee48ac.png) repeat-x;
background-position: 0px 1px;
}
/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
background: url(http://s51.radikal.ru/i134/0811/96/b13a77e8bf65.png) repeat-x #003358;
color: #fa8ece
}
/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl {
background: url(http://s49.radikal.ru/i124/0811/85/b77480c2d46d.png) repeat-x #FFFF00;
color: #000;
}
/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
background-color: #003968;
color: #fa8ece
}
/* CS1.8 */
#pun-navlinks .container {
background: none;
}
#pun-navlinks a{
background: url(http://s52.radikal.ru/i136/0811/d1/21ae614904d5.png);
}
#pun-navlinks a:hover, #pun-navlinks a:focus{
background: url(http://s51.radikal.ru/i134/0811/65/ff5f4515ba56.png);
}
.offline li.pa-online strong {
font-weight: normal
}
.punbb textarea, .punbb select, .punbb input {
background-color: #fff;
color: #000;
}
/* CS2 Border colours
-------------------------------------------------------------*/
/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
border-color: #FFFF00 #FFFF00 #FFFF00 #FFFF00
}
/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
border-color: #AB78DE
}
/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
border-color: #110044;
}
/* 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: #000000;
}
/* CS2.5 */
.punbb th {
border-color: #FFFF00
}
/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
border-color: #002958 #296998 #296998 #002958;
}
#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
border-color: #002958
}
#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
border-color: #296998
}
.punbb .divider {
border-color: #002958 #296998 #296998 #296998
}
.punbb .formal fieldset .post-box, .punbb .info-box {
border: 1px solid #dedfdf
}
li.pa-online {
border-left-color: #110044;
}
.punbb .post-sig dt {
border-top-color: #000000 !important;
}
/* 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: #FF00CC;
border-bottom: 0px none #000;
text-decoration: underline;
}
.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
color: #fa8ece
}
/* 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: #66CCCC;
border-bottom: 0px none #000;
text-decoration: underline;
}
/* CS3.3 */
#pun-navlinks a {
color: #FF00FF;
border-bottom: 0px none #000;
text-decoration: none;
}
/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
color: #FF00FF;
font-weight: normal;
font-style: normal;
border-bottom: 0px none #000;
text-decoration: none;
}
#pun-pagelinks a:active, #pun-pagelinks a:focus {
background-color: #333;
color: #fff;
}
/* CS4 Post status icons
-------------------------------------------------------------*/
div.icon {background: url(http://s55.radikal.ru/i150/0811/d8/7ab125c41396.png)}
tr.iredirect div.icon {background: url(http://s40.radikal.ru/i087/0811/7f/1da370a948f1.png)}
div.inew {background: url(http://s48.radikal.ru/i119/0811/5b/7d17a375a84c.png)}
#pun-main div.catleft, #pun-main div.catright {display: none}Обана...
оппачки...а кто это такой умный-хороший шапочку ручками своими золотыми сделала? а аватарки как отражаются! а звездочки! а курсорчик! хвалите меня, хвалите! вам все арвно терять нечего - я исходники не сохранила.
Видение
Дайте, пожалуйста, скрипт, чтобы аватарки отражались и на свою шапку. Я работаю над своим форумом, и давно уже ищу эти коды. Плагиировать не буду.
*опустило глазки* я боюсь в туда снова залезать. на шапку - щас дам, а на аватарки большой. о, ура....нашла...все взято с http://webdesign.9bb.ru/viewtopic.php?id=107&p=7 (ну не только с этой страницы 
)
Идея: Lexx
Разработка скрипта: Duka
Инструкция:
[color=red]В HTML-верх кидаете:[/color]
<script type="text/javascript">
document.getElementsByClassName = function(className) {
var children = document.getElementsByTagName('*') || document.all;
var elements = new Array();
for (var i = 0; i < children.length; i++) {
var child = children[i];
var classNames = child.className.split(' ');
for (var j = 0; j < classNames.length; j++) {
if (classNames[j] == className) {
elements.push(child);
break;
}
}
}
return elements;
}
var Reflection = {
defaultHeight : 0.5,
defaultOpacity: 0.5,
add: function(image, options) {
Reflection.remove(image);
doptions = { "height" : Reflection.defaultHeight, "opacity" : Reflection.defaultOpacity }
if (options) {
for (var i in doptions) {
if (!options[i]) {
options[i] = doptions[i];
}
}
} else {
options = doptions;
}
try {
var d = document.createElement('div');
var p = image;
var classes = p.className.split(' ');
var newClasses = '';
for (j=0;j<classes.length;j++) {
if (classes[j] != "reflect") {
if (newClasses) {
newClasses += ' '
}
newClasses += classes[j];
}
}
var reflectionHeight = Math.floor(p.height*options['height']);
var divHeight = Math.floor(p.height*(1+options['height']));
var reflectionWidth = p.width;
if (document.all && !window.opera) {
/* Fix hyperlinks */
if(p.parentElement.tagName == 'A') {
var d = document.createElement('a');
d.href = p.parentElement.href;
}
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
var reflection = document.createElement('img');
reflection.src = p.src;
reflection.style.width = reflectionWidth+'px';
reflection.style.marginBottom = "-"+(p.height-reflectionHeight)+'px';
reflection.style.filter = 'flipv progid:DXImageTransform.Microsoft.Alpha(opacity='+(options['opacity']*100)+', style=1, finishOpacity=0, startx=0, starty=0, finishx=0, finishy='+(options['height']*100)+')';
d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);
d.appendChild(p);
d.appendChild(reflection);
} else {
var canvas = document.createElement('canvas');
if (canvas.getContext) {
/* Copy original image's classes & styles to div */
d.className = newClasses;
p.className = 'reflected';
d.style.cssText = p.style.cssText;
p.style.cssText = 'vertical-align: bottom';
var context = canvas.getContext("2d");
canvas.style.height = reflectionHeight+'px';
canvas.style.width = reflectionWidth+'px';
canvas.height = reflectionHeight;
canvas.width = reflectionWidth;
d.style.width = reflectionWidth+'px';
d.style.height = divHeight+'px';
p.parentNode.replaceChild(d, p);
d.appendChild(p);
d.appendChild(canvas);
context.save();
context.translate(0,image.height-1);
context.scale(1,-1);
context.drawImage(image, 0, 0, reflectionWidth, image.height);
context.restore();
context.globalCompositeOperation = "destination-out";
var gradient = context.createLinearGradient(0, 0, 0, reflectionHeight);
gradient.addColorStop(1, "rgba(255, 255, 255, 1.0)");
gradient.addColorStop(0, "rgba(255, 255, 255, "+(1-options['opacity'])+")");
context.fillStyle = gradient;
if (navigator.appVersion.indexOf('WebKit') != -1) {
context.fill();
} else {
context.fillRect(0, 0, reflectionWidth, reflectionHeight*2);
}
}
}
} catch (e) {
}
},
remove : function(image) {
if (image.className == "reflected") {
image.className = image.parentNode.className;
image.parentNode.parentNode.replaceChild(image, image.parentNode);
}
}
}
function addReflections() {
var rimages = document.getElementsByClassName('reflect');
for (i=0;i<rimages.length;i++) {
var rheight = null;
var ropacity = null;
var classes = rimages[i].className.split(' ');
for (j=0;j<classes.length;j++) {
if (classes[j].indexOf("rheight") == 0) {
var rheight = classes[j].substring(7)/100;
} else if (classes[j].indexOf("ropacity") == 0) {
var ropacity = classes[j].substring(8)/100;
}
}
Reflection.add(rimages[i], { height: rheight, opacity : ropacity});
}
}
var previousOnload = window.onload;
window.onload = function () { if(previousOnload) previousOnload(); addReflections(); }
</script>
[color=red]В HTML-низ:[/color]
<script type="text/javascript">
var arr=document.getElementsByTagName("li")
i=0
while(arr[i] ){
if(arr[i].className=="pa-avatar item2"){
name=arr[i].innerHTML
name=name.substring(4)
arr[i].innerHTML="<img class=reflect "+name+" "
}
i++
}
</script><style type="text/css">
#pun-title table {background-image : url(сюда ссылку на рисунок, что первая в радикале);
height : 132px;
}и вот думаю пригодится. код для сдвига рекламы. менять значения 300 и 150
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 300px; top: 150px
}
</style>вот вам еще и обьявление! если достало, можно скрыть!
Видение
Спасибо. Первый скрипт вставил, второй уничтожил мой форум, но я его убрал и все опять стало прежним....
ггг.....а знаешь как я трудно настраивала эту фигню....шапка ж зараза в двух направлениях отражается
еще и ссылки переливаются. ай да я!
Вы здесь » ::Лесные коты Новые времена:: » Тех.раздел » Дизайн