Bleach World

Объявление

Администраторы:
Ичиго
Рукия
Модераторы:
Идет набор...
Объявление:
•Приветствую всех на ролевой игре - Bleach World. Наш форум
еще совсем новый. Вся информация форума еще в разработке.
Проктически все роли свободны.
_______________________________________________________________

Погода:
•Дата : 10 июля.
•Время: 9:00 - 12:00
•Погода: Ясно. Светит солнце. +32.
_______________________________________________________________

Реклама:
• Логин: PR
• Пароль: 0000
Полезные ссылки:
Радикал
Список Ролей
Шаблон Анкеты

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

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


Вы здесь » Bleach World » Архив » обьяснения


обьяснения

Сообщений 1 страница 14 из 14

1

...

0

2

ну так что вперед...
есть такое понятие HTML вверх и HTML вниз....
Это... администрирование---настройки--- и там есть два окошка....
первое окошко редко когда используеться... в основном мы используем только второе...

0

3

понятно

0

4

<style type="text/css">
.punbb{
  width: 80%;
  }
</style>

<style type="text/css">
.punbb
{margin-left: 200px;
margin-right: 195px;
}
</style>

Этот код чтобы сдвинуть форум то что я выделила красным эти цыфры мы меняем....
если хотя бы одного символа не хватает код просто не будет работать

0

5

<style type="text/css">
#pun-title table {background-image : url( http://s46.radikal.ru/i112/0907/11/d051a3e23f18.jpg );
height : 330px;
}
</style>

код для шапки
То что выделенно зеленым это сама кортинка.. Её мы загружаем через радикал и копируем первую ссылку...
то что выделенно красным... Это её размер который измеряеться в пикселях...
Но есть еще один код который не растягивает шапку тоесть обычный...(я например такой не использую...)

0

6

так понятно

0

7

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

код для сдвига рекламного блока вверху
то что крысным мы можем менять...
если его вообще убрать твой форум удолят!
(лучше размеры не меняй я сама там чет плохо разгребаюсь х_Х)

0

8

так дальше

0

9

<style>
.punbb table Div.icon {float: left; display: block; width: 50px; height: 50px; border-style: none;
background-image: url(  http://s52.radikal.ru/i137/0907/41/398822840a0a.png    );
background-repeat: no-repeat;
position: relative; margin-right: 10px;}
TR.inew Div.icon {
background: url(  http://s46.radikal.ru/i113/0907/fe/657cfaa06147.gif  ) no-repeat;}
TR.isticky Div.icon {
background: url(  http://s60.radikal.ru/i167/0907/38/f0ede6d599e4.png  ) no-repeat;}
TR.iclosed Div.icon {
background: url(  http://s48.radikal.ru/i121/0907/b5/cef6a9fce915.png  ) no-repeat;}
</style>

Код для новые сообщения, старые сообщения, закрытая тема, важная тема...
То что красным этокартинки которые закружаються через радикал и копируеться первая ссыль...
то что зеленым.. мы меняем размер иконки..
на данный момент я взяла иконку 50х50
Так как это для этого диза оч нормальный размер картинки...
то что у нас 10 это общие пиксили

0

10

понятно

0

11

<style type="text/css">body {background-color: 000000; background-image:url(
http://s39.radikal.ru/i083/0907/7c/a93516c9670e.jpg
) !important; background-position: center right; background-attachment: fixed; background-repeat: no-repeat}</style>

код для фона НЕ ПРОКРУЧИВАЕТЬСЯ!

опять То что красным этокартинки которые закружаються через радикал и копируеться первая ссыль...
Есть еще один похожий код но там он будет прокручиваться вместе с форумом... НЕ ПУТАЙ!
то что зеленым это просто мы можем поменять цвет... для чего мы используем палитру типо как тут http://mysite.verizon.net/laurin99/colorchart.htm

0

12

<script type="text/javascript">
var trr=document.getElementsByTagName("div")
var fi=0
for (fi=0; fi<=(trr.length-1);fi++)
{if (trr[fi].className=="post-links")
{var drr=trr[fi].getElementsByTagName("a")
drr[0].innerHTML="<img src='http://s47.radikal.ru/i118/0907/d0/9dc8d233a0a2.jpg'/>"
drr[1].innerHTML="<img src='http://s56.radikal.ru/i151/0907/68/975088735c87.jpg' />"
var er=2
for (er=2; er<=(drr.length-1); er++)
{if (drr[er].innerHTML.indexOf("E-mail")!=-1)
{drr[er].innerHTML="<img src='http://i045.radikal.ru/0907/fa/a9b0ccb28c83.jpg' />"}
else if (drr[er].innerHTML.indexOf("Вебсайт")!=-1)
{drr[er].innerHTML="<img src='http://s48.radikal.ru/i119/0907/18/4262fd0a5737.jpg'  />"}
else if (drr[er].innerHTML.indexOf("Цитировать")!=-1)
{drr[er].innerHTML="<img src='http://s57.radikal.ru/i156/0907/18/4c226a4ea800.jpg'/>"}
else if (drr[er].innerHTML.indexOf("Редактировать")!=-1)
{drr[er].innerHTML="<img src='http://s57.radikal.ru/i156/0907/1a/99b541793210.jpg' />"}
else if (drr[er].innerHTML.indexOf("Удалить")!=-1)
{drr[er].innerHTML="<img src='http://s59.radikal.ru/i163/0907/f3/d409e53a1d57.jpg' />"}
}}}
</script>

Этот код для кнопочек... ЛС, профиль, майл, удалить редактировать, цетировать...
объяснять не буду.. так как это не каждый раз нуно...
это зависет от самого дизайна!

0

13

<script type="text/javascript">
var text="<center><font color=LightSkyBlue> Администратор </font> | <font color=Green> Модератор </font>  |  <font color=Gold> Мастер Игры </font></center>"
pa=document.getElementById("pun-stats")
pa.style.position = "relative"
pa.innerHTML = "<div style=\"position:absolute; z-index:2; center: 10px; top: 40px; width: 100%;\">"+text+"</div>"+ pa.innerHTML
</script>

код для показания смены ника... находиться внизу там где статистика указывает кто каким цветом...

то что зеленым мы можем поменять используя опять таки политру... там копируем код понравившеесего цвета и вставляем.... то что написанно администраторы, модераторы, мостера игры тоже можно менять... чуть позже дам код который меняем сами ники!

0

14

/* CS1 Background and text colours
-------------------------------------------------------------*/

body {
background-color: #A0A0A0;
}

/* 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: #A0A0A0;
  color: #3B373F;
  }

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

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: #A0A0A0;
  color: #E3E4E4;
  font-weight: normal;
font-style: normal;

  }

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

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

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

/* CS1.7 */
.punbb .quote-box, .punbb .code-box {
  background-color: #909090;
  color: #3B373F
  }

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

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

.punbb textarea, .punbb select, .punbb input {
  background-color: #A0A0A0;
  color: #3B373F
}

/* CS2 Border colours
-------------------------------------------------------------*/

/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border-color: #A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0
  }

/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border-color: #909090
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border-color: #A0A0A0;
  }

/* 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: #A0A0A0;
  }

/* CS2.5 */
.punbb th {
  border-color: #A0A0A0
  }

/* CS2.6 */
.punbb .quote-box, .punbb .code-box {
  border-color: #808080 #C0C0C0 #C0C0C0 #808080;
  }

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border-color: #808080
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border-color: #C0C0C0
  }

.punbb .divider {
  border-color: #808080 #C0C0C0 #C0C0C0 #C0C0C0
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: 1px solid #dedfdf
  }

li.pa-online {
  border-left-color: #A0A0A0;
  }

.punbb .post-sig dt {
  border-top-color: #A0A0A0 !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: #000000;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: #3B373F
  }

/* 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: #3F3F41;
    border-bottom: 0px none #000;
  text-decoration: underline;

  }

/* CS3.3 */
#pun-navlinks a {
  color: #000000;
    border-bottom: 0px none #000;
  text-decoration: none;

  }

/* CS3.4 */
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: #3F3F41;
  font-weight: normal;
font-style: normal;
  border-bottom: 0px none #000;
  text-decoration: underline;

  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }

/* CS4 Post status icons
-------------------------------------------------------------*/

div.icon {border-color: #D1D1D1 #B1B1B1 #A1A1A1 #B1B1B1}
tr.iredirect div.icon {border-color: #A0A0A0 #A0A0A0 #A0A0A0 #A0A0A0}
div.inew {border-color: #F3F3F3 #D3D3D3 #C3C3C3 #D3D3D3}

#pun-main div.catleft, #pun-main div.catright {display: none}




КОД CSS!

Администрирование---стиль.
Первое окошко мы не когда не трогаем! или если что то удалишь весь форум полетит я буду долго выстонаволивать это... так как оно принаждлежит для размещения.. тапо что где находиться...
второе окошко только для дизайна....
если ставим свой стиль мы должны поставить голоочку сверху ..."Хотите ли Вы использовать собственный стиль оформления?"----"да"
тогда у нас будет стиль
если он вам надоел... эээ.. кароч скажи мне я исправлю... хД
Про этот код я нечего рассказывать не буду так как это сложно и долго придеться учить все!...

0


Вы здесь » Bleach World » Архив » обьяснения