Обучаем Светолику)

Поделиться212010-09-14 20:55:43

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

Светолика
Это хорошо,теперь нужно вставить картинку в шапку.
Переходим во второе окошко и ищем вот такой код:

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

После него пропускаем две строчки и вставляем вот это:

#pun-title .title-logo{background: url(адрес шапки) no-repeat top center; padding: 0px;}
#pun-title table {
background: url() repeat-x;
background-position: 0px 1px;
}

Вместо слов адрес шапки,вставляем адрес картинки,которую ты нашла.

0

Поделиться222010-09-14 20:59:49

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Наверное, я сделала что - то не то! Ничего не случилось!

0

Поделиться232010-09-14 21:01:57

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

О, теперь есть! Но он маленький! Надо его увеличить!)

0

Поделиться242010-09-14 21:06:12

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Так - с, в радикале не изменяется! Что - же делать???)

0

Поделиться252010-09-14 21:08:13

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Ладно, я завтра ещё приду!

0

Поделиться262010-09-14 21:08:49

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

Можешь дать мне ссылку на картинку?)

0

Поделиться272010-09-14 21:18:57

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

да, вот здесь можешь взять любую, какую хочешь! - Здесь
или Здесь

0

Поделиться282010-09-14 21:21:55

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Ладно, до завтра! Спокойной ночи!)

0

Поделиться292010-09-14 21:28:24

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

До завтра)

0

Поделиться302010-09-14 22:45:37

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

Светолика
те картинки которые ты дала очень маленькие,с ними может получиться только так,тебе так нравиться?
если нет , нужно найти другую картинку побольше)

0

Поделиться312010-09-15 06:56:02

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Попробую найти, но мне сейчас в школу(((

0

Поделиться322010-09-15 15:07:46

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

такая тебе не нравиться?

0

Поделиться332010-09-15 15:32:03

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

В смысле? Эта мне нравится!

0

Поделиться342010-09-15 15:38:28

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Я вставила картинку! Что дальше?)

0

Поделиться352010-09-15 16:43:51

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

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

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

/* D1.4 */
#pun-title h1 span {
display: none;
}

#pun-title TABLE {
border: none;
height: 255px;
width: 100%; margin-bottom: 0px; margin-top: 0px;
}

#pun-title TD.title-logo-tdl {
border: none;
width: 100%; height: 255px;
}

#pun-title TD.title-logo-tdr {
border: none;
width: 468px;
vertical-align: top;
padding-right: 0px;
padding-top: 0px;

}

padding-right: 0px
С помощью этого кода двигаем баннер вправо,заменив цифру 0 на свое значение.
padding-top: 0px
C помощью этого кода можно двигать баннер вниз,заменив цифру 0 на свое значение,но в нашем тестовике баннер двигать вниз не придется,так что просто передвинь его немного вправо.

0

Поделиться362010-09-15 17:07:12

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Хмм, я попробовала его передвинуть на 100 пикселей вправо, но ничего не произошло!((

0

Поделиться372010-09-15 17:17:06

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

А,ясно,это обычно зависит от длины шапки,у нас она 250,а для того что бы двигать вправо нужна 300.Ладно,когда будешь делать стиль сама,в следующий раз,делай шапку 300,а вместо 100,тоже ставь 300.
Сейчас оставим все как есть,искать новую картинку для шапки долго..)

Теперь давай перейдем к фону.Готова,если что то не понятно по предыдущим урокам,спрашивай)

0

Поделиться382010-09-15 17:30:05

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Я готова!
*Вытянулась в струнку и жду дальнейших указаний*)

0

Поделиться392010-09-15 17:48:53

Автор: `sunny
позитивная*
Зарегистрирован: 2010-05-05
Приглашений: 0
Сообщений: 107
Уважение: +2
Позитив: +3
Пол: Женский
Возраст: 30 [1994-10-10]
Провел на форуме:
14 часов 45 минут
Последний визит:
2010-10-09 21:14:00

Отлично))
Теперь нам нужен фон,картинку для него я уже нашла.Вопрос в том как его ставить?
Для этого нам нужно второе окошко,и такой вод код в нем:

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

body {
background-color: #FF99CC;
}

После этого кода нужно пропустить две строчки и вставить вот что:

html, body{
background: url(ссылка на картинку фона);
}

Твое задание:
Поставь вот такую картинку
http://savepic.ru/1726766.jpg

0

Поделиться402010-09-15 17:56:17

Автор: Светолика
Наш человек
Откуда: Москва
Зарегистрирован: 2010-09-13
Приглашений: 0
Сообщений: 121
Уважение: +1
Позитив: +6
Пол: Женский
Возраст: 27 [1997-02-06]
Провел на форуме:
1 день 1 час
Последний визит:
2011-03-14 18:05:56

Оооо, это так круто!!!

0

Раскрутка всех форумов;

Меню навигации

Пользовательские ссылки

Объявление

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