Необходима помощь в оформлении картинок для "доски объявления" вместо уже существующих надписей: "Время и Дата", "Погода", "Новости", "Администрация", "Навигации", а так же в помощи оформления шрифта для них и названия самого сайта.
Аналог оформления картинок ------ http://s009.radikal.ru/i309/1104/5b/aabc86cadd11.jpg
Аналог оформления шрифта (красным цветом!) ------ http://i016.radikal.ru/1104/e1/d251bfe8156f.jpg
И помощь в их дальнейшем размещении в доске объявлений:
Код:
<style> /* Стиль всплывающего меню */
.splLink {width: 100%; height: 30px; border: 0px solid #8C7767; text-align: center; font-size: 15px;}
.splCont {height: auto; width: 150px; background: #AB9575; padding: 5px; z-index: 1000; margin-top: 5px; border: 2px solid #8C7767; text-align: center;}
</style>
<table width="100%" cellspacing="0" cellpadding="1" border="0"><tbody>
<tr><td width="55%" valign="top">
Приветствуем!
</td><td width="45%">
Название форума
</td></tr><tr><td colspan="2" width="100%">
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="center"><tbody>
<tr><td width="20%" valign="top">
<DIV><div class=splLink>
Время и погода
</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
Содержимое Время и погода
</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>
Навигация
</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
<a href="Адрес Ссылки">Описание ссылки</a><br>
</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>
Новости
</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
Содержимое новостей
</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>
Администрация
</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
Содержимое Администрации
</DIV></DIV></td><td width="20%" valign="top"><DIV><div class=splLink>
Партнеры
</div><DIV style="DISPLAY: none; position: absolute;" class=splCont>
Содержимое партнеров
</DIV></DIV></td></tr></tbody></table></td>
</tr></tbody></table>
<!--Спойлер - контейнер-->
<script type="text/javascript">
$(document).ready(function(){
$('.splLink').click(function(){
$(this).parent().children('div.splCont').toggle('normal');
return false;
});
});
</script>Вставленные картинки - образец того, что мне нужно)) Хотя по адресу я с этим сюда или нет...
Теги: вопросы от новичков
