Alternative Art : breath of a phoenix

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Alternative Art : breath of a phoenix » Восстановленное » Итак, скажу вам, что ксс, это код, котор...


Итак, скажу вам, что ксс, это код, котор...

Сообщений 121 страница 148 из 148

121

Надеюсь бить не будете,я новеький и потому воть:

Лого - http://i044.radikal.ru/0905/66/6bc76b6a51da.png

Панелька(только я не знаю какая лутше подойдёт)
1)  http://s48.radikal.ru/i119/0905/d4/f19795396763.png
2)http://s41.radikal.ru/i093/0905/1a/b36f15271aeb.png

Картинки сообщений:
Важно - http://s47.radikal.ru/i116/0905/b9/a090138138e3.png
Нет новых - http://i069.radikal.ru/0905/e7/dc99b47178cb.png
Закрыта - http://s51.radikal.ru/i132/0905/30/c6ef009251c7.png
Новые - http://i001.radikal.ru/0905/01/20abbd26910a.png

Подскажите что дальше делать

Отредактировано Kilipok (29-05-2009 22:37:55)

0

122

Kilipok
Далее следуем по плану:
Верхнее окошко оставляешь заполненым а-ля его не трогаешь (если оно у тебя пустое, то возьми из любого тёмного стандартного mybb стиля вверхний код и вставляешь к себе)
Потом, очищаешь нижнее окошко. Сначала вставим шапку с помощью такого кода:

#pun-title table {background-image : url(ссылка на шапку);
height : 300px;
background-repeat : no-repeat;
}
#pun-title .title-logo span {display: none;}
#pun-title .title-logo {background-image : url(http://ipicture.ru/uploads/080521/Tf3BuV2BSQ.jpg);
background-repeat : no-repeat; height : 300px;
}

где отмечено красным меняй под себя, как в лого так и в шапке, но ссылку на лого не трогай...

Теперь фон. Фон мы либо заливаем одним цветом:

body {background-color: цвет}

Либо картинкой:

HTML, BODY {background-image: url("ссылка на картинку")!important; background-repeat: repeat !important;}

Панельку в категории ставим с помощью этого кода:

#pun-main h2 {
color : цвет;
background-color : transparent; background-image : url(ссыль);
text-align: center;
font-weight: bold;height: высота px;
background-position: bottom center;
}

Кнопки/иконки на сообщения ставим так:

div.icon {
        background: url(Нет новых сообщений ) no-repeat;
}
tr.inew div.icon {
        background: url(Есть новые сообщения) no-repeat;
}
tr.iclosed div.icon {
        background: url(Закрытая тема) no-repeat;
}
tr.iredirect div.icon {
        background: url(Важная тема) no-repeat;
}
tr.isticky div.icon {
        background: url(раздел с ссылкой на другой источник) no-repeat;
}

Вот и всё ^_________^

0

123

Лугару
Я так понял в нижнем всё удаляем и пишем своё.

tr.isticky div.icon {
        background: url(раздел с ссылкой на другой источник) no-repeat;
}

Непонял О.о

Отредактировано Kilipok (30-05-2009 19:59:10)

0

124

Kilipok написал(а):

Непонял О.о

мм то есть при клике на этот раздел будет проходить автоматическая переадресация на другой сайт/форум
например так сделано на ТП с последним разделом

0

125

У меня почему-то не ставятся картинки категорий и форум стал абсолютно прозрачным.(я делаю на тестовом)
А как сузить форум до 750px?

0

126

Как сузить я разобрался,но осталась проблема,прозрачность и как его зделать по центру
http://s40.radikal.ru/i088/0905/9f/25f4ff90f031t.jpg

Отредактировано Kilipok (30-05-2009 23:15:42)

0

127

Kilipok

Баннер что б передвинуть:
HTML-верх:

<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 500px; top: 0px}
    </style>

Красное меняем на свое.....
Спасибо, Луги-тян, что помог с этим скриптом))

По центру что б сделать:
style.css

/* A5 Basic page layout and borders
-------------------------------------------------------------*/

/* A5.2 */
.punbb {
  float: center;
  width: 100%;
  height: auto;
  margin: auto;
  }

Красное меняем на свое)
Ставим: left, right или center.

Отредактировано Юки-тян (31-05-2009 03:25:55)

0

128

Юки-тян,аригато
эх...кроме банера ничё не поменялось

0

129

Kilipok
чтоб закрасить форум используй это:

/* 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: #цвет фона;
  color: #цвет текста;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #цвет фона;
  color: #цвет текста;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(ссылка на картинку в статистике);
  color: #e4c59c;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #цвет фона;
  color: #цвет текста;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #цвет фона;
  color: #цвет текста
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #цвет фона;
  color: #цвет текста
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #цвет фона;
  color: #цвет текста
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #цвет фона;
  color: #цвет текста;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #цвет фона;
  color: #цвет текста
}

Я не помню какой элемент за что отвечает, поэтому поэксперементируй. Поменяй цвета постеменно, и смотри, что поменялось на твоём форуме %)

0

130

/* CS1.1 */
Отвечает за Основной цвет
/* CS1.2 */

Цвет фона таблички.....

А дальше не помню

0

131

Лугару Юки-тян
Домо аригато,вы мне так помогаете)

0

132

Скажите,что здесь не так,почему форум стоит по левому краю
style.css

Код:
/* A5.2 */
.punbb {
  float: center;
  width: 100%;
  height: auto;
  margin: auto;
  }

style.cs_css

Код:
/* 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: #262626;
  color: #ffffff;
  }

/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer {
  background-color: #262626;
  color: #ffffff;
  }

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background: url(http://s48.radikal.ru/i119/0905/d4/f19795396763.png);
  color: #e4c59c;
  font-weight: normal;
font-style: normal;

  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: #262626;
  color: #ffffff;
  }

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: #262626;
  color: #ffffff;
  }

/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: #262626;
  color: #ffffff;
  }

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #262626;
  color: #ffffff;
  }

/* CS1.8 */
#pun-navlinks .container {
  background-color: #262626;
  color: #ffffff;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

.punbb textarea, .punbb select, .punbb input {
  background-color: #262626;
  color: #ffffff
}






#pun-title table {background-image : url(http://i044.radikal.ru/0905/66/6bc76b6a51da.png);
height : 250px;
background-repeat : no-repeat;
}
#pun-title .title-logo span {display: none;}
#pun-title .title-logo {background-image : url(http://ipicture.ru/uploads/080521/Tf3BuV2BSQ.jpg);
background-repeat : no-repeat; height : 250px;
}
#pun-main h2 {
color : цвет;
background-color : transparent; background-image : url(http://s48.radikal.ru/i119/0905/d4/f19795396763.png);
text-align: center;
font-weight: bold;height: высота px;
background-position: bottom center;
}
div.icon {
        background: url(http://i069.radikal.ru/0905/e7/dc99b47178cb.png ) no-repeat;
}
tr.inew div.icon {
        background: url(http://i001.radikal.ru/0905/01/20abbd26910a.png) no-repeat;
}
tr.iclosed div.icon {
        background: url(http://s51.radikal.ru/i132/0905/30/c6ef009251c7.png) no-repeat;
}
tr.iredirect div.icon {
        background: url(http://s47.radikal.ru/i116/0905/b9/a090138138e3.png) no-repeat;
}
tr.isticky div.icon {
        background: url(http://perekrestoc.rolka.su/) no-repeat;
}

HTML, BODY {background-image: url("http://s60.radikal.ru/i170/0905/a7/84eb0529c596.png")!important; background-repeat: repeat !important;}

#pun {margin: auto; width : 750px; float: center;}

0

133

Kilipok
У мя так же... видимо, наши шаблоны стилей таят в себе какую-то каку, которую тоже надо исправить, и тогда всё станет на свои места. По крайне мере, возьмите другой CSS-верх. Только от шаблона того форума, который стоит по центру хD А я подумаю.

0

134

Беру Mybb Voodoo и тоже самое,надо пошарится гденить в другом месте,я уверен что это где-то внизу

0

135

Kilipok написал(а):

я уверен что это где-то внизу

навряд ли... я убрал у своего тест-форума нижнюю часть, оставив только верхнюю. По вашей версии форум должен ьыл стать посередине, хотя этого не произошло^^ так что подвох надо искать верху...

0

136

Такс...Я нашёл!!!
Лугару
Смотри

Верхнее окошко

Старый:

Код:
/* A5.2 */
.punbb {
  float: center;
  width: 100%;
  height: auto;
  margin: auto;
  }

Новый:

Код:
/* A5.2 */
.punbb {
  float: center;
  width: 750px;
  height: auto;
  margin: auto;
  padding-left: 200px;
  padding-right: 250px;
  }

Циферки под себя поставь(просто не умею выделять красным)

А это удали!

Код:
#pun {margin: auto; width : 750px; float: center;}

0

137

Лугару
У меня вопросик как поменять фон где стоят надписи
Новые сообщения Активные темы Сообщения без ответов Мои сообщения Подписка Все прочитано   на картинку.

:offtop:
Эмммм....Ты случайно не админ на Зазеркалье?

0

138

Kilipok написал(а):

Новые сообщения Активные темы Сообщения без ответов Мои сообщения Подписка Все прочитано   на картинку.

Тоо, нет, не знаю (( нам об этом не рассказывали ><" сенсей!!!!

Kilipok написал(а):

Эмммм....Ты случайно не админ на Зазеркалье?

Та, я там админ^^

0

139

Kilipok написал(а):

У меня вопросик как поменять фон где стоят надписи
Новые сообщения Активные темы Сообщения без ответов Мои сообщения Подписка Все прочитано   на картинку.

так...ну насколько я знаю....там фон будет того же цвета, что и основной цвет.....
ну а как картинку поставить:
Было:

/* 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: #aa7139;
  color: #F5DEB3;
  }

Стало:

/* 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: transparent; background-image : url(Ссылка на картинку);
  color: #F5DEB3;
  }

0

140

Юки-тян
У меня оно меняет все - обьявление,количество тем,собщений и те кнопочки.

0

141

гомен, а где размер высоты статистики можно отрегулировать? У меня просто картинка в статистике не  влезает

0

142

.cocaine
просто прописываешь, там где код с картинкой высоту
height : *px

0

143

Извините, а кто-нибудь может посоветовать - с чего начинать при изучении css? как вижу, тут все самоучки

0

144

.cocaine
Ну, я начинал просто: удалил всё внизу, стал впихивать отдельные коды (код шапки, панельки и т.д.), а потом, по мере надобности, спрашивал у знающих css

0

145

.cocaine
Я, к примеру, открывала на форуме единой поддержки или любой другой FAQ по дизайну форума в CSS и по нему учила и CSS и HTML :З А еще на форуме Style-Web Молодежный Портал Фотошопа и Дизайна - Форум есть очень хорошие и подробные уроки по CSS, написаны очень понятным и доступным языков, что даже новичок из всех новичков поймет хЗ

0

146

У меня маленький вопросик. Я всегда делала кнопки по стандарту - 50*50, уж какой стаж в дизайнерстве. А тут подумала, захотелось сделать их больше, но тогда их не видно. Может нужно как-то по особому вставлять, а не как обычнот в css?

0

147

Yuka написал(а):

У меня маленький вопросик. Я всегда делала кнопки по стандарту - 50*50, уж какой стаж в дизайнерстве. А тут подумала, захотелось сделать их больше, но тогда их не видно. Может нужно как-то по особому вставлять, а не как обычнот в css?

Чтобы сделать иконки видными, ну или большим размером, заходите в первое окно, там ищите пункт C/2.15. Где height и width ставьте размер своих кнопок, ну а в width можно еще на 5 пикселей больше ставить, чтобы отступ был))

0

148

Bombari. написал(а):

Чтобы сделать иконки видными, ну или большим размером, заходите в первое окно, там ищите пункт C/2.15. Где height и width ставьте размер своих кнопок, ну а в width можно еще на 5 пикселей больше ставить, чтобы отступ был))

Спасиб, развеял мои сомнения насчет этого пункта.)

0


Вы здесь » Alternative Art : breath of a phoenix » Восстановленное » Итак, скажу вам, что ксс, это код, котор...


Рейтинг форумов | Создать форум бесплатно