Кот

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

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


Вы здесь » Кот » Архивы » `tsunami | Nicol.tea. Твои мечты сбудутся, нужно мечтать.


`tsunami | Nicol.tea. Твои мечты сбудутся, нужно мечтать.

Сообщений 21 страница 27 из 27

21

Nicol.tea
Молодец)) новый урок снова позже, у меня куча дел и я не знаю, о чем тебе еще рассказать хд

0

22

Разберем подробнее первое окно стиля
Знакомое название, не правда ли? Да-да-да, не удивляйся. Это так. Помнишь, я говорила в "Новичках", что первое окно - довольно сложное, что в будущем тебе по-хорошему и понадобятся-то всего ничего пунктов из него. Сегодня мы разберем стуктуру подробнее, чтобы в случае чего ты знала где и что менять.

Блок A1 Import the colour scheme отвечает за импорт цветовой схемы.
Блок A2 Deal with browser defaults and wonkiness отвечает за отображение форума в браузере.
Блок A3 Text setup отвечает за текст на всём форуме.
Блок A4 Float clearing and hidden items отвечает за поверхностную очистку и скрытие элементов.
Блок A5 Basic page layout and borders отвечает за основной макет страниц и границ.
Блок B1 Parsed Content, Signatures and Scroll Boxes отвечает за разбор содержания, подписи и движков.
Блок B2 Information boxes отвечает за блок информации.
Блок B3 Pagination and posting links отвечает за разбивку на странице и размещение ссылок.
Блок C1 Form layout отвечает за форму макета.
Блок C2 Table layout отвечает за таблицу макета.
Блок C3 Topics отвечает за темы.
Блок C4 Moderator menu отвечает за меню модераторов.
Блок C5 Message boxes отвечает за страницу сообщений.
Блок C6 Profile отвечает за страницу профиля.
Блок C7 User list отвечает за страницу списка пользователей.
Блок D1 Logo and description отвечает за лого и описание форума.
Блок D2 Page navigation отвечает за навигацию на странице.
Блок D3 Forum navigation отвечает за навигацию на форуме.
Блок D4 User links отвечает за пользовательские ссылки.
Блок D5 Welcome box and Top Breadcrumbs отвечает за приветствие.
Блок D6 Announcement отвечает за объявление.
Блок D7 Statistics отвечает за статистику.
Блок D8 Quick Jump - About - Bottom Breadcrumbs отвечает за быстрый переход и низ форума.
Блок D9 Help file отвечает за файл справки.

Задание
1. Это больше, скорее, теория. Прочти, ознакомься.
2. Можешь изменить себе в коде комментарии.
3. Если возникнет желание, почитай в фишках и примочках статью про изменение стиля страницы переадресации. Можешь попробовать осуществить что-то подобное по ней. Но только не копирование кода тупое, а что-то свое.

0

23

В пятницу тогда скину скрин с переадресацией, коментарии поменяла (точнее приписала)

0

24

Nicol.tea
Хорошо, жду)

0

25

вооот оно, с чем я мучилась =)
http://s2.uploads.ru/t/C9oW2.jpg

0

26

Nicol.tea
А, да норм, хорошо получилось) я новый урок тебе чуть попозже скину, ок?

0

27

Поучимся делать таблицы
Извини, что ссылаюсь опять на другие уроки и статьи, просто со временем вообще завал сейчас, не успеваю ничего. Тем более, там все очень хорошо написано. Таблицы HTML faiko. Прочитай статью и попробуй сделать вот такую таблицу:

Таблица

http://s2.uploads.ru/EFwAm.png

Ну прямо не точно такую же, просто напоминающую очертаниями. Я урок тот пролистала, там вроде все есть для такой таблицы, все должно быть понятно. Если все получится, где текст 1 можешь попробовать вставить облако ссылок. Вот скрипты:

Полоса прокрутки

Вставляешь непосредственно в ту ячейку, где она должна быть:

<td>Текст до полосы прокрутки
<div style="position:relative; left:1px; top:150px; width: 250px; height:160px; overflow:auto;">Текст с полосой прокрутки</div>

Текст до полосы прокрутки прокручиваться не будет. Все значения после top, wight и height меняешь на свои, если не будет подходить по форме.

Облако ссылок

Это ставишь непосредственно в ячейку, где хочешь видеть. Можешь не заполнять пока, просто поставить:

<div id="yoblako" align="center"><noindex>
    <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
    <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
    <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
    <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
    <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
    <a style="font-size:8pt;" href="ССЫЛКА" rel="nofollow" class="eTag eTagGr8">ПОДСКАЗКА</a>
    </noindex></div>

А это уже в HTML-низ:

<script type="text/javascript" src="http://neotech.3dn.ru/Tegs/swfobject.js"></script>
    <script type="text/javascript">
    var flashvars = {};
    flashvars.mode = 'tags';
    flashvars.minFontSize = '8';
    flashvars.maxFontSize = '14';
    flashvars.tcolor = '0x009CFF';
    flashvars.tcolor2 = '0x009CFF';
    flashvars.hicolor = '0x009CСF';
    flashvars.distr = 'true';
    flashvars.tspeed = '100';
    eTagz = document.getElementById('yoblako').getElementsByTagName('A');
    flashvars.tagcloud = '<tags>';
    for (var i=0; eTagz[i]; ++i) flashvars.tagcloud += '<a href=\'' + eTagz[i].getAttribute('href')
    + '\' style=\'' + parseInt(eTagz[i].style.fontSize)
    + '\'>' + eTagz[i].innerHTML.replace(/&/i, '%26') + '</a>';
    delete eTagz;
    flashvars.tagcloud += '</tags>';
    var params = {};
    params.wmode = 'transparent';
    params.bgcolor = '#FFFFFF';
    params.allowscriptaccess = 'always';
    var attributes = {};
    attributes.id = 'yoblako';
    attributes.name = 'tagcloud';
    swfobject.embedSWF('http://neotech.3dn.ru/Tegs/tagcloud.swf', 'yoblako', '200', '190', '9.0.0', false, flashvars, params, attributes);
    </script>

Бегущая строка

Ставишь непосредственно в ту ячейку, где хочешь видеть:

<tr><td width="100%" height="35" colspan="4"><marquee scrollamount="5" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=5" width="480" height="50"> баннеры баннеры баннеры</marquee></td></tr>

Поставь так просто сначала, если будет съезжать порегулируй wight и height.

0


Вы здесь » Кот » Архивы » `tsunami | Nicol.tea. Твои мечты сбудутся, нужно мечтать.


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC