X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Создание меню
onoin
onoin
Topic Starter сообщение 26.4.2010, 16:29; Ответить: onoin
Сообщение #1


У меня вопрос: Как сделать такое оформление сайта:

[IMG]http://content.foto.mail.ru/mail/andrew-x/_answers/i-2.jpg[/IMG]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
a2kat
a2kat
сообщение 26.4.2010, 16:55; Ответить: a2kat
Сообщение #2


<html>
<head>
<title></title>
</head>
<body bgcolor="">
<center>
<div style="width:1000px">
<div style="width:1000px;height:60px;background:#4f4c4c"></div>
<div style="width:1000px;margin:0 auto;overflow:hidden">
<div style="width:200px;float:left;margin-top:10px">
<div><a href="">Моя страница</a></div>
<div><a href="">Мои Друзья</a></div>
<div><a href="">Мои фотографии</a></div>
<div><a href="">Мои видеозаписи</a></div>
<div><a href="">Мои Аудиозаписи</a></div>
<div><a href="">Мои сообщения</a></div>
<div><a href="">Мои Заметки</a></div>
<div><a href="">Мои группы</a></div>
<div><a href="">Мои встречи</a></div>
<div><a href="">Мои Новости</a></div>
<div><a href="">Мои Закладки</a></div>
<div><a href="">Мои Настройки</a></div><hr>
<div><a href="">Приложения</a></div>
<div><a href="">Конкурс</a></div><hr>
<div><a href="">Менеджер голосов</a></div>
<div><a href="">Переводчик</a></div></div>
<div style="width:790px;float:right;border:1 solid #4f4c4c;margin-top:10px"></div></div>
</body>
</html>


Это может послужить примером...и тоже наверное посоветую учить блочную вёрстку и в небольшую помощь вот этот сайт :http://htmlbook.ru - тут найдешь все тэги и их значения
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
born_hb
born_hb
сообщение 26.4.2010, 17:17; Ответить: born_hb
Сообщение #3


Меню сайта Вконтакте
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 26.4.2010, 17:54; Ответить: Arks
Сообщение #4


Согласен с born,простейший пример сделать такое оформление это открыть ВК -> исходный код. Дальше перекопировать его(исходный код) к себе на компьютер вместе с css, открыть любой визуальный редактор и отредактировать перекопированное.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 26.4.2010, 18:00; Ответить: Arks
Сообщение #5


Есть еще вариант "с нуля":
1.контейнер для всей области(например с центрированием на страничке, заданной ширины)
2. Таблицу 1*2(для ячеек задать бордер-right и боред-left)
3. В левой ячейке поместить несколько <ul> с необходимыми бордерами снизу/сверху
4. В правой поместить контент в необходимом стиле

Еще вопросы?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
onoin
onoin
Topic Starter сообщение 26.4.2010, 21:14; Ответить: onoin
Сообщение #6


(a2kat @ 26.4.2010, 19:55) *
<html>
<head>
<title></title>
</head>
<body bgcolor="">
<center>
<div style="width:1000px">
<div style="width:1000px;height:60px;background:#4f4c4c"></div>
<div style="width:1000px;margin:0 auto;overflow:hidden">
<div style="width:200px;float:left;margin-top:10px">
<div><a href="">Моя страница</a></div>
<div><a href="">Мои Друзья</a></div>
<div><a href="">Мои фотографии</a></div>
<div><a href="">Мои видеозаписи</a></div>
<div><a href="">Мои Аудиозаписи</a></div>
<div><a href="">Мои сообщения</a></div>
<div><a href="">Мои Заметки</a></div>
<div><a href="">Мои группы</a></div>
<div><a href="">Мои встречи</a></div>
<div><a href="">Мои Новости</a></div>
<div><a href="">Мои Закладки</a></div>
<div><a href="">Мои Настройки</a></div><hr>
<div><a href="">Приложения</a></div>
<div><a href="">Конкурс</a></div><hr>
<div><a href="">Менеджер голосов</a></div>
<div><a href="">Переводчик</a></div></div>
<div style="width:790px;float:right;border:1 solid #4f4c4c;margin-top:10px"></div></div>
</body>
</html>


Это может послужить примером...и тоже наверное посоветую учить блочную вёрстку и в небольшую помощь вот этот сайт :http://htmlbook.ru - тут найдешь все тэги и их значения


Почему слова выводятся вот так: зю ръюх ъюьяўх№?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
onoin
onoin
Topic Starter сообщение 26.4.2010, 21:15; Ответить: onoin
Сообщение #7


(Arks @ 26.4.2010, 20:54) *
Согласен с born,простейший пример сделать такое оформление это открыть ВК -> исходный код. Дальше перекопировать его(исходный код) к себе на компьютер вместе с css, открыть любой визуальный редактор и отредактировать перекопированное.



Почему если взять код ВКонтакте, далее сохранить, а потом открыть и получится какая-то билиберда?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
95virus
95virus
сообщение 27.4.2010, 7:55; Ответить: 95virus
Сообщение #8


Потому что код к примеру картинки
<img src="[COLOR="Red"]/img/vkontakte.jpg[/COLOR]">

Сама картинка лежит в корне сайта и на неё указан путь ,а нужен полный адрес картинки

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) как заслужить право на создание новой темы?
7 writer80 2123 12.3.2024, 22:54
автор: Lumex
Открытая тема (нет новых ответов) <Braga/> Создание Telegram-ботов, web-приложений, крипто-бирж, сайтов.
2 newbraga 1674 10.3.2024, 22:04
автор: newbraga
Открытая тема (нет новых ответов) СОЗДАНИЕ : / САЙтЫ / ЛЕНДЫ / БОТЫ ТГ / ВАЙТЫ / КРЕО / СОФТЫ / ДИЗАЙН [PHP, JS, HTML/CSS] и другое
5 CULA 3292 19.12.2023, 18:55
автор: CULA
Открытая тема (нет новых ответов) Создание и ведение аккаунтов в соцсетях ("В контакте"/Telegram)
Услуги от профессионального журналиста и SMM-менеджера
2 AvtorXXX 1653 13.11.2023, 23:47
автор: AvtorXXX
Открытая тема (нет новых ответов) Создание информационной площадки с доской объявлений
1 xweb 2037 16.1.2023, 16:25
автор: xweb


 



RSS Текстовая версия Сейчас: 29.3.2024, 10:33
Дизайн