Leaderboard
Popular Content
Showing content with the highest reputation on 01/04/2012 in all areas
-
Все верно написано. Так и есть2 points
-
Можно так сделать.1 point
-
Тут ведь вот какое дело. / (корень) - это корневой каталог сайта, то есть его DocumentRoot (если говорить терминами апача). Если это страничка на диске, без какого-либо веб-сервера, то корнем (/) для нее будет корень файловой системы, на которой она находится. Если же страница находится на сервере - то корнем будет корневой каталог этого сайта или виртуалхоста. То есть, на nginx (и любом другом веб-сервере) тоже будет все работать, если правильно указывать абсолютные пути.1 point
-
Суть проблемы: Действие :hover отменяется при наведении на доп.меню, хотя нужно что бы этот эффект сохранялся, и изначально этот эффект был. Это произошло после того как я в CSS сделал какие-то (не масштабные ) изменения. Факт в том, что я не могу понять, какие именно изменения стали причиной проблемы. Курсор над пунктом главного меню. Курсор над пунктом дополнительного меню. Не знаю поможет ли мой код... body { margin:0; padding:0; background-color:#020202; } #header { width:100%; height:720px; background-image:url('background images/bg_header - 1152.jpg'); } #adverts { background-image:url('background images/bg_adverts_1152.png'); background-repeat:no-repeat; width:200px; height:100%; position:absolute; } #nav { float:right; width:230px; height:410px; display:block; margin:50px 0 0 5px; } #nav_list { list-style-type:none; float:right; width:230px; height:410px; margin:0; padding:0; position:relative; } #list_books, #list_lessons, #list_manuals, #list_articles { list-style-type:none; } .nav_list_link, .nav_list_link:visited { width:230px; height:64px; display:block; color:#5b5b5b; text-align:right; font-family:"Courier new"; padding-right:10px; } .hidden { visibility:hidden; position:absolute ; right:230px; } #list_books { top:-64px; } #list_manuals { top:-128px; } #list_articles { top:-128px; } #list_lessons { top:-128px; } #nav_list li:hover { position:relative; } #nav_list li:hover > ul { visibility:visible; } .nav_list_link:hover { background-position:0 64px; } #nav_list li ul li { position:relative; height:25px; background-image:url('background images/bg_secondary_nav.png'); } .nav_list_link:hover { color:#790000; } #main_page { background-image:url('knobs/knob_main_page_1152.png'); } #books { background-image:url('knobs/knob_books_1152.png'); } #manuals { background-image:url('knobs/knob_manuals_1152.png'); } #articles { background-image:url('knobs/knob_articles_1152.png'); } #lessons { background-image:url('knobs/knob_lessons_1152.png'); } #about { background-image:url('knobs/knob_about_1152.png'); } a { outline:none; text-decoration:none; } #footer { position:fixed; left:0; bottom:0; background-image:url('background images/bg_footer.jpg'); width:1920px;; height:50px; } #button_top { background-image:url('knobs/button_top.png'); height:25px; width:100px; position:fixed; right:10px; bottom:10px; border-radius:5px; } #button_top:hover { display:block; background-position:0 25px; } #content { min-height:400px; background-color:#6e6957; margin-bottom:50px; padding:10px; } <!DOCTYPE html> <html> <head> <title>Bookman.com</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="javascript.js"></script> </head> <body> <div id="container"> <div id="header"> <a name="top"></a> <div id="adverts"> </div> <div id="nav"> <ul id="nav_list"> <li><a id="main_page" class="nav_list_link" href="main page.html"></a></li> <li> <a id="books" class="nav_list_link" href="books.html"></a> <ul id="list_books" class="hidden"> <li><a id="imaginative literature" class="nav_list_link" href="imaginative literature.html">Imaginative literature</a></li> <li><a id="poem" class="nav_list_link" href="poem.html">Poem</a></li> <li><a id="novel" class="nav_list_link" href="novel.html">Novel</a></li> <li><a id="documental" class="nav_list_link" href="documental.html">Documental</a></li> <li><a id="comedy" class="nav_list_link" href="comedy.html">Comedy</a></li> <li><a id="fantastic" class="nav_list_link" href="fantastic.html">Fantastic</a></li> <li><a id="tragedy" class="nav_list_link" href="tragedy.html">Tragedy</a></li> <li><a id="esse1" class="nav_list_link" href="esse1.html">Esse1</a></li> <li><a id="esse2" class="nav_list_link" href="esse2.html">Esse2</a></li> <li><a id="esse3" class="nav_list_link" href="esse3.html">Esse3</a></li> <li><a id="esse4" class="nav_list_link" href="esse4.html">Esse4</a></li> <li><a id="esse5" class="nav_list_link" href="esse5.html">Esse5</a></li> <li><a id="esse6" class="nav_list_link" href="esse6.html">Esse6</a></li> <li><a id="esse7" class="nav_list_link" href="esse7.html">Esse7</a></li> <li><a id="esse8" class="nav_list_link" href="esse8.html">Esse8</a></li> <li><a id="esse9" class="nav_list_link" href="esse9.html">Esse9</a></li> </ul> </li> <li> <a id="manuals" class="nav_list_link" href="manuals.html"></a> <ul id="list_manuals" class="hidden"> <li><a id="manual1" class="nav_list_link" href="manual1.html">Manual1</a></li> <li><a id="manual2" class="nav_list_link" href="manual2.html">Manual2</a></li> <li><a id="manual3" class="nav_list_link" href="manual3.html">Manual3</a></li> <li><a id="manual4" class="nav_list_link" href="manual4.html">Manual4</a></li> <li><a id="manual5" class="nav_list_link" href="manual5.html">Manual5</a></li> <li><a id="manual6" class="nav_list_link" href="manual6.html">Manual6</a></li> <li><a id="manual7" class="nav_list_link" href="manual7.html">Manual7</a></li> <li><a id="manual8" class="nav_list_link" href="manual8.html">Manual8</a></li> <li><a id="manual9" class="nav_list_link" href="manual9.html">Manual9</a></li> <li><a id="manual10" class="nav_list_link" href="manual10.html">Manual10</a></li> <li><a id="manual11" class="nav_list_link" href="manual11.html">Manual11</a></li> <li><a id="manual12" class="nav_list_link" href="manual12.html">Manual12</a></li> <li><a id="manual13" class="nav_list_link" href="manual13.html">Manual13</a></li> <li><a id="manual14" class="nav_list_link" href="manual14.html">Manual14</a></li> <li><a id="manual15" class="nav_list_link" href="manual15.html">Manual15</a></li> <li><a id="manual16" class="nav_list_link" href="manual16.html">Manual16</a></li> <li><a id="manual17" class="nav_list_link" href="manual17.html">Manual17</a></li> <li><a id="manual18" class="nav_list_link" href="manual18.html">Manual18</a></li> <li><a id="manual19" class="nav_list_link" href="manual19.html">Manual19</a></li> <li><a id="manual20" class="nav_list_link" href="manual20.html">Manual20</a></li> </ul> </li> <li> <a id="articles" class="nav_list_link" href="articles.html"></a> <ul id="list_articles" class="hidden"> <li><a id="article1" class="nav_list_link" href="article1.html">Article1</a></li> <li><a id="article2" class="nav_list_link" href="article2.html">Article2</a></li> <li><a id="article3" class="nav_list_link" href="article3.html">Article3</a></li> <li><a id="article4" class="nav_list_link" href="article4.html">Article4</a></li> <li><a id="article5" class="nav_list_link" href="article5.html">Article5</a></li> <li><a id="article6" class="nav_list_link" href="article6.html">Article6</a></li> <li><a id="article7" class="nav_list_link" href="article7.html">Article7</a></li> <li><a id="article8" class="nav_list_link" href="article8.html">Article8</a></li> <li><a id="article9" class="nav_list_link" href="article9.html">Article9</a></li> <li><a id="article10" class="nav_list_link" href="article10.html">Article10</a></li> <li><a id="article11" class="nav_list_link" href="article11.html">Article11</a></li> <li><a id="article12" class="nav_list_link" href="article12.html">Article12</a></li> </ul> </li> <li> <a id="lessons" class="nav_list_link" href="lessons.html"></a> <ul id="list_lessons" class="hidden"> <li><a id="lessons1" class="nav_list_link" href="lessons1.html">Lessons1</a></li> <li><a id="lessons2" class="nav_list_link" href="lessons2.html">Lessons2</a></li> <li><a id="lessons3" class="nav_list_link" href="lessons3.html">Lessons3</a></li> <li><a id="lessons4" class="nav_list_link" href="lessons4.html">Lessons4</a></li> <li><a id="lessons5" class="nav_list_link" href="lessons5.html">Lessons5</a></li> <li><a id="lessons6" class="nav_list_link" href="lessons6.html">Lessons6</a></li> <li><a id="lessons7" class="nav_list_link" href="lessons7.html">Lessons7</a></li> <li><a id="lessons8" class="nav_list_link" href="lessons8.html">Lessons8</a></li> <li><a id="lessons8" class="nav_list_link" href="lessons9.html">Lessons9</a></li> <li><a id="lessons10" class="nav_list_link" href="lessons10.html">Lessons10</a></li> </ul> </li> <li><a id="about" class="nav_list_link" href="about.html"></a></li> </ul> </div> </div> <div id="content"> </div> <div id="footer"> <a id="button_top" href="#top"></a> </div> </div> </body> </html>1 point
-
Где-то читал, что при назначении обработчика в HTML-разметке браузер создает из значения атрибута тело анонимной функции, которая затем вешается на нужное событие. Т.е. <body onload="confirmAllLinks();"> в каком-то смысле равнозначно <script> document.body.onload = function() { confirmAllLinks(); }; </script> Очевидно, без скобок смысл будет совсем другой. PS: не ручаюсь за достоверность данной модели, так что если ввел в заблуждение - извините.1 point
-
drupal7. создаешь каталог с темой (например, balalaika), в нем три файла: balalaika.info logo.png page.tpl.php (от темы stark) Подправить page.tpl.php под свои нужды очень просто практически без знаний php. Согласен, не развернуто сообщение написал! Вот подробнее: В какой CMS, так же устроена структура шаблона, как у DLE? Т.е. полное отсутствие php в в коде шаблона (ТОЛЬКО {chtoto}). И вместе с тем, полная продуманность (шаблоны охватывают все модули). Тааак! Вот что то похожее! ImageCMS! Main.tpl Основной файл шаблона, он содержит в себе общий макет страниц сайта, а также все заголовки и мета теги. Пример: 1 <head> 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 3 <title>{$site_title}</title> 4 5 <meta name="description" content="{$site_description}" /> 6 <meta name="keywords" content="{$site_keywords}" /> 7 8 <link rel="stylesheet" href="{$THEME}/css/styles.css" type="text/css" media="screen" /> 9 </head> 10 11 <body> 12 <div id="header"> 13 ... 14 </div> 15 16 <div id="content"> 17 {$content} 18 </div> 19 20 <div id="footer"> 21 ... 22 </div> 23 </body> Переменные: {$site_title} - Имя сайта. Формируется автоматически для каждой страницы сайта. {$site_description} - Описание сайта. Формируется автоматически для каждой страницы сайта. {$site_keywords} - Ключевые слова сайта. Формируется автоматически для каждой страницы сайта. {$THEME} - Путь к директории шаблона. Желательно указывать для всех файлов, которые включаются в шаблон эту переменную, а не писать прямой путь. {$content} - Эта переменная содержит результат выполнения остальных шаблонов. То есть, к примеру, на странице отображения категории, в этом месте будет выводиться шаблон категории. Так же с первого взгляда похожа Next Generation CMS. Доступные блоки/переменные Блоки: [sitelock] ... [/sitelock] - блокировка контента сайта При активации режима "заблокировать сайт" (настройки => настройки системы => основные настройки) всё содержимое этого блока будет прятаться, а на его место - выводиться содержимое шаблона lock.tpl [debug] ... [/debug] - содержимое блока будет отображаться при включении режима "генерация отладочной информации" (настройки => настройки системы => безопасность) Содержимое блока показывается только администратору сайта [is-logged] ... [/is-logged] - содержимое блока выводится в случае, если страница показывается залогиненному посетителю [isnt-logged] ... [/isnt-logged] - содержимое блока выводится в случае, если страница показывается незалогиненному посетителю Переменные: {mainblock} - основной блок информации, именно в этом блоке фактически отображается смысловое содержание страницы {home} - ссылка (относительная) на домашнюю страницу сайта {titles} - заголовок страницы (помещается в тег <title> блока <head>) {htmlvars} - данную переменную необходимо разместить внутри HTML блока <head>, она содержит вызовы CSS/JS скриптов, необходимых для работы самого движка или плагинов {queries} - информационно-диагностическая переменная, показывает количество SQL запросов использованных для генерации страницы {exectime} - информационно-диагностическая переменная, показывает потраченное на генерацию страницы время (с точностью до 1/100 секунды) {search_form} - содержит форму краткого поиска (шаблон: search.form.tpl) {personal_menu} - содержит блок приветствия/авторизации пользователя (шаблон: usermenu.tpl) {personal_menu:logged} - если пользователь залогинен, то содержит блок приветствия пользователя (шаблон: usermenu.tpl); иначе - пустоту {personal_menu:not.logged} - если пользователь не залогинен, то содержит блок авторизации пользователя (шаблон: usermenu.tpl); иначе - пустоту {categories} - содержит древовидное меню категорий новостей (см. также шаблон: categories.tpl) {what} - идентификатор CMS ("Next Generation CMS") {version} - установленная версия CMS Желательно, но не обязательно внутри HTML блока <head> указывать переменную generator. Вам этот тег не принесёт никакого вреда, но такая запись будет полезна для развития NGCMS. <meta name="generator" content="{what} {version}" /> {debug_queries} - отладочная переменная (видимая только администратору), содержит HTML-список всех SQL запросов с указанием времени их исполнения {debug_profiler} - отладочная переменная (видимая только администратору), содержит HTML-список наиболее значимых действий системы с указанием времени их исполнения1 point
-
Можно ответить на вопрос "как настроить ссылки?": - Настройте! По подробнее можно? И есть ли разница на каком сервере сайт. Сейчас поставил денвер - работает. Но будет ли работать на nginx-1 points
This leaderboard is set to Kiev/GMT+02:00
-
Upcoming Events
No upcoming events found -
Сообщения форума
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-