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. Все понятно. Надо на своем тестовике или на новом добавить в меню навигации картинки по этому скрипту.
