ТЕСТОВЫЙ ФОРУМ

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

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

Вы здесь » ТЕСТОВЫЙ ФОРУМ » Тестовый форум » тренировка махи

тренировка махи

Страница: 1

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

1

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13

тут

0

2

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13

Сначала нажимаешь
http://s3.uploads.ru/t/xVjot.jpg
потом выбираешь размер таблички
http://s3.uploads.ru/t/GlC6e.jpg

0

3

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13

допустим, я создаю табличку 3 колонки на 2 строчки она будет выглядеть так:

ТУТ ТЕКСТ 1

ТУТ ТЕКСТ 2

ТУТ ТЕКСТ 3

ТУТ ТЕКСТ 1.1

ТУТ ТЕКСТ 2.1

ТУТ ТЕКСТ 3.1

А ВОТ КОД:

Код:
[table layout=fixed width=100%]
[tr]
[td]ТУТ ТЕКСТ 1[/td]
[td]ТУТ ТЕКСТ 2[/td]
[td]ТУТ ТЕКСТ 3[/td]
[/tr]
[tr]
[td]ТУТ ТЕКСТ 1.1[/td]
[td]ТУТ ТЕКСТ 2.1[/td]
[td]ТУТ ТЕКСТ 3.1[/td]
[/tr]
[/table]

ЕСЛИ ТЫ ПОНЯЛА,ТО Я ХОЧУ  ТАБЛИЧКУ В 5 КОЛОНОК НА 3 СТРОЧКИ)
если не поняла,то спроси)

0

4

  • Автор: Махидевран
  • Администратор
  • Зарегистрирован: 2013-04-13
  • Приглашений: 0
  • Сообщений: 6
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    5 часов 7 минут
  • Последний визит:
    2013-04-14 15:34:37

текст1

текст2

текст3

текст4

текст5

текст1.1

текст2.1

текст3.1

текст4.1

текст5.1

текст1.1.1

текст2.2.2

текст3.3.3

текст4.4.4

текст5.5.5

0

5

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13

молодец! все правильно!
ты поняла как это делается в форме ответа,теперь надо адаптировать это в объявление)
можешь прочитать этот урок (он мне кстати очень помог): http://support.rusff.me/viewtopic.php?id=187
что не поймешь,спроси, объясню по-своему))

0

6

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13

Задание
Итак, по этому уроку сделай мне табличку с этим фоном
http://pixelbrush.ru/uploads/posts/2010-12/1292257790_light_bg-8.jpg
и вот такой вот пропорцией:
Rusff.ru Graffiti

0

7

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13

Итак, давай рассмотрим наше объявление:

<center><table id="tbdx" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%; vertical-align: top;" rowspan="2">

<h3>Информация</h3>

<center><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Макет из трех колонок</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <style type="text/css">
   #title1, #title2, #title3, #col1, #col2, #col3 { /* 1 */
    font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт */
    font-weight: bold; /* Жирное начертание текста заголовка */
    font-size: 110%; /* Размер шрифта */
    color: white; /* Цвет текста заголовка */
    width: 200px; /* Ширина колонок */
    padding: 5px; /* Поля вокруг текста */
    border: 1px solid black; /* Рамка вокруг слоя */
    margin-left: 5px; /* Отступ слева */
    margin-top: 2px; /* Отступ сверху */
    float: left; /* Состыковка колонок по горизонтали */
   }
   #col1, #col2, #col3 { /* 2 */
    font-family: "Times New Roman", Times, serif; /* Шрифт с засечками */
    font-size: 127%; /* Размер шрифта */
    font-weight: normal; /* Нормальное начертание */
    color: black; /* Цвет текста */
   }

   /* Цвет фона каждого слоя */
   #title1 { background: #B38541; }
   #title2 { background: #008159; }
   #title3 { background: #006077; }
   #col1 { background: #EBE0C5; }
   #col2 { background: #BBE1C4; }
   #col3 { background: #ADD0D9; }

   .tr { /* 3 */
    clear: both; /* Отменяет действие float */
   }
  </style>
</head>
<body>
  <div class="tr">
    <div id="title1">Сегодня: 12 апреля 1545 года.</div>
    <div id="title2">Погода: +22-23 градуса, солнечно.</div>
    <div id="title3">Ближайшие события: Нет.</div>
  </div><br>

    <div id="col2"><center> Завтра: +22-23 градуса, переменная облачность.<br></div>
    <div id="col3"><center>Удачной игры!<br>

</div>
  </div>
</body>
</html>
</center> <br>

<h3>Партнеры</h3>

<center><marquee style="width: 98%; height: 31px;" scrollAmount="2" onmouseover=this.scrollAmount="0" onmouseout=this.scrollAmount="2">
<a href="http://muhtesemyuzyiligra.rolevaya.ru/" target="_blank"><img src="https://forumstatic.ru/files/0012/54/2a/78816.gif" height="31" width="88" border="0" alt="Великолепный век"></a>
<a href="http://muhtesemyuzyl.rolbb.ru/" target=_blank> <img src="http://s2.uploads.ru/t/eVp28.png" border="0" alt="Великолепный век. Расцвет империи." width="88" height="31"></a>

</marquee></center>

</td>
<td style="width: 49%;" rowspan="2">

<!-- Cлайдер -->
   <div id="slider2" slide-width="400" slide-height="260" class="slider" style="padding:0;height:0;width:0">

<!-- Две Кнопки слайдера -->
    <img button-width="40" class="button-left hide" src="http://s2.uploads.ru/Ruydt.png"/>
    <img button-width="40" class="button-right" src="http://s2.uploads.ru/d48IE.png"/>

<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

   <center><b>Добро пожаловать в ролевую игру по мотивам сериала "Великолепный век"!</b><br>
Сюжет основан на реальных событиях, произошедших во времена правления султана Сулеймана Великолепного, величайшего полководца и реформатора Османской империи и рассказывает о наиболее заметных событиях правления султана и о его взаимоотношениях с наложницей славянского происхождения Александрой (в украинской версии — Анастасией), принявшей ислам и получившей имя Хюррем. Османы взяли её в плен во времена набега крымских татар на Рогатин, по другим данным на Чемеровцы. Сейчас это территория западной Украины.  Позже она стала первой официальной женой Сулеймана, но для этого ей пришлось пройти сложный путь…
<br>

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

    <b><cite><br>СРОЧНО НУЖНЫ:</b>
<br><li>1. Султан Сулейман;
<br><li>2. Эсмахан Султан;
<br><li>3. Лютфи-паша;
<br><li>4. Ибрагим-Паша;
<br><li>5. Прислуга (Гюльшах, Нигяр, Дайе, Нилюфер, Назлы, Сюмбюль-ага, Гюль-ага и т.д.)</cite>

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

    3-й Контент

</div>
<!-- 4-й Контейнер слайдера -->
<div class="slider-content">

    4-й Контент

</div>

   </div><script>$("#slider2").slideF();</script><!--//End Cлайдер -->

</td>
<td style="width: 25%; height: 130px; vertical-align: top;">

<h3>Правящий состав</h3>

<div id="pico">
<a href="http://velikolepniyvek.rolka.su/profile.php?id=11"><img src="http://f4.s.qip.ru/17zmt28qa.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=2"><img src="http://f3.s.qip.ru/17zmt28qe.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=3"><img src="http://f3.s.qip.ru/17zmt28qd.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=4"><img src="http://f2.s.qip.ru/17zmt28ql.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=139"><img src="http://f3.s.qip.ru/17zmt28qg.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=30"><img src="http://f2.s.qip.ru/17zmt28qj.jpg"/></a>
</div>

</td>
</tr>
<tr>
<td style="height: 130px; vertical-align: top;">

<h3>Навигация</h3>

<div align="center"><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option> Навигация по форуму </option>
<option value="http://velikolepniyvek.rolka.su/search.php?action=show_24h"><small>Активные темы</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=59"><small>Сюжет</small></option>
<option value="http://velikolepniyvek.rolka.su/register.php"><small>Регистрация</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=4"><small>Список персонажей</small></option>
</select>
</form></div>

</td>
</tr>
</table></center>



Что нам нужно?
1. Нам нужно заполнить контент 3 и 4
2. Нам нужно увеличить навигацию
3. Нужно пополнить правящий состав на Сулика и Шах

Приступим к самому легкому. К пункту 2
Итак, для начала нам нужно определить тот отрезок объявления,который отвечает за навигацию. Это не трудно, т.к. мы видим предложение "Навигация по форуму"
Вот та часть, которая нам нужна:

<center><table id="tbdx" style="width: 100%;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 25%; vertical-align: top;" rowspan="2">

<h3>Информация</h3>

<center><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <title>Макет из трех колонок</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <style type="text/css">
   #title1, #title2, #title3, #col1, #col2, #col3 { /* 1 */
    font-family: Verdana, Arial, sans-serif; /* Рубленый шрифт */
    font-weight: bold; /* Жирное начертание текста заголовка */
    font-size: 110%; /* Размер шрифта */
    color: white; /* Цвет текста заголовка */
    width: 200px; /* Ширина колонок */
    padding: 5px; /* Поля вокруг текста */
    border: 1px solid black; /* Рамка вокруг слоя */
    margin-left: 5px; /* Отступ слева */
    margin-top: 2px; /* Отступ сверху */
    float: left; /* Состыковка колонок по горизонтали */
   }
   #col1, #col2, #col3 { /* 2 */
    font-family: "Times New Roman", Times, serif; /* Шрифт с засечками */
    font-size: 127%; /* Размер шрифта */
    font-weight: normal; /* Нормальное начертание */
    color: black; /* Цвет текста */
   }

   /* Цвет фона каждого слоя */
   #title1 { background: #B38541; }
   #title2 { background: #008159; }
   #title3 { background: #006077; }
   #col1 { background: #EBE0C5; }
   #col2 { background: #BBE1C4; }
   #col3 { background: #ADD0D9; }

   .tr { /* 3 */
    clear: both; /* Отменяет действие float */
   }
  </style>
</head>
<body>
  <div class="tr">
    <div id="title1">Сегодня: 12 апреля 1545 года.</div>
    <div id="title2">Погода: +22-23 градуса, солнечно.</div>
    <div id="title3">Ближайшие события: Нет.</div>
  </div><br>

    <div id="col2"><center> Завтра: +22-23 градуса, переменная облачность.<br></div>
    <div id="col3"><center>Удачной игры!<br>

</div>
  </div>
</body>
</html>
</center> <br>

<h3>Партнеры</h3>

<center><marquee style="width: 98%; height: 31px;" scrollAmount="2" onmouseover=this.scrollAmount="0" onmouseout=this.scrollAmount="2">
<a href="http://muhtesemyuzyiligra.rolevaya.ru/" target="_blank"><img src="https://forumstatic.ru/files/0012/54/2a/78816.gif" height="31" width="88" border="0" alt="Великолепный век"></a>
<a href="http://muhtesemyuzyl.rolbb.ru/" target=_blank> <img src="http://s2.uploads.ru/t/eVp28.png" border="0" alt="Великолепный век. Расцвет империи." width="88" height="31"></a>

</marquee></center>

</td>
<td style="width: 49%;" rowspan="2">

<!-- Cлайдер -->
   <div id="slider2" slide-width="400" slide-height="260" class="slider" style="padding:0;height:0;width:0">

<!-- Две Кнопки слайдера -->
    <img button-width="40" class="button-left hide" src="http://s2.uploads.ru/Ruydt.png"/>
    <img button-width="40" class="button-right" src="http://s2.uploads.ru/d48IE.png"/>

<!-- 1-й Контейнер слайдера -->
<div class="slider-content active">

   <center><b>Добро пожаловать в ролевую игру по мотивам сериала "Великолепный век"!</b><br>
Сюжет основан на реальных событиях, произошедших во времена правления султана Сулеймана Великолепного, величайшего полководца и реформатора Османской империи и рассказывает о наиболее заметных событиях правления султана и о его взаимоотношениях с наложницей славянского происхождения Александрой (в украинской версии — Анастасией), принявшей ислам и получившей имя Хюррем. Османы взяли её в плен во времена набега крымских татар на Рогатин, по другим данным на Чемеровцы. Сейчас это территория западной Украины.  Позже она стала первой официальной женой Сулеймана, но для этого ей пришлось пройти сложный путь…
<br>

</div>
<!-- 2-й Контейнер слайдера -->
<div class="slider-content">

    <b><cite><br>СРОЧНО НУЖНЫ:</b>
<br><li>1. Султан Сулейман;
<br><li>2. Эсмахан Султан;
<br><li>3. Лютфи-паша;
<br><li>4. Ибрагим-Паша;
<br><li>5. Прислуга (Гюльшах, Нигяр, Дайе, Нилюфер, Назлы, Сюмбюль-ага, Гюль-ага и т.д.)</cite>

</div>
<!-- 3-й Контейнер слайдера -->
<div class="slider-content">

    3-й Контент

</div>
<!-- 4-й Контейнер слайдера -->
<div class="slider-content">

    4-й Контент

</div>

   </div><script>$("#slider2").slideF();</script><!--//End Cлайдер -->

</td>
<td style="width: 25%; height: 130px; vertical-align: top;">

<h3>Правящий состав</h3>

<div id="pico">
<a href="http://velikolepniyvek.rolka.su/profile.php?id=11"><img src="http://f4.s.qip.ru/17zmt28qa.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=2"><img src="http://f3.s.qip.ru/17zmt28qe.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=3"><img src="http://f3.s.qip.ru/17zmt28qd.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=4"><img src="http://f2.s.qip.ru/17zmt28ql.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=139"><img src="http://f3.s.qip.ru/17zmt28qg.jpg"/></a>
<a href="http://velikolepniyvek.rolka.su/profile.php?id=30"><img src="http://f2.s.qip.ru/17zmt28qj.jpg"/></a>
</div>

</td>
</tr>
<tr>
<td style="height: 130px; vertical-align: top;">

<h3>Навигация</h3>

<div align="center"><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option> Навигация по форуму </option>
<option value="http://velikolepniyvek.rolka.su/search.php?action=show_24h"><small>Активные темы</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=59"><small>Сюжет</small></option>
<option value="http://velikolepniyvek.rolka.su/register.php"><small>Регистрация</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=4"><small>Список персонажей</small></option>
</select>
</form></div>

</td>
</tr>
</table></center>

Дальше будем работать с нею..
Давай попробуем разобрать это код:

<div align="center"><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option> Навигация по форуму </option>
<option value="http://velikolepniyvek.rolka.su/search.php?action=show_24h"><small>Активные темы</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=59"><small>Сюжет</small></option>
<option value="http://velikolepniyvek.rolka.su/register.php"><small>Регистрация</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=4"><small>Список персонажей</small></option>
</select>
</form></div>

Красным цветом мы обозначили ссылки на которые пользователь будет переходить при нажатии на пункт.
Пункт мы обозначили зеленым цветом
Итак, твоя задача переговорить со мной вк)) какие темы мы туда внесем и дать мне отрывок данного кода.
Остальное не трогай!! Тебе нужны лишь ссылки и их названия)

0

8

  • Автор: Махидевран
  • Администратор
  • Зарегистрирован: 2013-04-13
  • Приглашений: 0
  • Сообщений: 6
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    5 часов 7 минут
  • Последний визит:
    2013-04-14 15:34:37

<option value="http://velikolepniyvek.rolka.su/viewtopic.php"><small>Список персонажей</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=189"><small>Персонажи-неканоны по акции</small></option>

0

9

  • Автор: Администратор
  • Администратор
  • Администратор
  • Зарегистрирован: 2013-02-22
  • Приглашений: 0
  • Сообщений: 10
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    11 часов 51 минуту
  • Последний визит:
    2013-08-29 18:07:13
Махидевран написал(а):

<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=4"><small>Список персонажей</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=189"><small>Персонажи-неканоны по акции</small></option>

вот,правильно..теперь эти коды вставим в "ДОМИК"

<div align="center"><form>
<select name="select" class="forminput" onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option> Навигация по форуму </option>
<option value="http://velikolepniyvek.rolka.su/search.php?action=show_24h"><small>Активные темы</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=59"><small>Сюжет</small></option>
<option value="http://velikolepniyvek.rolka.su/register.php"><small>Регистрация</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=4"><small>Список персонажей</small></option>
<option value="http://velikolepniyvek.rolka.su/viewtopic.php?id=189"><small>Персонажи-неканоны по акции</small></option>
</select>
</form></div>

Зеленым я выделила твои коды
теперь если этот код вставить в объявление твои ссылки войдут в навигацию

0

Страница: 1

Вы здесь » ТЕСТОВЫЙ ФОРУМ » Тестовый форум » тренировка махи

Рейтинг форумов | Создать форум бесплатно