...
обьяснения
Сообщений 1 страница 14 из 14
Поделиться22009-07-10 11:10:13
ну так что вперед...
есть такое понятие HTML вверх и HTML вниз....
Это... администрирование---настройки--- и там есть два окошка....
первое окошко редко когда используеться... в основном мы используем только второе...
Поделиться32009-07-10 11:11:41
понятно
Поделиться42009-07-10 11:11:46
<style type="text/css">
.punbb{
width: 80%;
}
</style>
<style type="text/css">
.punbb
{margin-left: 200px;
margin-right: 195px;
}
</style>
Этот код чтобы сдвинуть форум то что я выделила красным эти цыфры мы меняем....
если хотя бы одного символа не хватает код просто не будет работать
Поделиться52009-07-10 11:14:16
<style type="text/css">
#pun-title table {background-image : url( http://s46.radikal.ru/i112/0907/11/d051a3e23f18.jpg );
height : 330px;
}
</style>
код для шапки
То что выделенно зеленым это сама кортинка.. Её мы загружаем через радикал и копируем первую ссылку...
то что выделенно красным... Это её размер который измеряеться в пикселях...
Но есть еще один код который не растягивает шапку тоесть обычный...(я например такой не использую...)
Поделиться62009-07-10 11:14:19
так понятно
Поделиться72009-07-10 11:16:43
<style> #pun-title table tbody tr .title-logo-tdr {position: absolute; z-index: 1; left: 250px; top: -40px
}
</style>
код для сдвига рекламного блока вверху
то что крысным мы можем менять...
если его вообще убрать твой форум удолят!
(лучше размеры не меняй я сама там чет плохо разгребаюсь х_Х)
Поделиться82009-07-10 11:18:13
так дальше
Поделиться92009-07-10 11:19:39
<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 это общие пиксили
Поделиться102009-07-10 11:21:59
понятно
Поделиться112009-07-10 11:22:41
<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
Поделиться122009-07-10 11:23:53
<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>
Этот код для кнопочек... ЛС, профиль, майл, удалить редактировать, цетировать...
объяснять не буду.. так как это не каждый раз нуно...
это зависет от самого дизайна!
Поделиться132009-07-10 11:26:19
<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>
код для показания смены ника... находиться внизу там где статистика указывает кто каким цветом...
то что зеленым мы можем поменять используя опять таки политру... там копируем код понравившеесего цвета и вставляем.... то что написанно администраторы, модераторы, мостера игры тоже можно менять... чуть позже дам код который меняем сами ники!
Поделиться142009-07-10 11:29:28
/* 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!
Администрирование---стиль.
Первое окошко мы не когда не трогаем! или если что то удалишь весь форум полетит я буду долго выстонаволивать это... так как оно принаждлежит для размещения.. тапо что где находиться...
второе окошко только для дизайна....
если ставим свой стиль мы должны поставить голоочку сверху ..."Хотите ли Вы использовать собственный стиль оформления?"----"да"
тогда у нас будет стиль
если он вам надоел... эээ.. кароч скажи мне я исправлю... хД
Про этот код я нечего рассказывать не буду так как это сложно и долго придеться учить все!...