Кот

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

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


Вы здесь » Кот » Архивы » `tsunami | Juno. То, что стоит сделать, стоит сделать хорошо.


`tsunami | Juno. То, что стоит сделать, стоит сделать хорошо.

Сообщений 11 страница 17 из 17

11

Juno
Скрипт вот:

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

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

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


Молодец))

Добавление картинок в меню навигации
Я не знала как лучше назвать этот урок, прости. Смысл его в том, что в интернете я видела много скриптов, как надписи меню навигации заменить на свои, но это довольно банально. Видела замену на кнопочки, но и это банально, да? Думаю, если захочется, ты сама сможешь посмотреть эти скрипты. А я расскажу про такой, которым пользуются довольно редко, по-идее, он не особо нужный, но интересный. Может, он когда-нибудь тебе понадобится. В итоге у нас должно получиться что-то такое. Этот скрипт я взяла и поставила в исходном виде, как его нашла:
http://testkot23.mybb.ru/
1. Вот он, собственно, сам скрипт. Вставляем в HTML-верх:

<style type="text/css">
#pun-navlinks  * {
  text-align: center !important;
  padding-top: 65px !important;
}

#pun-navlinks li {
  display: inline;
  margin: 0.2%;
  padding-top: 70px;
  padding-right: 10px;
  padding-left: 10px;
}

#navextra1 {
  padding-right: 20px;
  padding-left: 20px;
}

#navindex {
background: transparent url(ссылка на картинку форума) no-repeat center;
}
#navuserlist {
background: transparent url(ссылка на картинку участников) no-repeat center;
}
#navrules {
background: transparent url(ссылка на картинку правил) no-repeat center;
}
#navsearch {
background: transparent url(ссылка на картинку поиска) no-repeat center;
}
#navprofile {
background: transparent url(ссылка на картинку профиля) no-repeat center;
}
#navlogin, #navlogout {
background: transparent url(ссылка на картинку входа/выхода) no-repeat center;
}
#navregister {
background: transparent url(ссылка на картинку регистрации) no-repeat center;
}

#navextra0, #navextra1, #navextra2, #navextra3, #navextra4, #navextra5, #navextra6, #navextra7, #navextra8, #navextra9, #navextra10 {
background: transparent url(/img/Mybb_NewBlack/extra.gif) no-repeat center;
}

#navpm {
background: transparent url(ссылка на картинку сообщений) no-repeat center;
}

#navadmin {
background: transparent url(ссылка на картинку администрирования) no-repeat center;
}
</style>

2. Все ссылки здесь заменяем на свои, где что я написала. Сами картинки делаем не очень большими, схематичными, просто чтобы попробовать работу скрипта. Я знаю, это долго и нудно, но что поделать?

Задание
1. Все понятно. Надо на своем тестовике или на новом добавить в меню навигации картинки по этому скрипту.

0

12

`tsunami
Спасибо большое за скрипт))

0

13

http://junotest.mybb.ru/
Готово, вроде как.

0

14

Juno
Не за что)) ага, молодец.

Контейнер для баннеров
И этот урок я не знала, как лучше назвать. Пусть будет так. Собственно, это опять скрипт, но важный и напрямую связанный с CSS. С помощью него мы научимся делать картинки для баннеров снизу дизайна и прятать эти самые баннеры под нее.
1. Ну, вот он скрипт. Вставляем мы его в HTML-низ.

<div class="container"><a title="click" onclick="obj=this.parentNode.childNodes[1].style; tmp=(obj.display!='block') ? 'block' : 'none'; obj.display=tmp; return false;" class="tagcutflag"><b><center><img src="ссылка на картинку"></center></b></a><div style="display: none"> баннеры </div></div>

Ссылка на картинку - думаю, понятно. Все как обычно, но эта картинка будет стоять ниже картинки в самый низ. Можешь из второго окна просто эту самую картинку в самый низ убрать, а вместо нее как бы будет эта под баннеры.
Вместо слова "баннеры" пока можешь ничего не вставлять. Понятное дело, что потом туда будут вставляться коды.

Задание
1. Сделать картинку под баннеры, желательно, с какой-то надписью вроде "Banners" и вставить ее по этому скрипту.

0

15

Сделано)

0

16

Juno
Ага, молодец))

Стрелочки вверх/вниз
Знаешь, модная такая штука сейчас. Думаю, неплохо бы научиться ее делать. И это тоже скрипт, не серчай.
1. Собственно, вот он. Я вставляю в HTML-верх:

<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="Вверх страницы">
    <img src="ссылка на картинку стрелки вверх" alt="Вверх страницы">
  </a>
  <br>
  <br>
  <a href="#top" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
    <img src="ссылка на картинку стрелки вниз" alt="Вниз страницы">
  </a>
</div>

То, что я выделила, естественно меняешь на свое.
То, что я выделила ярко синим - здесь можно менять положение стрелок. Попробуй поэксперементировать. Вот и все, стрелочки лучше сделай свои.

Задание
1. Сделать и вставить по моему уроку на тестовик стрелочки вверх/вниз.

0

17

Готово:
http://junotest.mybb.ru/
Извини, что так долго, просто скоро экзамены и времени особо не было.

0


Вы здесь » Кот » Архивы » `tsunami | Juno. То, что стоит сделать, стоит сделать хорошо.


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