1 2

СоЛнЕчНыЙ ГлАмУр

Объявление

Дорогой друг!При каждом посещение моео форума прошу тебя нажимать на эту картиночкуInternet MapГОСТЬ - нажми, если ты не трус!

Это Баннеры Наших Друзей!Форум любителей АнимЭ! Заходи к нам на огонёк!

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

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


Вы здесь » СоЛнЕчНыЙ ГлАмУр » Программирование » Программирование и Веб- Дизайн


Программирование и Веб- Дизайн

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

1

Изначально всем даётся такой скрипт в настройках, сейчас мы его разберём по частям.

<script>var diz=new Array('gif/1','#006699','#E0E4E8','#D0D8E0','#F0F0F0','#F7F7F 7','#FFFFFF','#FFFFFF','#006699','#E0E4E8','<br>', 'новичок','уже был','был не раз','частый гость','почетный гость','участник','постоянный участник ','заслуженный участник','почти ветеран','ветеран');</script><HTML><HEAD><TITLE>форум</TITLE><META http-equiv=Content-Type content="text/html; charset=windows-1251"><STYLE type=text/css>BODY{margin:10px;margin-top:15px;margin-bottom:10px;}td{font-family:Verdana;}.font1{font-size:12px;font-weight:400;}.font2{font-size:11px;font-weight:400;}.font3{font-size:11px;font-weight:700;}.font4{font-size:11px;font-weight:700;}.font5{font-size:11px;font-weight:700;COLOR:#ffa450;}.font6{font-size:11px;font-weight:700;}a:link{color:#006699;text-decoration:none;}a:visited{color:#5493b4;text-decoration:none;}a:hover{color: #dd6900;text-decoration:underline;}tr.font3{height:35px;}tr.fon t5{height:35px;}tr.font6{height:35px;}input,select ,textarea{font-size:11px;font-family:Verdana;}textarea{width:100%;height:120;}in put.sender{background-color:#ffffff;font-weight:700;border:1 outset rgb(0,0,0);}</STYLE></HEAD><BODY bgColor=#e5e5e5><TABLE bgColor=#98aab1 cellSpacing=1 cellPadding=10 width=100% height=100% border=0><TR bgColor=#F8FCF5><TD valign=top>

Теперь по частям. Цифр в коде не должно быть это просто обозначения что бы видно было.

<script>
var diz = new Array ('h**p://borda.ru/gif/1'0, '#2b6ebb'1,'#F0F0F0'2,'#E0E4E8'3,'#F0F0F0'4,
'#F0F0F0'5,'#FFFFFF'6,'#FFFFFF'7,'#2b6ebb'8,'#E0E4 E8'9,'','звание1','звание2',
'звание3','звание4','звание5','звание6','звание7', 'звание8','звание9','звание10');
</script>

0. Адрес папки с кнопками, можно использовать стандартные папки вида 'gif/2' 'gif/3' и т.п
1. Цвет шапки таблиц
2. Светлый цвет в таблицах
3. Темный цвет в таблицах
4. Дополнительный цвет в таблицах (например для области ответов в гостевых книгах)
5. Цвет формы для сообщений
6. Цвет разделительных линий в таблицах
7. Цвет разделительных линий в форме для сообщений
8. Цвет рамки вокруг таблиц
9. Цвет линии-разделителя HR, отделяет заголовок темы от текста
10..19. Звания, 10 значений

итак, теперь подробнее про кнопки!
0. Указывается папка, где выложены кнопки.

для того, чтобы загрузить свои кнопки на форум вам надо:
а) нарисовать для начало кнопки
б) кнопки по формату (gif) и по названиям должны совпадать с укаынными на этой странице h**p://fastbb.ru/gif/1/list.htm
при этом некоторые кнопки вы можете сохранить оттуда и загрузить сами в свою папку в интернете
в) папки можно создавать на разных сайта, один из таких является h**p://nm.ru/

здесь вы регистрируетесь, дальше создаете в соем каталоге в разделе "мой сайт" папку с любым названием, как вам удобно (только латинскими буквами) и загружаете в нее файлы кнопок.
А вот на этом сайте после регистрации можете сразу выкладывать картинки - (h**p://photobucket.com но он на английском)

все файлы долны быть повторяю gif формата и названия должны быть соотвественно названию в листе указанном выше.

г) после этого вы вместо h**p://borda.ru/gif/1 вставляете адрес своей папки (именно папки!! с кнопками)

1-9 цвет подбирать лучше всего в фотошопе, если нет, то в интернете можно анйти таблицы цветов, или поэксперементировать самим: код цвета должен быть из 6 знаков, каждый из которых может быть либо цифрой от 0 до 9, либо буквой латиницей a,b,c,d,e,f - при этом 0 - задает самое темное, f - самое светлое.

звания можно оставить теми же.

HTML><HEAD><TITLE>форум</TITLE>
вместофорумаподставляетеназваниефорума

<META http-equiv=Content-Type content="text/html; charset=windows-1251">
<STYLE type=text/css>

BODY{margin:10px;margin-top:15px;margin-bottom:10px;}td{font-family:Verdana;}.font1{font-size:12px;font-weight:400;}.font2{font-size:11px;font-weight:400;}.font3{font-size:11px;font-weight:700;}.font4{font-size:11px;font-weight:700;}.font5{font-size:11px;font-weight:700;COLOR:#ffa450;}.font6{font-size:11px;font-weight:700;}

можно изменить цвет (один) и размер букв при использование стиля

a:link{color:#006699;text-decoration:none;} цветссылки
a:visited{color:#5493b4;text-decoration:none;} посещеннаяссылка
a:hover{color: #dd6900;text-decoration:underline;} цветпринаведениенассылку
tr.font3{height:35px;}tr.font5{height:35px;}tr.fon t6{height:35px;}input,select,textarea{font-size:11px;font-family:Verdana;} стильшрифта textarea{width:100%;height:120;}input.sender
{background-color:#ffffff;цветзаливкифона
font-weight:700;border:1 outset rgb(0,0,0);}</STYLE>
</HEAD>
<BODY bgColor=#e5e5e5> - цветфона
<TABLE bgColor=#98aab1 цветфонатаблицы cellSpacing=1 cellPadding=10 width=100%ширинафорумнойтаблицы height=100%высота border=0бордюр><TR bgColor=#F8FCF5 заливкастроки><TD valign=top>
чтобы добиться эффекта прозрачноти вместо #ffffff поставьте '' - два английских апострофа
Это полоска пролистывания с права:
body {scrollbar-face-color: #000000;темное scrollbar-highlight-color: #37576C;светлое
scrollbar-shadow-color: #072132;темныйцветтени
scrollbar-3dlight-color: #98B7CA;светлыйцветтени
scrollbar-arrow-color: #000000;обводка?
scrollbar-track-color: #595959;цветпрокрутки
scrollbar-darkshadow-color: #000000;цветтени
scrollbar-face-color: #5B7C90;;цветлиниипрокрутки - самой "бегующей" штучки
background-color: #6F685E;цветфона
background-image: url(h**p://snegka.nm.ru/fpo.JPG);фоновыйрисунок ,ссылканакартинку
background-repeat: repeat-y} количество повторений - бесконечно, можно одно повторение no-repeat, но при этом нужно фиксировать рисунок - fixed
tr.font3{COLOR: #CCEFFFцвет;HEIGHT: 38pxразмер шрифта;BACKGROUND-IMAGE: url(h**p://static.diary.ru/userdir/7/1/4/3/71439/5596782.gif);}
заливка рисунком строки "форумы" и т.п. -верхняя
tr.font5{COLOR: #123E54цвет;HEIGHT: 38px размершрифта;BACKGROUND-IMAGE: url(h**p://static.diary.ru/userdir/7/1/4/3/71439/5596782.gif);}
заливка рисунком строки "форумы" и т.п. -средняя
tr.font6{COLOR: #CCEFFFцвет;HEIGHT: 32px размер шрифта;BACKGROUND-IMAGE: url(h**p://static.diary.ru/userdir/7/1/4/3/71439/5596846.gif);}
рисунок заливки поля где написано "форум", "темы" - нижняя и т.п.
input,select,textarea{font-size:12px;font-family:Verdana;}
textarea{width:100%;height:120;}
input.sender{background: url(h**p://static.diary.ru/userdir/7/1/4/3/71439/5596700.gif)} рисунокзаливкикнопки "отправить", "найти" ит.п.
</STYLE>
</HEAD>
<BODY bgColor=''>
<center>
<br><TABLE bgColor='' cellSpacing=1 cellPadding=10 width=94% height=100% border=0>
<TR bgColor=''><TD valign=top>
<TD align="center"><img src="h**p://static.diary.ru/userdir/7/1/4/3/71439/5591430.gif" (шапкафорума)рисуноксерхуфорума - эпиграфalt="">
ВНИМАНИЕ
если у вас вдруг после сохранения показывают просто голую страницу без форума, то это плохо, значит вы что-то напортачили в коде,
для того чтобы вернуть форуму изначальный вид - обратитесь к администратору главному форума, а если вы сами создали форум, то зайдите на h**p://www.fastbb.ru/start.pl?9
там отметьте восстановление нижнего и верхнего html
кстати, лучше всего когда уже есть часть работы сохранять код в ворде у себя, чтобы если вдруг такое произошло было легко восстановить.
а теперь вперёд и с песней))))

0

2

Где ты это выкапала?

0

3

Зайка написал(а):

Где ты это выкапала?

сама наисала :D )))

знаешь, что  ИНТЕРНЕТ эо велииииикая штука!

0


Вы здесь » СоЛнЕчНыЙ ГлАмУр » Программирование » Программирование и Веб- Дизайн