139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1

Можно ли такое меню сделать на CSS

11.02.2012, 10:47. Показов 2344. Ответов 18
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Можно ли сделать такое меню на CSS или только на php ? Скрин меню


Если да то сильно сложно?
0
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
11.02.2012, 10:47
Ответы с готовыми решениями:

Возможно ли сделать такое меню на чистом css?
http://css-tricks.com/examples/MagicLine/# тут есть две- сверху и снизу, нижняя не обязательна, лучше верхняя. Но все же - если знаете как,...

Возможно ли создать такое меню с использованием css?
Собственно тема и есть вопрос. Вот то что хотелось бы получить в итоге: А вот попытки это реализовать, но пока все тщетно(( ...

Как сделать такое же меню?
народ как сделать такое же меню как на вот тут http://www.kinderly.ru/collection/zimnyaya-obuv/valenki интересует именно меню в футере....

18
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
11.02.2012, 11:48
Цитата Сообщение от Sylar9 Посмотреть сообщение
Можно ли сделать такое меню на CSS или только на php ?
да можно и на CSS!
Цитата Сообщение от Sylar9 Посмотреть сообщение
Если да то сильно сложно?
нет!
0
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
11.02.2012, 11:49
Можно. Не сложно.
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
11.02.2012, 11:51  [ТС]
Цитата Сообщение от Daredevi1 Посмотреть сообщение
Можно. Не сложно.
а что надо знать по CSS что бы это сделать?

Добавлено через 39 секунд
Цитата Сообщение от Mr.kto Посмотреть сообщение
да можно и на CSS!

нет!
А вчем тогда разница между CSS и PHP(для создания сайтов)?
0
 Аватар для Daredevi1
311 / 303 / 78
Регистрация: 09.05.2009
Сообщений: 723
11.02.2012, 12:41
Цитата Сообщение от Sylar9 Посмотреть сообщение
А вчем тогда разница между CSS и PHP(для создания сайтов)?
О_о
Это вообще небо и земля. Вам бы сначала разобраться для чего используется каждая их этих технологий + HTML. Погуглите на эту тему, так как инфы тьма тьмущая.
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
11.02.2012, 12:44  [ТС]
Цитата Сообщение от Daredevi1 Посмотреть сообщение
О_о
Это вообще небо и земля. Вам бы сначала разобраться для чего используется каждая их этих технологий + HTML. Погуглите на эту тему, так как инфы тьма тьмущая.
я знаю html, CSS чучуть не могу понять зачем нужен php
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
11.02.2012, 13:16
Цитата Сообщение от Sylar9 Посмотреть сообщение
зачем нужен php
PHP - это специально разработанный язык программирования для web-приложений, которые исполняются на web-сервере.

Сокращение "PHP" расшифровывается как "Hypertext Preprocessor (Препроцессор Гипертекста)". Такие известные языки программирования, как "C", "Java" и "Perl" являются прародителями PHP. Главным преимуществом программирования на PHP является простота его изучения. Как следствие, PHP предоставляет web-программистам неограниченные возможности быстрой генерации динамических web-страниц.

Другим немаловажным преимуществом языка PHP перед его предшественниками, в лице языков "Perl" и "C", является возможность разработки HTML-документов с интегрированными командами и сценариями PHP.

Если сравнивать PHP разработки с JavaScript кодами, то следует отметить преимущество PHP в выполнении скриптов на стороне сервера, а не клиента. При желании (или необходимости) вы имеете возможность настроить свой сервер на обработку HTML-файлов процессором PHP. Таким образом можно добиться эффекта, когда клиенты не имеют возможности распознать происхождение кода и различить обычный HTML-файл от результата выполнения скрипта.
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
11.02.2012, 13:25  [ТС]
Цитата Сообщение от Mr.kto Посмотреть сообщение
PHP - это специально разработанный язык программирования для web-приложений, которые исполняются на web-сервере.

Сокращение "PHP" расшифровывается как "Hypertext Preprocessor (Препроцессор Гипертекста)". Такие известные языки программирования, как "C", "Java" и "Perl" являются прародителями PHP. Главным преимуществом программирования на PHP является простота его изучения. Как следствие, PHP предоставляет web-программистам неограниченные возможности быстрой генерации динамических web-страниц.

Другим немаловажным преимуществом языка PHP перед его предшественниками, в лице языков "Perl" и "C", является возможность разработки HTML-документов с интегрированными командами и сценариями PHP.

Если сравнивать PHP разработки с JavaScript кодами, то следует отметить преимущество PHP в выполнении скриптов на стороне сервера, а не клиента. При желании (или необходимости) вы имеете возможность настроить свой сервер на обработку HTML-файлов процессором PHP. Таким образом можно добиться эффекта, когда клиенты не имеют возможности распознать происхождение кода и различить обычный HTML-файл от результата выполнения скрипта.
а чего Контакт написан на php
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
11.02.2012, 13:28
Цитата Сообщение от Sylar9 Посмотреть сообщение
а чего Контакт написан на php
спроси у Дурова!
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
11.02.2012, 13:40  [ТС]
Цитата Сообщение от Mr.kto Посмотреть сообщение
спроси у Дурова!
ясно, а есть какой то хороший видеурок по CSS
0
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 146
11.02.2012, 15:21
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<ul id="navHead">
                <li>Пограммы</li>
                <li id="drivers">Драйвера
                    <ul id="drvCat" >
                        <li><a>Windows</a></li>
                        <li><a>Linux</a></li>
                        <li><a>Mac OS</a></li>
                    </ul>
                </li>
                <li id="games">Игры
                    <ul id="gameCat">
                        <li><a>Аркады</a></li>
                        <li><a>Гонки</a></li>
                        <li><a>Квесты</a></li>
                        <li><a>Логические</a></li>
                        <li><a>РПГ</a></li>
                        <li><a>Спорт</a></li>
                        <li><a>Симуляторы</a></li>
                        <li><a>Стратегии</a></li>
                    </ul>
                </li>
                <li>Интернет
                    <ul>
                        <li>Броузеры</li>
                        <li>Торрент</li>
                        <li>Антивирус</li>
                        <li>Разработка</li>
                        <li>Домен и хостинг</li>
                    </ul>
 
                </li>
                <li><a>Сервер</a></li>
            </ul>
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
#navHead {
    outline: 1px solid red;
    width: 700px;
    height: 25px;
    margin: 0 auto;
}
#navHead li {
    outline: 1px solid green;
    position: relative;
    float: left;
    width: 100px;
}
#navHead li a{
    outline: 1px solid green;
    width: 100px;
    display: block;
}
#navHead li ul li {
    display: none;
    float: none;
}
#navHead li:hover ul {
    position: absolute;
}
#navHead li:hover ul li {
    display: block;
}
Добавлено через 1 минуту
Учи html+ css а то так и будешь топтаться на месте, без базы у тебя ничего с веб-программированием не выйдет!
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
11.02.2012, 15:47
Цитата Сообщение от Sylar9 Посмотреть сообщение
а есть какой то хороший видеурок по CSS
Евгений Попов "Базовый курс CSS"
Евгений Попов "Базовый курс html"
Очень хорошие уроки!
 Комментарий модератора 
1. Нарушение авторских прав.
2. Ссылки на другие форумы запрещены.

Так и до блокировки недалеко.
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
11.02.2012, 20:36  [ТС]
Цитата Сообщение от Mr.kto Посмотреть сообщение
Евгений Попов "Базовый курс CSS"
Евгений Попов "Базовый курс html"
Очень хорошие уроки!
1. Нарушение авторских прав.
2. Ссылки на другие форумы запрещены.

Так и до блокировки недалеко.
а ты их смотрел? ваше нормальные. Или лучше купить книгу ?
0
O tempora, o mores!
 Аватар для conformist
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
11.02.2012, 22:06
насчет меню - вам дан отличный ответ - vadimgrig
можно погуглить вертикальное всплывающее меню.
а книги - всегда лучше любых видеоуроков
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
11.02.2012, 22:42
Цитата Сообщение от Sylar9 Посмотреть сообщение
а ты их смотрел?
да! а что тебя не устраивает??
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
11.02.2012, 22:56  [ТС]
Цитата Сообщение от Mr.kto Посмотреть сообщение
да! а что тебя не устраивает??
ну и как нормально ?
0
104 / 34 / 10
Регистрация: 15.12.2011
Сообщений: 146
11.02.2012, 23:58
Видео-уроки не плохие, но без дополнительной литературы не обойтись, так как там не затрагивается очень много полезных ф-й но для начала с Попова можно начинать смело.
Главное не ленится и не отлаживать на завтра.
0
 Аватар для Mr.kto
104 / 105 / 18
Регистрация: 18.08.2012
Сообщений: 308
12.02.2012, 01:16
Цитата Сообщение от Sylar9 Посмотреть сообщение
ну и как нормально ?
нет конечно это самые худшие уроки в мире, я просто так их тебе написал!
зачем задавать такие глупые вопросы?
0
139 / 60 / 13
Регистрация: 04.09.2011
Сообщений: 1,956
Записей в блоге: 1
12.02.2012, 09:31  [ТС]
Цитата Сообщение от Mr.kto Посмотреть сообщение
нет конечно это самые худшие уроки в мире, я просто так их тебе написал!
зачем задавать такие глупые вопросы?
спасибо, а что еще классное можно сделать на CSS
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
12.02.2012, 09:31
Помогаю со студенческими работами здесь

Как сделать такое меню ?
Приветствую всех. Нужно сделать меню аккордеон . Как его сделать ? Можно ли написать его на css3 ? Покопался в интернете , не нашел...

Как сделать такое меню
Такое без яваскрипта осуществимо? Если кому не трудно набросайте шаблон пожайлуста такой менюшки.

Как сделать такое выпадающее меню?
Вот меню для магазина, как сделать такую выпадающую вкладку?? Скрипты тут нужны или можно на CSS, поделитесь плз кодом, спасиб.

Кто может сделать такое меню?
Кто может сделать помочь сделать такое меню? Или может есть пример у кого такого меню Слева логотип, меню по центру из 3-х пунктов и...

Как сделать такое вертикальное меню?
Задача вот какая: нужно сделать вот такое меню: но у меня ни как не получается заменить маркер на картинку чтобы оно потом...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
19
Ответ Создать тему
Опции темы

Новые блоги и статьи
Расскажи мне о Мире, бродяга
kumehtar 12.11.2025
— Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .
PowerShell Snippets
iNNOKENTIY21 11.11.2025
Модуль PowerShell 5. 1+ : Snippets. psm1 У меня модуль расположен в пользовательской папке модулей, по умолчанию: \Documents\WindowsPowerShell\Modules\Snippets\ А в самом низу файла-профиля. . .
PowerShell и онлайн сервисы. Валюта (floatrates.com руб.)
iNNOKENTIY21 11.11.2025
PowerShell функция floatrates-rub Примеры вызова: # Указанная валюта 'EUR' floatrates-rub -Code 'EUR' # Список имеющихся кодов валют floatrates-rub -Available function floatrates-rub {
PowerShell и онлайн сервисы. Погода (RP5.ru)
iNNOKENTIY21 11.11.2025
PowerShell функция Get-WeatherRP5rss для получения погоды с сервиса RP5 Примеры вызова Get-WeatherRP5rss с указанием id 5484 — Москва (восток, Измайлово) и переносом строки:. . .
PowerShell и онлайн сервисы. Погода (wttr)
iNNOKENTIY21 11.11.2025
PowerShell Функция для получения погоды с сервиса wttr Примеры вызова: Погода в городе Омск с прогнозом на день, можно изменить прогноз на более дней, для этого надо поменять запрос:. . .
PowerShell и онлайн сервисы. Валюта (ЦБР)
iNNOKENTIY21 11.11.2025
# Получение курса валют function cbr (] $Valutes = @('USD', 'EUR', 'CNY')) { $url = 'https:/ / www. cbr-xml-daily. ru/ daily_json. js' $data = Invoke-RestMethod -Uri $url $esc = 27 . . .
И решил я переделать этот ноут в машину для распределенных вычислений
Programma_Boinc 09.11.2025
И решил я переделать этот ноут в машину для распределенных вычислений Всем привет. А вот мой компьютер, переделанный из ноутбука. Был у меня ноут асус 2011 года. Со временем корпус превратился. . .
Мысли в слух
kumehtar 07.11.2025
Заметил среди людей, что по-настоящему верная дружба бывает между теми, с кем нечего делить.
Новая зверюга
volvo 07.11.2025
Подарок на Хеллоуин, и теперь у нас кроме Tuxedo Cat есть еще и щенок далматинца: Хочу еще Симбу взять, очень нравится. . .
Инференс ML моделей в Java: TensorFlow, DL4J и DJL
Javaican 05.11.2025
Python захватил мир машинного обучения - это факт. Но когда дело доходит до продакшена, ситуация не так однозначна. Помню проект в крупном банке три года назад: команда data science натренировала. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru