<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:ya="http://blogs.yandex.ru/" xmlns:wfw="http://wellformedweb.org/CommentAPI/">
<channel>
<title>Дизайнерский форум - HTML, CSS, JavaScript</title>
<link>https://web-silver.ru/forum</link>
<description>Дизайнерский форум</description>
<language>ru</language>
<managingEditor>admin@web-silver.ru</managingEditor>
<generator>Ya:Rss  revision 15.09.2008 (vb 3)</generator>

<item>
<title>Почему меню не выпадает?</title>
<link>https://web-silver.ru/forum/showthread.php?t=21311</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21311#post159303</guid>
<description>Сделал выпадающее меню через списки HTML при наведении на пункт меню не выпадает&lt;br /&gt;
&lt;br /&gt;
[HTML]	&lt;nav class=&quot;menu_hat&quot;&gt;&lt;br /&gt;
&lt;ul&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/new&quot;&gt;Новости&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/menu/office&quot;&gt;Офис&lt;/a&gt;&lt;br /&gt;
&lt;ul &gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/firstsheet&quot;&gt;О компании&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/school&quot;&gt;Школа&lt;/a&gt;&lt;/li&gt; &lt;!-- Курсы это школа, будут какието семинары для повышения ( это наверно будет общая на всех или разные отделы группы школ по интересам) --&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/album&quot;&gt;Фотокарточки&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/filebox&quot;&gt;Амбар&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;/ul&gt;&lt;br /&gt;
	&lt;/li&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/menu/product&quot;&gt;Продукт&lt;/a&gt;&lt;br /&gt;
&lt;ul &gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/store&quot;&gt;Прайс&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/dragee&quot;&gt;Драже и крем&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/cosmetic&quot;&gt;Косметика&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/drinkmineral&quot;&gt;Живые напитки&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;/ul&gt;&lt;br /&gt;
	&lt;/li&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/menu/bortnik&quot;&gt;Бортник&lt;/a&gt;&lt;br /&gt;
&lt;ul &gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/event&quot;&gt;Численник&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/apiary&quot;&gt;Пасека&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/science&quot;&gt;Оч'умелые ручки&lt;/a&gt;&lt;/li&gt; &lt;!-- игры для детей (лапта, банки склянки), наукова думка, наука из ничего, просто о сложном чему учили в школе физика математика химия--&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/catalog/song&quot;&gt;Песни стихи&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;/ul&gt;&lt;br /&gt;
	&lt;/li&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/menu/contact&quot;&gt;Контакт&lt;/a&gt;&lt;br /&gt;
&lt;ul &gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/location&quot;&gt;Визитка&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
	&lt;li&gt;&lt;a href=&quot;/guestbook&quot;&gt;Книга гостей&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;/ul&gt;&lt;br /&gt;
	&lt;/li&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/ul&gt;&lt;br /&gt;
	&lt;/nav&gt;[/HTML]&lt;br /&gt;
&lt;br /&gt;
[CODE]/* блок меню (возможно надо сделать через вложенность)*/&lt;br /&gt;
.menu_hat ul{&lt;br /&gt;
	margin: 0px; /* обнуляем внешние поля */&lt;br /&gt;
	padding: 0px; /* обнуляем внутренние отступы */&lt;br /&gt;
	list-style: none; /* убираем маркеры списков */&lt;br /&gt;
}&lt;br /&gt;
.menu_hat, .menu_site, .sizon_button {/*  */&lt;br /&gt;
	width: 840px;&lt;br /&gt;
	margin: 0 auto;&lt;br /&gt;
&lt;br /&gt;
	font: bold 13px/25px Tahoma, Arial, sans-serif; /* шрифт меню, жирный, без засечек ( sans-serif ) (размер px/отступ между строк px)*/&lt;br /&gt;
	letter-spacing: 1px; /* отступ между буквами */&lt;br /&gt;
	text-transform: uppercase; /* все буквы прописные */&lt;br /&gt;
}&lt;br /&gt;
.menu_hat ul li ul li{&lt;br /&gt;
	float: none; /* отменяем обтикание для внутренних элементов списков, они распологаются в столбик*/&lt;br /&gt;
}&lt;br /&gt;
.menu_hat a {&lt;br /&gt;
	display: block; /* делаем ссылки блоками */&lt;br /&gt;
&lt;br /&gt;
	white-space: nowrap; /* запрещаем перевод строк */&lt;br /&gt;
	padding: 2px 35px; /* внутренние отступы (ширина по бокам) (ширина)*/&lt;br /&gt;
}&lt;br /&gt;
.menu_hat ul li{&lt;br /&gt;
	display: block; /* делаем ссылки блоками */&lt;br /&gt;
	position: relative; /* относительное позиционирование */&lt;br /&gt;
	float: left; /* обтикание одного пункта относительно другова, пункты меню распологаются свлева направо, как и записаны в том порядке */&lt;br /&gt;
	border-bottom: 2px solid transparent;&lt;br /&gt;
	white-space: nowrap; /* запрещаем перевод строк */&lt;br /&gt;
	/*padding: 0px 20px;  внутренние отступы пунктов (высота) (ширина)*/&lt;br /&gt;
	margin-right: 20px;&lt;br /&gt;
}&lt;br /&gt;
.menu_hat a{&lt;br /&gt;
	color: #4f576d;&lt;br /&gt;
}&lt;br /&gt;
.menu_hat ul li ul {&lt;br /&gt;
	 display: none; /* скрываем внутренние списки */&lt;br /&gt;
}&lt;br /&gt;
.menu_hat ul li a:hover .menu_hat ul li ul, .menu_hat ul li.ie6 .menu_hat ul li ul {&lt;br /&gt;
	display: block; /* делаем внутренние списки блочными при наведении мыши на внешние элементы LI */&lt;br /&gt;
	background: #4f576d; /* цвет фона */	&lt;br /&gt;
	margin-left: -30px; /* Сдвигаем подменю влево */&lt;br /&gt;
&lt;br /&gt;
	color: #ffa500; /* цвет текста внутренних ссылок */&lt;br /&gt;
	&lt;br /&gt;
	position: relative; /* абсолютное позиционирование внутренних списков */&lt;br /&gt;
	min-width: 140px; /* минимальная ширина подпунктов */&lt;br /&gt;
	width: auto !important; /* для поддержки IE6 */&lt;br /&gt;
	width: 140px; /* минимальная ширина подпунктов для IE6 */&lt;br /&gt;
&lt;br /&gt;
	overflow: hidden;&lt;br /&gt;
&lt;br /&gt;
	-webkit-box-shadow: 0 0 7px 0 #99958c; /* тень для разных браузеров */&lt;br /&gt;
	-moz-box-shadow: 0 0 7px 0 #99958c; /* тень для разных браузеров */&lt;br /&gt;
	box-shadow: 0 0 7px 0 #99958c; /* тень цвет кварцевый*/&lt;br /&gt;
}&lt;br /&gt;
.menu_hat li ul a:hover, .menu_hat  li ul.ie6 a { /* полоска выделитель */&lt;br /&gt;
	color: #4f576d; /* цвет текста внутренних ссылок при наведении курсора на них самих (#58eb51) зелёный цвет сочетается с чёрным*/&lt;br /&gt;
	background: #ffa500; /* фон пунктов при наведеии*/&lt;br /&gt;
	border-bottom: none; /* убираем подчёркивание у пунктов */&lt;br /&gt;
	box-shadow: 0 0 5px 0 #ffbe47;&lt;br /&gt;
&lt;br /&gt;
/* плавное угосание после отведения от пункта (быстро появляется плавно ичезает - надо сделать)*/	&lt;br /&gt;
}&lt;br /&gt;
.menu_hat a:hover, .menu_hat.ie6 a {&lt;br /&gt;
	color: #4f576d; /* цвет текста пунктов при наведении курсора */&lt;br /&gt;
	border-bottom: none; /* убираем подчёркивание у подпунктов*/&lt;br /&gt;
}[/CODE]&lt;br /&gt;
&lt;br /&gt;
[B]Добавлено через 1 час 4 минуты[/B]&lt;br /&gt;
&lt;br /&gt;
помогите пожалуйста</description>
<pubDate>Sun, 09 Dec 2018 20:46:43 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=14790</author>
</item>
<item>
<title>Курсы верстке</title>
<link>https://web-silver.ru/forum/showthread.php?t=21298</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21298#post159251</guid>
<description>Посоветуйте курсы по верстке, чтобы шло все поэтапно и без лишнего.</description>
<pubDate>Fri, 08 Jun 2018 02:34:05 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=24697</author>
</item>
<item>
<title>С чего начать?</title>
<link>https://web-silver.ru/forum/showthread.php?t=21284</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21284#post159220</guid>
<description>У меня появились проекты. Будет социальная сеть. :idea:&lt;br /&gt;
У меня огромная просьба, проявить понимание к новичку ( ко мне ) и объяснить в подробных деталях - чему и как обучаться для достижения моих  целей.&lt;br /&gt;
Мне нужно знать, какому языку обучаться, про фотошоп и так далее... Вообще где брать литературу, какая будет самая лучшая и главное - пока что для начинающих.:rolleyes:</description>
<pubDate>Mon, 29 Jan 2018 20:23:30 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=28220</author>
</item>
<item>
<title>Правильно подобрать цвета</title>
<link>https://web-silver.ru/forum/showthread.php?t=21186</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21186#post158929</guid>
<description>Всем привет!  Нужна помощь подобрать цвета для сайта.&lt;br /&gt;
Есть пару страниц сайта где цвета не правильно подобраны. Не очень приятно смотреть да и не красиво. &lt;br /&gt;
&lt;br /&gt;
Хотел бы попросить у вас помощи с подбором цвета.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http&quot;&gt;http://s019.radikal.ru/i634/1611/a0/f89c9ecfb526.png&lt;/a&gt;</description>
<pubDate>Sat, 19 Nov 2016 03:57:10 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27605</author>
</item>
<item>
<title>Меню</title>
<link>https://web-silver.ru/forum/showthread.php?t=21117</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21117#post158751</guid>
<description>[ATTACH]4195[/ATTACH]&lt;br /&gt;
Ребят, сделал резиновое меню, но не могу опустить текст в центр  li. Какие атрибуты попробовать?</description>
<pubDate>Mon, 29 Aug 2016 17:13:32 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26690</author>
</item>
<item>
<title>Скачивание по ссылке</title>
<link>https://web-silver.ru/forum/showthread.php?t=21083</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21083#post158620</guid>
<description>Не во всех браузерах скачивается, а именно проблема с IE и как ни странно с Мозилой, а вот Гугл Хром и опера все норм. скачивает.&lt;br /&gt;
&lt;a href=&quot;http://vitaliykurzaev.ru&quot;&gt;http://vitaliykurzaev.ru&lt;/a&gt;&lt;br /&gt;
Сразу под фото предлагается скачать презентацию.&lt;br /&gt;
Вопрос в том как это исправить на всех браузерах. Подскажите, добрые люди. Может php с обработкой нажатия кнопки, но у меня не получается норм настроить.&lt;br /&gt;
Вот пример кода который сейчас:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;newsletter_form&quot;&gt;&lt;br /&gt;
                  &lt;form&gt;&lt;br /&gt;
                    &lt;input type=&quot;text&quot; placeholder=&quot;Скачать прайс PDF&quot;/&gt;&lt;br /&gt;
                    &lt;input type=&quot;text&quot; placeholder=&quot;+ презентация&quot;/&gt;                    &lt;br /&gt;
                     &lt;button&gt;&lt;a href=&quot;files/1.pdf&quot; download&gt;&lt;br /&gt;
                      Скачать&lt;/a&gt;&lt;/button&gt;&lt;br /&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;&lt;br /&gt;
                  &lt;/form&gt;&lt;br /&gt;
                &lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
[B]Добавлено через 55 минут[/B]&lt;br /&gt;
&lt;br /&gt;
&lt;blockquote&gt;Не во всех браузерах скачивается, а именно проблема с IE и как ни странно с Мозилой, а вот Гугл Хром и опера все норм. скачивает.&lt;br /&gt;
&lt;a href=&quot;http://vitaliykurzaev.ru&quot;&gt;http://vitaliykurzaev.ru&lt;/a&gt;&lt;br /&gt;
Сразу под фото предлагается скачать презентацию.&lt;br /&gt;
Вопрос в том как это исправить на всех браузерах. Подскажите, добрые люди. Может php с обработкой нажатия кнопки, но у меня не получается норм настроить.&lt;br /&gt;
Вот пример кода который сейчас:&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;newsletter_form&quot;&gt;&lt;br /&gt;
                  &lt;form&gt;&lt;br /&gt;
                    &lt;input type=&quot;text&quot; placeholder=&quot;Скачать прайс PDF&quot;/&gt;&lt;br /&gt;
                    &lt;input type=&quot;text&quot; placeholder=&quot;+ презентация&quot;/&gt;                    &lt;br /&gt;
                     &lt;button&gt;&lt;a href=&quot;files/1.pdf&quot; download&gt;&lt;br /&gt;
                      Скачать&lt;/a&gt;&lt;/button&gt;&lt;br /&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;&lt;br /&gt;
                  &lt;/form&gt;&lt;br /&gt;
                &lt;/div&gt;&lt;\blockquote&gt;&lt;br /&gt;
&lt;br /&gt;
/*.*/&lt;br /&gt;
&lt;form&gt;&lt;br /&gt;
                    &lt;input type=&quot;text&quot; placeholder=&quot;Скачать прайс PDF&quot;/&gt;&lt;br /&gt;
                    &lt;input type=&quot;email&quot; placeholder=&quot;+ презентация&quot;/&gt;                    &lt;br /&gt;
                     &lt;button&gt;&lt;a href=&quot;https://cloud.mail.ru/public/42nJ/cemKBAf97&quot; target=&quot;_blank&quot;&gt;&lt;br /&gt;
                      Скачать&lt;/a&gt;&lt;/button&gt;&lt;br /&gt;
                    &lt;div class=&quot;clearfix&quot;&gt;&lt;/div&gt;&lt;br /&gt;
                  &lt;/form&gt;&lt;br /&gt;
                &lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
:-( И это мне тоже не помогло. Даже по ссылке IE и Мозила не работает норм. Хром и Опера нормально все</description>
<pubDate>Sun, 24 Jul 2016 17:15:00 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27394</author>
</item>
<item>
<title>Как сделать &amp;quot;поля&amp;quot; у сайта?</title>
<link>https://web-silver.ru/forum/showthread.php?t=21052</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21052#post158492</guid>
<description>Здравствуйте!&lt;br /&gt;
&lt;br /&gt;
С 2002 г. у меня на бесплатном хостинге был свой сайт, который я сделал на основе таблиц HTML.&lt;br /&gt;
&lt;br /&gt;
В этом году я на платном хостинге решил сделать более красивый сайт на основе CSS.&lt;br /&gt;
&lt;br /&gt;
Но я нигде не могу найти информации, как в CSS (или в HTML) сделать так, чтобы [B]при просмотре сайта на широком экране были слева и справа &quot;поля&quot;[/B] (м.б. они так называются в профессиональном языке, а может быть и по-другому) - то есть, пустые вертикальные полосы, например, серого или белого цвета.&lt;br /&gt;
&lt;br /&gt;
По моему мнению, такие &quot;поля&quot; помогали бы посетителям сайта сконцентрироваться на средней части экрана&lt;br /&gt;
&lt;br /&gt;
Вот пример сайта с такими полями - &lt;a href=&quot;&quot;http&quot;&gt;http://tepokna.ru/plastikovye_okna_ceny&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
А меня сейчас получается так, что на широком экране содержание сайта занимает всю его ширину - как вот на этом сайте &lt;a href=&quot;&quot;http&quot;&gt;http://www.sm-okna.ru/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Заранее спасибо за советы.</description>
<pubDate>Fri, 01 Jul 2016 12:37:13 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27346</author>
</item>
<item>
<title>Онлайн редактор HTML, CSS</title>
<link>https://web-silver.ru/forum/showthread.php?t=21049</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21049#post158483</guid>
<description>Доброго времени суток уважаемые форумчане. Хочу спросить людей занимающиеся веб дизайном.&lt;br /&gt;
Как вам идея интерактивного онлайн редактора веб-страниц, где страница может создаваться с 0 так и на основе готовой конструкции, при этом вы видите как ведут себя элементы на страницы в различных браузерах при проектировании. &lt;br /&gt;
Не путайте с конструкторами сайтов, там несколько другая концепция. Суть именно в создании либо макетов, либо готовых страниц с тонкой настройкой по вашему видению. :cool:&lt;br /&gt;
Жду ваших мнений.</description>
<pubDate>Wed, 29 Jun 2016 11:09:29 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27339</author>
</item>
<item>
<title>onUnload javascript</title>
<link>https://web-silver.ru/forum/showthread.php?t=21048</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21048#post158481</guid>
<description>Подскажите,не работает onUnload,где ошибка?&lt;br /&gt;
                                &lt;br /&gt;
&lt;!DOCTYPE html&gt; &lt;br /&gt;
&lt;html lang=&quot;ru&quot;&gt;&lt;br /&gt;
 &lt;head&gt;&lt;br /&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;&lt;br /&gt;
  &lt;title&gt;onUnload_onMouseOut&lt;/title&gt;&lt;br /&gt;
 &lt;/head&gt;&lt;br /&gt;
  &lt;body onUnload=&quot;alert('Уже уходите?');&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
 &lt;p&gt;&lt;a href=&quot;http://qip.ru&quot; onMouseOver=&quot;this.style.color='blue'&quot; onMouseMove=&quot;this.style.color='red'&quot; &lt;br /&gt;
 onMouseOut=&quot;this.style.color='green'&quot;&gt;&lt;br /&gt;
 Пример использования события onMouseOut.&lt;br /&gt;
 &lt;/a&gt;&lt;/p&gt;&lt;br /&gt;
&lt;br /&gt;
 &lt;/body&gt;&lt;br /&gt;
&lt;/html&gt;</description>
<pubDate>Tue, 28 Jun 2016 17:01:06 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26405</author>
</item>
<item>
<title>Всплывающая картинка при наведении на позицию</title>
<link>https://web-silver.ru/forum/showthread.php?t=21024</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21024#post158366</guid>
<description>Есть открывающийся список позиций. &lt;br /&gt;
 После клика - выдвигается к низу список позиций - выбирается нужный нажатием на нужную строку в этом списке.&lt;br /&gt;
 Как сделать так что бы при наведении на строку (с выпадающим списком) появлялась картинка?&lt;br /&gt;
&lt;br /&gt;
 Есть куча (и тележка) примеров - НО, они работают на чистой странице, без всяких там (как например у меня) выпадающих списков.&lt;br /&gt;
&lt;br /&gt;
 Что только не пробовал, и прописывал код: code=&quot;z-index: 1000&quot; и code=&quot;z-index: 100000&quot; - добавлял нули в слои что бы картинку поднять с глубины - не помогает это.&lt;br /&gt;
 Что же сделать? Как реализовать это?&lt;br /&gt;
&lt;br /&gt;
 Прилагаю пример наведение на ссылку = картинка (&lt;br /&gt;
&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;br /&gt;
&lt;!-- saved from url=(0052)&lt;a href=&quot;http://megascripts.ru/demo/vspl_kar_naved/index.html&quot;&gt;http://megascripts.ru/demo/vspl_kar_naved/index.html&lt;/a&gt; --&gt;&lt;br /&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot;&gt;&lt;br /&gt;
&lt;title&gt;Всплывающая картинка при наведении на ссылку или на картинку&lt;/title&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;&lt;br /&gt;
/* Just some styles to set the page layout. */&lt;br /&gt;
* {margin:0;padding:0;font-family:Arial, Verdana, sans-serif;}&lt;br /&gt;
body {padding:20px; background: #393939 url(http://megascripts.ru/demo/pattern.jpg);}&lt;br /&gt;
h1 {font-size:18px;margin:20px 0;color: Yellow;}&lt;br /&gt;
h2 {font-size:14px;margin:20px 0;color: Yellow;}&lt;br /&gt;
h3 {font-size:14px;margin:20px 0;color: Yellow;}&lt;br /&gt;
p {font-size:12px;margin:20px 0;color: Yellow;}&lt;br /&gt;
a {font-size:12px;color: red;}&lt;br /&gt;
#container {width:960px;margin:0 auto;}&lt;br /&gt;
pre {font-family:&quot;Courier New&quot;, Courier, monospace;font-size:12px;margin:20px 0;}&lt;br /&gt;
&lt;/style&gt;&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;&lt;br /&gt;
.thumbnail{ &lt;br /&gt;
position: relative; &lt;br /&gt;
z-index: 0; &lt;br /&gt;
} &lt;br /&gt;
.thumbnail:hover{ &lt;br /&gt;
background-color: transparent; &lt;br /&gt;
z-index: 50; &lt;br /&gt;
} &lt;br /&gt;
.thumbnail span{ /*CSS for enlarged image*/ &lt;br /&gt;
position: absolute; &lt;br /&gt;
background-color: #3d3d3d; &lt;br /&gt;
padding: 5px; &lt;br /&gt;
left: -1000px; &lt;br /&gt;
border: 1px solid white; &lt;br /&gt;
visibility: hidden; &lt;br /&gt;
color: Yellow; &lt;br /&gt;
text-decoration: none; &lt;br /&gt;
border-radius: 4px 4px 4px 4px;&lt;br /&gt;
-moz-border-radius: 4px 4px 4px 4px;&lt;br /&gt;
-webkit-border-radius: 4px 4px 4px 4px;&lt;br /&gt;
} &lt;br /&gt;
.thumbnail span img{ /*CSS for enlarged image*/ &lt;br /&gt;
border-width: 0; &lt;br /&gt;
padding: 2px; &lt;br /&gt;
} &lt;br /&gt;
.thumbnail:hover span{ /*CSS for enlarged image on hover*/ &lt;br /&gt;
visibility: visible; &lt;br /&gt;
top: 0; &lt;br /&gt;
left: 60px; /*position where enlarged image should offset horizontally */ &lt;br /&gt;
} &lt;br /&gt;
&lt;/style&gt;&lt;br /&gt;
&lt;/head&gt;&lt;br /&gt;
&lt;body&gt;&lt;br /&gt;
&lt;div id=&quot;container&quot;&gt;&lt;br /&gt;
&lt;h1&gt;Всплывающая картинка при наведении на ссылку или на картинку&lt;/h1&gt;&lt;br /&gt;
&lt;h2&gt;Всплывающая картинка при наведении на ссылку&lt;/h2&gt;&lt;br /&gt;
		&lt;br /&gt;
&lt;a class=&quot;thumbnail&quot; href=&quot;http://megascripts.ru/demo/vspl_kar_naved/index.html#&quot;&gt;Ссылка&lt;span&gt;Здесь описание&lt;img src=&quot;./Всплывающая картинка при наведении на ссылку или на картинку_files/43323.jpg&quot; width=&quot;500&quot;&gt;&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2&gt;Всплывающая картинка при наведении на картинку&lt;/h2&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a class=&quot;thumbnail&quot; href=&quot;http://megascripts.ru/demo/vspl_kar_naved/index.html#&quot;&gt;&lt;img src=&quot;./Всплывающая картинка при наведении на ссылку или на картинку_files/43323.jpg&quot; width=&quot;200px&quot; border=&quot;0&quot;&gt;&lt;span&gt;&lt;img src=&quot;./Всплывающая картинка при наведении на ссылку или на картинку_files/43323.jpg&quot; width=&quot;500px&quot;&gt;Ваш текст&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;)&lt;br /&gt;
- Этот пример не хочет работать с выпадающим списком.&lt;br /&gt;
&lt;br /&gt;
 Код моего выпадающего списка: &lt;br /&gt;
 	&lt;div class=&quot;col-2&quot; id=&quot;ddbullet&quot;&gt;&lt;label&gt;Стрелки: &lt;/div&gt;&lt;/label&gt;&lt;br /&gt;
	&lt;div class=&quot;ddbullet&quot;&gt;&lt;br /&gt;
	&lt;select class=&quot;form-control input-sm&quot; id=&quot;ddbullet&quot; data-bme=&quot;Стрелки:&amp;thinsp;&quot; name=&quot;D2&quot; style=&quot;width: 85px&quot; title=&quot;Выбрать здесь или внизу страницы&quot;&gt;&lt;br /&gt;
    &lt;!-- Список стрелок 24 --&gt;&lt;br /&gt;
 	&lt;option&gt; к часам &lt;/option&gt; 	&lt;br /&gt;
	&lt;option&gt;&lt;a href=&quot;#4&quot; class=&quot;ddbullet&quot; rel=&quot;bulletimg5&quot;&gt;&lt;br /&gt;
	№ 04 - 66/100&lt;/a&gt;&lt;/option&gt;	 	&lt;br /&gt;
	&lt;option&gt;&lt;a href=&quot;#1&quot; class=&quot;ddbullet&quot; rel=&quot;bulletimg1&quot; code=&quot;z-index: 1000&quot;&gt;№ 5 - 66/100&lt;/a&gt;&lt;/option&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;option class=&quot;ddbullet&quot; rel=&quot;bulletimg5&quot;&gt;№ 06 - 66/100 &lt;/option&gt;&lt;br /&gt;
	&lt;option&gt; № 7 - 65/89 &lt;/option&gt;&lt;br /&gt;
	&lt;option&gt; № 8 - 63/90 &lt;/option&gt;&lt;br /&gt;
	&lt;option&gt; № J2 - 70/90/93 &lt;/option&gt;&lt;/select&gt;&lt;br /&gt;
&lt;br /&gt;
 - Не хочет работать по примеру страницы которую указал (дал её код) выше.</description>
<pubDate>Sat, 28 May 2016 12:42:56 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26706</author>
</item>
<item>
<title>Модальные окна HTML+CSS</title>
<link>https://web-silver.ru/forum/showthread.php?t=21018</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21018#post158336</guid>
<description>Всем привет! Столкнулся с одной проблемкой, делал на сайт модальные окна, на пример: кнопка вызывающее модальное окно в котором кнопка вызывающее другое модальное окно, все бы хорошо, но есть одно &quot;НО&quot;, после того как появляется второё модальное окно, первое не пропадает, а остается сзади. Как быть? Как сделать чтобы при появлении нового окна, предыдущее исчезало?&lt;br /&gt;
&lt;br /&gt;
[B]Вот вам все:[/B]&lt;br /&gt;
&lt;br /&gt;
.html&lt;br /&gt;
[CODE]&lt;br /&gt;
&lt;!DOCTYPE html&gt;&lt;br /&gt;
&lt;html lang=&quot;ru&quot;&gt;&lt;br /&gt;
&lt;head&gt;&lt;br /&gt;
    &lt;meta charset=&quot;UTF-8&quot;&gt;&lt;br /&gt;
    &lt;title&gt;Демо&lt;/title&gt;&lt;br /&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style.css&quot;&gt;&lt;br /&gt;
	&lt;style&gt;&lt;br /&gt;
       a {&lt;br /&gt;
       color: #96443c;&lt;br /&gt;
       text-decoration: none;&lt;br /&gt;
       }&lt;br /&gt;
    &lt;/style&gt;&lt;br /&gt;
&lt;/head&gt;&lt;br /&gt;
&lt;body&gt;&lt;br /&gt;
&lt;div class=&quot;demo&quot;&gt;&lt;br /&gt;
    &lt;label class=&quot;btn&quot; for=&quot;modal-2&quot;&gt;Окно 1&lt;/label&gt;  &lt;br /&gt;
    &lt;label class=&quot;btn&quot; for=&quot;modal-5&quot;&gt;Окно 2&lt;/label&gt;  &lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
					&lt;!-- Modal One --&gt;&lt;br /&gt;
					&lt;div class=&quot;modal&quot;&gt;&lt;br /&gt;
 					 &lt;input class=&quot;modal-open&quot; id=&quot;modal-2&quot; type=&quot;checkbox&quot; hidden&gt;&lt;br /&gt;
  					&lt;div class=&quot;modal-wrap&quot; aria-hidden=&quot;true&quot; role=&quot;dialog&quot;&gt;&lt;br /&gt;
 					   &lt;label class=&quot;modal-overlay&quot; for=&quot;modal-2&quot;&gt;&lt;/label&gt;&lt;br /&gt;
 						&lt;div class=&quot;modal-dialog&quot;&gt;&lt;br /&gt;
  					    &lt;div class=&quot;modal-header&quot;&gt;&lt;br /&gt;
  					      &lt;h2&gt;Окно 1&lt;/h2&gt;&lt;br /&gt;
   					     &lt;label class=&quot;btn-close&quot; for=&quot;modal-2&quot; aria-hidden=&quot;true&quot;&gt;Ч&lt;/label&gt;&lt;br /&gt;
   					   &lt;/div&gt;&lt;br /&gt;
                        &lt;div class=&quot;modal-body&quot;&gt;&lt;br /&gt;
                            &lt;label class=&quot;btn btn-primary&quot; for=&quot;modal-5&quot;&gt;Открыть Окно 2&lt;/label&gt;&lt;br /&gt;
     					 &lt;/div&gt;&lt;br /&gt;
   					 &lt;/div&gt;&lt;br /&gt;
					 &lt;/div&gt;&lt;br /&gt;
    &lt;/div&gt;&lt;br /&gt;
                        &lt;br /&gt;
                        &lt;br /&gt;
            &lt;!-- Error --&gt;&lt;br /&gt;
                        &lt;div class=&quot;modal&quot;&gt;&lt;br /&gt;
 					 &lt;input class=&quot;modal-open&quot; id=&quot;modal-5&quot; type=&quot;checkbox&quot; hidden&gt;&lt;br /&gt;
  					&lt;div class=&quot;modal-wrap&quot; aria-hidden=&quot;true&quot; role=&quot;dialog&quot;&gt;&lt;br /&gt;
 					   &lt;label class=&quot;modal-overlay&quot; for=&quot;modal-5&quot;&gt;&lt;/label&gt;&lt;br /&gt;
 						&lt;div class=&quot;modal-dialog&quot;&gt;&lt;br /&gt;
  					    &lt;div class=&quot;modal-header&quot;&gt;&lt;br /&gt;
  					      &lt;h2&gt;Окно 2&lt;/h2&gt;&lt;br /&gt;
   					     &lt;label class=&quot;btn-close&quot; for=&quot;modal-5&quot; aria-hidden=&quot;true&quot;&gt;Ч&lt;/label&gt;&lt;br /&gt;
   					   &lt;/div&gt;&lt;br /&gt;
                        &lt;div class=&quot;modal-body&quot;&gt;&lt;br /&gt;
                        Окно 2&lt;br /&gt;
     					 &lt;/div&gt;&lt;br /&gt;
   					 &lt;/div&gt;&lt;br /&gt;
					 &lt;/div&gt;&lt;br /&gt;
                        &lt;br /&gt;
                        &lt;br /&gt;
					&lt;/div&gt;&lt;br /&gt;
&lt;/body&gt;&lt;br /&gt;
&lt;/html&gt;&lt;br /&gt;
&lt;br /&gt;
[/CODE]&lt;br /&gt;
&lt;br /&gt;
.css&lt;br /&gt;
[CODE]&lt;br /&gt;
@charset &quot;UTF-8&quot;;&lt;br /&gt;
body{&lt;br /&gt;
    font-family: helvetica, arial;&lt;br /&gt;
    background: #fefefe;&lt;br /&gt;
}&lt;br /&gt;
.demo {&lt;br /&gt;
    max-width: 400px;&lt;br /&gt;
    padding: 25px;&lt;br /&gt;
    margin: 45px auto;&lt;br /&gt;
    background-color: #F5F5F5;&lt;br /&gt;
    border: 1px solid #E3E3E3;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
}&lt;br /&gt;
/* Стили модального окна */&lt;br /&gt;
.modal-header h2 {&lt;br /&gt;
    color: #555;  &lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
    font-weight: normal;&lt;br /&gt;
    line-height: 1;    &lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
/* кнопка закрытия окна */&lt;br /&gt;
.modal .btn-close {&lt;br /&gt;
    color: #aaa;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    font-size: 30px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    right: 5px;&lt;br /&gt;
    top: 0;&lt;br /&gt;
}&lt;br /&gt;
.modal .btn-close:hover {&lt;br /&gt;
    color: red;&lt;br /&gt;
}&lt;br /&gt;
/* слой затемнения */&lt;br /&gt;
.modal-wrap:before {&lt;br /&gt;
    content: &quot;&quot;;&lt;br /&gt;
    display: none;&lt;br /&gt;
    background: rgba(0, 0, 0, 0.6);&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    z-index: 101;&lt;br /&gt;
}&lt;br /&gt;
.modal-overlay {&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    display: none;&lt;br /&gt;
    left: 0;&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    z-index: 102;&lt;br /&gt;
}&lt;br /&gt;
/* активация слоя затемнения и модального блока */&lt;br /&gt;
.modal-open:checked ~ .modal-wrap:before,&lt;br /&gt;
.modal-open:checked ~ .modal-wrap .modal-overlay {&lt;br /&gt;
    display: block;&lt;br /&gt;
}&lt;br /&gt;
.modal-open:checked ~ .modal-wrap .modal-dialog {&lt;br /&gt;
    -webkit-transform: translate(-50%, 0);&lt;br /&gt;
    -ms-transform: translate(-50%, 0);&lt;br /&gt;
    -o-transform: translate(-50%, 0);&lt;br /&gt;
    transform: translate(-50%, 0);&lt;br /&gt;
    top: 20%;&lt;br /&gt;
}&lt;br /&gt;
/* элементы модального окна */&lt;br /&gt;
.modal-dialog {&lt;br /&gt;
    background: #fefefe;&lt;br /&gt;
    border: #555555 solid 1px;&lt;br /&gt;
    border-radius: 5px;&lt;br /&gt;
    position: fixed;&lt;br /&gt;
    left: 50%;&lt;br /&gt;
    top: -100%;&lt;br /&gt;
    -webkit-transform: translate(-50%, -500%);&lt;br /&gt;
    -ms-transform: translate(-50%, -500%);&lt;br /&gt;
    -o-transform: translate(-50%, -500%);&lt;br /&gt;
    transform: translate(-50%, -500%);&lt;br /&gt;
    -webkit-transition: -webkit-transform 0.4s ease-out;&lt;br /&gt;
    -moz-transition: -moz-transform 0.4s ease-out;&lt;br /&gt;
    -o-transition: -o-transform 0.4s ease-out;&lt;br /&gt;
    transition: transform 0.4s ease-out;&lt;br /&gt;
    width: 80%;&lt;br /&gt;
    max-width: 500px;&lt;br /&gt;
    z-index: 103;&lt;br /&gt;
}&lt;br /&gt;
.modal-body {&lt;br /&gt;
  padding: 20px;&lt;br /&gt;
}&lt;br /&gt;
.modal-body p {&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.modal-header,&lt;br /&gt;
.modal-footer {&lt;br /&gt;
    padding: 20px 20px;&lt;br /&gt;
}&lt;br /&gt;
.modal-header {&lt;br /&gt;
    border-bottom: #eaeaea solid 1px;&lt;br /&gt;
}&lt;br /&gt;
.modal-header h2 {&lt;br /&gt;
    font-size: 20px;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
}&lt;br /&gt;
.modal-footer {&lt;br /&gt;
    border-top: #eaeaea solid 1px;&lt;br /&gt;
    text-align: right;&lt;br /&gt;
}&lt;br /&gt;
/* адаптивные картинки в модальном блоке */&lt;br /&gt;
.modal-body img { &lt;br /&gt;
    max-width: 100%;&lt;br /&gt;
    height: auto;&lt;br /&gt;
}&lt;br /&gt;
/* кнопки */&lt;br /&gt;
.btn {&lt;br /&gt;
    background: #fff;&lt;br /&gt;
    border: #555 solid 1px;&lt;br /&gt;
    border-radius: 3px;&lt;br /&gt;
    cursor: pointer;&lt;br /&gt;
    display: inline-block;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
    padding: 8px 15px;&lt;br /&gt;
    text-decoration: none;&lt;br /&gt;
    text-align: center;&lt;br /&gt;
    min-width: 60px;&lt;br /&gt;
    position: relative;&lt;br /&gt;
}&lt;br /&gt;
.btn:hover, .btn:focus {&lt;br /&gt;
    background: #3498db;&lt;br /&gt;
}&lt;br /&gt;
.btn-primary {&lt;br /&gt;
    background: #3498db;&lt;br /&gt;
    border-color: #357ebd;&lt;br /&gt;
    color: #fff;&lt;br /&gt;
}&lt;br /&gt;
.btn-primary:hover{&lt;br /&gt;
    background: #2980b9;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
/* Элементы формы контактов */&lt;br /&gt;
.textbox{&lt;br /&gt;
    height:45px;&lt;br /&gt;
    width:100%;&lt;br /&gt;
    border-radius:3px;&lt;br /&gt;
    border:rgba(0,0,0,.3) 1px solid;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
    font-size:14px; &lt;br /&gt;
    padding:8px;&lt;br /&gt;
    margin-bottom:20px;  &lt;br /&gt;
}&lt;br /&gt;
.message:focus,&lt;br /&gt;
.textbox:focus{&lt;br /&gt;
    outline:none;&lt;br /&gt;
    border:rgba(24,149,215,1) 1px solid;&lt;br /&gt;
    color:rgba(24,149,215,1);&lt;br /&gt;
}&lt;br /&gt;
.message{&lt;br /&gt;
	background: rgba(255, 255, 255, 0.4); &lt;br /&gt;
    width:100%;&lt;br /&gt;
    height: 120px;&lt;br /&gt;
    border:rgba(0,0,0,.3) 1px solid;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
    -moz-border-radius: 3px;&lt;br /&gt;
    font-size:14px;&lt;br /&gt;
    -webkit-border-radius: 3px;&lt;br /&gt;
    border-radius: 3px; &lt;br /&gt;
    display:block;&lt;br /&gt;
    padding:10px;&lt;br /&gt;
    margin-bottom:20px;&lt;br /&gt;
    overflow:hidden;&lt;br /&gt;
}&lt;br /&gt;
/* кнопка &quot;отправить&quot; формы */&lt;br /&gt;
.btn-form{&lt;br /&gt;
    width:100%;&lt;br /&gt;
    height:45px;  &lt;br /&gt;
    border:rgba(0,0,0,.2) 1px solid;&lt;br /&gt;
    box-sizing:border-box;&lt;br /&gt;
    background: #dedede;&lt;br /&gt;
    color:#555;&lt;br /&gt;
    transition:background .4s;&lt;br /&gt;
	padding: 0 0 5px;&lt;br /&gt;
}&lt;br /&gt;
/* Изменение фона кнопки при наведении */&lt;br /&gt;
.btn-form:hover{&lt;br /&gt;
    background: #f2f2f2;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.alert {&lt;br /&gt;
    padding: 15px;&lt;br /&gt;
    border: 1px solid transparent;&lt;br /&gt;
    border-radius: 4px;&lt;br /&gt;
    font-size: 14px;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.alert-danger {&lt;br /&gt;
    color: #a94442;&lt;br /&gt;
    background-color: #f2dede;&lt;br /&gt;
    border-color: #ebccd1;&lt;br /&gt;
}&lt;br /&gt;
[/CODE]&lt;br /&gt;
&lt;br /&gt;
[B][COLOR=&quot;Red&quot;]Надеюсь на вашу помощь![/COLOR][/B]</description>
<pubDate>Wed, 18 May 2016 00:28:29 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27287</author>
</item>
<item>
<title>Какой движок поставить на сайт</title>
<link>https://web-silver.ru/forum/showthread.php?t=21017</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=21017#post158330</guid>
<description>Есть сайт на PHP - в нем нет двигателя а ставить Джомлу или др систему - нет желания.&lt;br /&gt;
Хочу обойтись простым и легким движком, без Админ панели, без MySQL баз а если с базой, то с базой в текстовом файле (если можно). &lt;br /&gt;
Главное, что бы можно было использовать файлы с SWF расширением и открытое меню (оно стоит) типа &quot;Аккордеон&quot; - не сбрасывалось из открытого положения в закрытое (то есть не закрывалось) - это происходит при передергивании файла меню, или если осуществить переход на другую страницу.&lt;br /&gt;
&lt;br /&gt;
Как вариант рассматривал CMC для сайтов визиток &quot;microText&quot;, но он не способен работать с контентом &lt;br /&gt;
в котором есть файлы SWF.&lt;br /&gt;
На данный день стоит такой код: &lt;br /&gt;
&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01//EN&quot; &quot;http://www.w3.org/TR/html4/strict.dtd&quot;&gt;&lt;br /&gt;
&lt;html&gt;&lt;br /&gt;
&lt;head&gt;&lt;br /&gt;
&lt;title&gt;maket24.php - Layout 24&lt;/title&gt;&lt;br /&gt;
&lt;link rel=&quot;shortcut icon&quot; type=&quot;image/x-icon&quot;&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;style24.css&quot;/&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;!-- Такой стиль прописан в CSS файле&lt;br /&gt;
&lt;style type=&quot;text/css&quot;&gt;&lt;br /&gt;
html,body{margin:0;padding:0}&lt;br /&gt;
body{font: 76% arial,sans-serif}&lt;br /&gt;
p{margin:0 10px 10px}&lt;br /&gt;
a{display:block;color: #981793;padding:10px}&lt;br /&gt;
div#header h1{height:80px;line-height:80px;margin:0;&lt;br /&gt;
padding-left:10px;background: #EEE;color: #79B30B}&lt;br /&gt;
div#content p{line-height:1.4}&lt;br /&gt;
div#vert-menu{background:#B9CAFF}&lt;br /&gt;
&lt;br /&gt;
div#derevo{background:#B8EFDE}&lt;br /&gt;
div#privet{background:#E4E4E4}&lt;br /&gt;
&lt;br /&gt;
div#footer{background:#333;color:#FFF}&lt;br /&gt;
div#footer p{margin:0;padding:5px 10px}&lt;br /&gt;
&lt;br /&gt;
div#wrapper{float:right;width:100%;margin-left:-200px}&lt;br /&gt;
div#content{background:#E2DDB7;margin-left:200px}&lt;br /&gt;
&lt;br /&gt;
div#derevo{float:left;clear:left;width:200px}&lt;br /&gt;
div#privet{float:left;clear:left;width:200px}&lt;br /&gt;
&lt;br /&gt;
div#vert-menu{float:left;width:200px}&lt;br /&gt;
div#footer{clear:both;width:100%}&lt;br /&gt;
&lt;/style&gt; --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/head&gt;&lt;br /&gt;
&lt;body&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div id=&quot;container&quot;&gt;&lt;br /&gt;
&lt;div id=&quot;header&quot;&gt;&lt;h1&gt;Header&lt;/h1&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div id=&quot;wrapper&quot;&gt;&lt;br /&gt;
&lt;div id=&quot;content&quot;&gt;&lt;br /&gt;
&lt;p&gt;&lt;strong&gt;4) Content страницы &lt;/p&gt;&lt;br /&gt;
&lt;/div&gt;&lt;!-- content --&gt;&lt;br /&gt;
&lt;/div&gt;&lt;!-- wrapper --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div id=&quot;drevo&quot;&gt;&lt;p&gt; 1) drevo./p&gt;&lt;/div&gt;&lt;!-- drevo --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div id=&quot;privet&quot;&gt;&lt;p&gt; 2) Privet.&lt;/strong&gt;&lt;/p&gt;&lt;/div&gt;&lt;!-- Privet --&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div id=&quot;vert-menu&quot;&gt; 3) MENY. &lt;br /&gt;
&lt;/p&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;div id=&quot;foter&quot;&gt;&lt;p&gt;Here it goes the footer&lt;/p&gt;&lt;/div&gt;&lt;!-- footer --&gt;&lt;br /&gt;
&lt;/div&gt;&lt;!-- container --&gt;&lt;br /&gt;
&lt;/body&gt;&lt;br /&gt;
&lt;/html&gt;&lt;br /&gt;
&lt;br /&gt;
Сам файл в сети: &lt;a href=&quot;http://xn--80a2agbdc.xn--p1ai/01.04.php&quot;&gt;http://xn--80a2agbdc.xn--p1ai/01.04.php&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
Что посоветуете, изменить код или какой не сложный и шустрый движок поставить?</description>
<pubDate>Mon, 16 May 2016 18:01:44 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26706</author>
</item>
<item>
<title>Форма для отправки с html сайта на почту данных</title>
<link>https://web-silver.ru/forum/showthread.php?t=20992</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20992#post158247</guid>
<description>Доброго времени суток, нужна ваша помощь&lt;br /&gt;
Мне нужна форма для отправки её с сайта мне на почту....желательно с защитой от спама и проверкой на заполнено поле или нет &lt;br /&gt;
&lt;br /&gt;
Вот что у меня сейчас...но сам я не смогу написать то что мне нужно в этой форме и самое главное правильно это сделать( &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
			&lt;div id=&quot;header&quot;&gt;&lt;br /&gt;
				&lt;header&gt;&lt;br /&gt;
					&lt;div style=&quot;height: 35px&quot;&gt;&lt;/div&gt;					&lt;br /&gt;
						&lt;p&gt; Для осуществления заказа заполните все поля и максимально точно опишите ваш заказ.&lt;/p&gt;					&lt;br /&gt;
					&lt;div id=&quot;contact_form&quot;&gt;&lt;br /&gt;
						&lt;div style=&quot;height: 35px&quot;&gt;&lt;/div&gt;&lt;br /&gt;
						&lt;div class=&quot;validation&quot;&gt;&lt;br /&gt;
							&lt;p&gt;В течении нескольких дней после отправки формы, на ваш email прийдет сообщение в котором будет&lt;/p&gt;&lt;br /&gt;
							&lt;p&gt;Все для заказа и вопросы которые нам нужны для его выполнения, а также наброски&lt;/p&gt;&lt;br /&gt;
						&lt;/div&gt;					&lt;br /&gt;
						&lt;form action=&quot;javascript:;&quot; method=&quot;post&quot;&gt;&lt;br /&gt;
							&lt;div class=&quot;row&quot; &gt;&lt;br /&gt;
								&lt;p class=&quot;left&quot;&gt;&lt;br /&gt;
									&lt;label for=&quot;name&quot;&gt;&lt;font color=&quot;#FFFFFF&quot;&gt;Имя*&lt;/font&gt;&lt;/label&gt;&lt;br /&gt;
									&lt;input type=&quot;text&quot; name=&quot;name&quot; id=&quot;name&quot; value=&quot;&quot; /&gt;&lt;br /&gt;
								&lt;/p&gt;&lt;br /&gt;
								&lt;p class=&quot;right&quot;&gt;&lt;br /&gt;
									&lt;label for=&quot;email&quot;&gt;&lt;font color=&quot;#FFFFFF&quot;&gt;Email*&lt;/font&gt;&lt;/label&gt;&lt;br /&gt;
									&lt;input type=&quot;text&quot; name=&quot;email&quot; id=&quot;email&quot; value=&quot;&quot; /&gt;&lt;br /&gt;
								&lt;/p&gt;&lt;br /&gt;
							&lt;/div&gt;&lt;br /&gt;
							&lt;div class=&quot;row&quot;&gt;&lt;br /&gt;
								&lt;p class=&quot;left&quot;&gt;&lt;br /&gt;
									&lt;label for=&quot;website&quot;&gt;&lt;font color=&quot;#FFFFFF&quot;&gt;Тип Услуги*&lt;/font&gt;&lt;/label&gt;&lt;br /&gt;
									&lt;input type=&quot;text&quot; name=&quot;website&quot; id=&quot;website&quot; value=&quot;&quot; /&gt;&lt;br /&gt;
								&lt;/p&gt;&lt;br /&gt;
								&lt;p class=&quot;right&quot;&gt;&lt;br /&gt;
									&lt;label for=&quot;subject&quot;&gt;&lt;font color=&quot;#FFFFFF&quot;&gt;Тематика*&lt;/font&gt;&lt;/label&gt;&lt;br /&gt;
									&lt;input type=&quot;text&quot; name=&quot;subject&quot; id=&quot;subject&quot; value=&quot;&quot; /&gt;&lt;br /&gt;
								&lt;/p&gt;&lt;br /&gt;
							&lt;/div&gt;&lt;br /&gt;
							&lt;p&gt;&lt;br /&gt;
								&lt;label for=&quot;message&quot; class=&quot;textarea&quot;&gt;&lt;font color=&quot;#FFFFFF&quot;&gt;Детали заказа*&lt;/font&gt;&lt;/label&gt;&lt;br /&gt;
								&lt;textarea class=&quot;text&quot; name=&quot;message&quot; id=&quot;message&quot;&gt;&lt;/textarea&gt;&lt;br /&gt;
							&lt;/p&gt;&lt;br /&gt;
							&lt;input type=&quot;submit&quot; class=&quot;button white&quot; value=&quot; Заказать  &amp;#x2192;&quot; /&gt;&lt;br /&gt;
						&lt;/form&gt;&lt;br /&gt;
					&lt;/div&gt;&lt;br /&gt;
				&lt;/header&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Добавил скрин....&lt;br /&gt;
Буду очень благодарен за помощь</description>
<pubDate>Mon, 25 Apr 2016 17:53:05 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27255</author>
</item>
<item>
<title>Нужен код выпадающего списка</title>
<link>https://web-silver.ru/forum/showthread.php?t=20990</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20990#post158232</guid>
<description>Добрый день, я только только начал делал сайты, зарегистрировался у Вас чтобы учится и теперь хочу добавить в меню сайта кнопку меню, чтобы при наведении выпадал список из неактивных ссылок. :idea:&lt;br /&gt;
&lt;br /&gt;
Примерный код, и то, взял с какого сайта:&lt;br /&gt;
&lt;br /&gt;
Может кто-нибудь дописать CSS чтобы получилось примерно это:&lt;br /&gt;
[ATTACH]4149[/ATTACH]&lt;br /&gt;
&lt;br /&gt;
Код ниже:&lt;br /&gt;
&lt;br /&gt;
[QUOTE]&lt;style&gt;&lt;br /&gt;
	.droplink ul li:first-child {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.droplink ul li:not(:first-child) {&lt;br /&gt;
  display: none;&lt;br /&gt;
}&lt;br /&gt;
&lt;br /&gt;
.droplink ul:hover li {&lt;br /&gt;
  display: block;&lt;br /&gt;
}&lt;br /&gt;
&lt;/style&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;div class=&quot;droplink&quot;&gt;&lt;br /&gt;
&lt;ul&gt;&lt;br /&gt;
&lt;li class=&quot;cat-item cat-item-12&quot;&gt;&lt;a href=&quot;/&quot;&gt;Контакты&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;li class=&quot;cat-item cat-item-13&quot;&gt;+7 (777) 777-01-01&lt;/li&gt;&lt;br /&gt;
&lt;li class=&quot;cat-item cat-item-14&quot;&gt;&lt;a href=&quot;http://instagram.com/timur.alibekov&quot;&gt;Instagram&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;li class=&quot;cat-item cat-item-15&quot;&gt;&lt;a href=&quot;http://vk.com/timur_sex&quot;&gt;VK&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;li class=&quot;cat-item cat-item-16&quot;&gt;&lt;a href=&quot;/&quot;&gt;Facebook&lt;/a&gt;&lt;/li&gt;&lt;br /&gt;
&lt;/ul&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
	&lt;\blockquote&gt;</description>
<pubDate>Wed, 20 Apr 2016 23:12:31 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27245</author>
</item>
<item>
<title>Как сделать невидимым вертикальный скролл в таблице?</title>
<link>https://web-silver.ru/forum/showthread.php?t=20985</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20985#post158194</guid>
<description>Создал HTML страничку с такой вот таблицей:&lt;br /&gt;
[HTML]&lt;br /&gt;
&lt;div class=&quot;table-responsive tab1 block12&quot;&gt;&lt;br /&gt;
   &lt;table  class=&quot;table table-bordered table-hover table-condensed tab&quot;&gt;&lt;br /&gt;
        &lt;tr&gt;&lt;br /&gt;
        &lt;th width=&quot;3%&quot;&gt;№ п/п&lt;/th&gt;&lt;br /&gt;
        &lt;th width=&quot;30%&quot;&gt;Наименование имущества&lt;/th&gt;&lt;br /&gt;
        &lt;th width=&quot;30%&quot;&gt;Наименование категории&lt;/th&gt;&lt;br /&gt;
        &lt;th width=&quot;5%&quot;&gt;Вес&lt;/th&gt;&lt;br /&gt;
        &lt;th width=&quot;3%&quot;&gt;Сумма кредита&lt;/th&gt;&lt;br /&gt;
        &lt;th width=&quot;10%&quot;&gt;Удалить и редактировать&lt;/th&gt;&lt;br /&gt;
        &lt;/tr&gt;&lt;br /&gt;
[/HTML]   &lt;br /&gt;
В классе block12 прописал стиль с вертикальным скроллом: &lt;br /&gt;
[CODE]&lt;br /&gt;
.block12 {&lt;br /&gt;
  margin-left: 20px;&lt;br /&gt;
  font-size: 10pt;&lt;br /&gt;
  margin-top: 20px;&lt;br /&gt;
  overflow-y:scroll;&lt;br /&gt;
  overflow-x:hidden;&lt;br /&gt;
  height: 255px; &lt;br /&gt;
}&lt;br /&gt;
[/CODE]&lt;br /&gt;
Скролл работает нормально, но показывается постоянно, даже когда таблица пустая и в ней не заполнена ни одна строка, а мне бы хотелось чтобы скролл был невидимым до тех пор пока в таблице не появится три или больше строк. Как это можно осуществить?&lt;br /&gt;
Буду очень благодарен за вашу помощь.</description>
<pubDate>Sun, 17 Apr 2016 16:17:24 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27234</author>
</item>
<item>
<title>Javascript. Браузер не показывает функции</title>
<link>https://web-silver.ru/forum/showthread.php?t=20972</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20972#post158147</guid>
<description>Подскажите где ошибка?&lt;br /&gt;
                      &lt;br /&gt;
                               index.html&lt;br /&gt;
&lt;!DOCTYPE html&gt; &lt;br /&gt;
&lt;html&gt;&lt;br /&gt;
 &lt;head&gt;&lt;br /&gt;
  &lt;meta charset=&quot;UTF-8&quot;&gt;&lt;br /&gt;
  &lt;title&gt;Урок&lt;/title&gt;&lt;br /&gt;
  &lt;link rel=&quot;stylesheet&quot; href=&quot;css/yrok1.css&quot; /&gt;&lt;br /&gt;
 &lt;/head&gt;&lt;br /&gt;
  &lt;body&gt;&lt;br /&gt;
	&lt;br /&gt;
	&lt;br /&gt;
&lt;script&gt;&lt;br /&gt;
 &lt;br /&gt;
 document.write(&quot;&lt;h2&gt;Hello again&lt;/h2&gt;&quot;);&lt;br /&gt;
	&lt;br /&gt;
 var a = [1, 2, 3, 4, 7, 'hello'];	&lt;br /&gt;
 document.write(a);&lt;br /&gt;
&lt;br /&gt;
 function firstFunction(){&lt;br /&gt;
 document.write(&quot;&lt;p&gt;How are you?&quot;);&lt;br /&gt;
 document.write(&quot;&lt;p&gt;Okey&quot;);&lt;br /&gt;
 }&lt;br /&gt;
 function b(){&lt;br /&gt;
 document.write(&quot;&lt;p&gt;What you doing?&quot;);&lt;br /&gt;
 document.write(&quot;&lt;p&gt;Do your work&quot;);&lt;br /&gt;
 }&lt;br /&gt;
 &lt;br /&gt;
 firstFunction;&lt;br /&gt;
 document.write(&quot;&lt;br&gt;&quot;);&lt;br /&gt;
 b;&lt;br /&gt;
 &lt;br /&gt;
 &lt;/script&gt;&lt;br /&gt;
	&lt;br /&gt;
&lt;br /&gt;
 &lt;/body&gt;&lt;br /&gt;
&lt;/html&gt;  &lt;br /&gt;
&lt;br /&gt;
в браузере показует это:      Hello again&lt;br /&gt;
&lt;br /&gt;
1,2,3,4,7,hello</description>
<pubDate>Tue, 12 Apr 2016 20:43:59 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26405</author>
</item>
<item>
<title>Масштабирование мобильной верстки</title>
<link>https://web-silver.ru/forum/showthread.php?t=20959</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20959#post158109</guid>
<description>Всем привет. Недавно возникла необходимость сделать верстку для сайта у которого все обьекты имеют ширину в пикселях. Вообщем верстка сайта изначально не адаптивная. В итоге удалось сделать верстку для устройств с минимальной шириной 478 пикселей. Особенности верстки не позволяют дольше уменьшать ширину. &lt;br /&gt;
&lt;br /&gt;
В итоге решили что выход из данной ситуации – взять получившуюся верстку only screen and (max-width: 599px) and (min-width: 478px){} и перевести тот вариант который получается при данной ширине на вариант 478px и ниже. То-есть хотим включить масштабирование для варианта от 599 до 478.</description>
<pubDate>Thu, 07 Apr 2016 10:37:52 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27212</author>
</item>
<item>
<title>Выпадающее меню CSS с треугольником после элемента</title>
<link>https://web-silver.ru/forum/showthread.php?t=20952</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20952#post158089</guid>
<description>Я упростил тему Paxton, которая была портирована на Друпал 8, чтобы уменьшить объем сайта. Осталось доработать CSS.&lt;br /&gt;
В оригинале добавлялся элемент .caret после ссылки меню, который и был этим треугольником справа от текста пункта меню, имеющего подпункты.&lt;br /&gt;
Теперь у меня нету этого элемента .caret и подключается стандартный стиль, который добавляет треугольник черный слева. видно тут: tlito.ru/d8&lt;br /&gt;
Подскажите, что нужно прописать в CSS, чтобы треугольник был белый и справа, как на картинке:&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://web-silver.ru/forum/attachment.php?attachmentid=4139&amp;stc=1&amp;d=1459712987&quot;&gt;http://web-silver.ru/forum/attachment.php?attachmentid=4139&amp;stc=1&amp;d=1459712987&lt;/a&gt;</description>
<pubDate>Sun, 03 Apr 2016 23:50:57 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27204</author>
</item>
<item>
<title>Подсказки для чайников</title>
<link>https://web-silver.ru/forum/showthread.php?t=20949</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20949#post158080</guid>
<description>Здравствуйте,мастера!!!&lt;br /&gt;
Подскажите пожалуйста...я установил себе Денвер...и у меня такая проблема:1.У меня на странице &lt;a href=&quot;http://www.localhost/denwer/&quot;&gt;http://www.localhost/denwer/&lt;/a&gt; написано всё правильно...по-русски при кодировке КИРИЛЛИЦА,а когда переключаю на utf-8 появляются ромбики со знаками вопроса,а на странице &lt;a href=&quot;http://localhost/Tools/phpMyAdmin&quot;&gt;http://localhost/Tools/phpMyAdmin&lt;/a&gt; наоборот...при КИРИЛЛИЦЕ ничего не понятно,а при utf-8 написано всё нормально...по-русски!!!В чём проблема???&lt;br /&gt;
2.При тестировании Денвера после установки...ничего нет на странице сайта...после редактирования в Sublime Text3.В чём может быть проблема???</description>
<pubDate>Sat, 02 Apr 2016 17:05:32 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27198</author>
</item>
<item>
<title>Создание лэндинга</title>
<link>https://web-silver.ru/forum/showthread.php?t=20935</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20935#post158025</guid>
<description>Всем привет! Посоветуйте, как быстрее и проще создать продающий лэндинг?</description>
<pubDate>Sat, 26 Mar 2016 15:26:29 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=24697</author>
</item>
<item>
<title>Скрипт отсылки Email юзеру при заполнении форм</title>
<link>https://web-silver.ru/forum/showthread.php?t=20932</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20932#post158020</guid>
<description>привет&lt;br /&gt;
ищю реализацию на саите следующего фунцкионала &lt;br /&gt;
&lt;br /&gt;
юзеру надо заполнит поля типа - имя фамилия,телефон,емаил &lt;br /&gt;
&lt;br /&gt;
и он должен получить писъмо на свои емаил с моим тексом в нем&lt;br /&gt;
&lt;br /&gt;
как это сделать по проще &lt;br /&gt;
&lt;br /&gt;
1 видел что можно реализовать это на пхп сприптах типа верефикации регистрации юзера &lt;br /&gt;
&lt;br /&gt;
но тут есть два момента верефикация юзера не особо нужна и может даже лишняя суета а вот все эти &lt;br /&gt;
танцы вокруг пхп скрипта мне очень басиковому саито-строителю немного затруднительны &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
2 видел скрипты типа гестбука они все просстые и на хтмл но с них письмо идет только мне &lt;br /&gt;
&lt;br /&gt;
а нужно чтобы шло отправителю с моим текстом в нем &lt;br /&gt;
&lt;br /&gt;
есть ли решения по проще для моеи задачи ?</description>
<pubDate>Fri, 25 Mar 2016 18:18:11 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27170</author>
</item>
<item>
<title>Как настроить параметры для каждого модального окна в отдельности</title>
<link>https://web-silver.ru/forum/showthread.php?t=20913</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20913#post157962</guid>
<description>Здравствуйте.&lt;br /&gt;
Я новичок и никак не могу вставить нужные теги на странице Cotga_r.htm для настройки ширины и высоты каждого модального окна к каждой картинке в отдельности. Из за того, что фотки по ширине и высоте в разнобой получается, что одно модальное окно влезает в рамки экрана, а другое нет.&lt;br /&gt;
&lt;br /&gt;
Вот в этом куске:&lt;br /&gt;
&lt;br /&gt;
 &lt;a href=&quot;#x&quot; class=&quot;overlay&quot; id=&quot;win1&quot;&gt;&lt;/a&gt;&lt;br /&gt;
 &lt;div class=&quot;popup&quot;&gt;&lt;br /&gt;
 &lt;img class=&quot;is-image&quot; src=&quot;Catalog/Cotga/1307 Hudoznik cotga uly.jpg&quot; /&gt;&lt;br /&gt;
 &lt;a class=&quot;close&quot; title=&quot;Закрыть&quot; href=&quot;#close&quot;&gt;&lt;/a&gt;&lt;/div&gt;&lt;br /&gt;
&lt;br /&gt;
в файле Cotga_r.htm для каждой фотки я так понимаю нужно вставить нужный тег чтоб размеры модального окна можно было бы задавать независимо.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
В самом файле style-modal.css в куске:&lt;br /&gt;
&lt;br /&gt;
 .popup {&lt;br /&gt;
 top: 0;&lt;br /&gt;
 right: 0;&lt;br /&gt;
 left: 0;&lt;br /&gt;
 font-size: 14px;&lt;br /&gt;
 z-index: 10;&lt;br /&gt;
 display: block;&lt;br /&gt;
 visibility: hidden;&lt;br /&gt;
 margin: 0 auto;&lt;br /&gt;
 width: 100%;&lt;br /&gt;
min-width: 10%;&lt;br /&gt;
 max-width: 30%&lt;br /&gt;
&lt;br /&gt;
Задается только ширина.&lt;br /&gt;
&lt;br /&gt;
Играя этими параметрами я так и ничего путного не добился.&lt;br /&gt;
&lt;br /&gt;
Фалы прилагаются в архиве 11.zip но из за ограничений по размеру загружаемого файла пришлось некоторыми файлами пожертвовать.&lt;br /&gt;
&lt;br /&gt;
Очень надеюсь на Вашу помощь.</description>
<pubDate>Wed, 16 Mar 2016 14:48:47 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27141</author>
</item>
<item>
<title>Помогите с дизайном</title>
<link>https://web-silver.ru/forum/showthread.php?t=20910</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20910#post157948</guid>
<description>Салют всем старичкам веб-дизайна и программирования!)) Проблемка... Есть сайт, который нужно перекопировать (кинули партнеры, нет доступа к серверу.) Слил сайт Телепортом. НО только в Инт.Эксплорер отображается корректно, в хроме и других меню слева съезжает... &lt;br /&gt;
&lt;br /&gt;
Сайт - &lt;a href=&quot;http://ksd-nn.ru/&quot;&gt;http://ksd-nn.ru/&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Заранее благодарен)&lt;br /&gt;
&lt;br /&gt;
[B]Добавлено через 31 секунду[/B]&lt;br /&gt;
&lt;br /&gt;
Если не в тот раздел, сори) Я тут новенький....</description>
<pubDate>Mon, 14 Mar 2016 18:09:39 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27135</author>
</item>
<item>
<title>Мне нужна консультация по поводу кнопки для вылетающего списка</title>
<link>https://web-silver.ru/forum/showthread.php?t=20909</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20909#post157935</guid>
<description>Я так понимаю такую кнопку для списков, на одном css не сделаешь, тут надо JavaScript применять. Я прав?</description>
<pubDate>Sun, 13 Mar 2016 18:59:19 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26258</author>
</item>
<item>
<title>Как правильно сверстать  элемент для даты</title>
<link>https://web-silver.ru/forum/showthread.php?t=20900</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20900#post157902</guid>
<description>Вариант первый: надо нижнюю и верхнюю часть верстать отдельно, причем нижнюю часть надо позиционировать так, что бы она заходила за фон контента.</description>
<pubDate>Tue, 08 Mar 2016 16:43:34 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26258</author>
</item>
<item>
<title>Оцените сайт</title>
<link>https://web-silver.ru/forum/showthread.php?t=20897</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20897#post157884</guid>
<description>Здравствуйте!&lt;br /&gt;
Я не профессионал, но сайт мне очень нужен и я его сделал. Но совсем не знаю, на сколько он будет эффективен. Посмотрите пожалуйста и оцените своим профессиональным взглядом.&lt;br /&gt;
Пишите, критикуйте...;)&lt;br /&gt;
&lt;br /&gt;
[B]Добавлено через 4 часа 32 минуты[/B]&lt;br /&gt;
&lt;br /&gt;
Отпешитесь пожалуйста!&lt;br /&gt;
&lt;br /&gt;
[B]Добавлено через 52 минуты[/B]&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://flame-ops.comxa.com/&quot;&gt;http://flame-ops.comxa.com/&lt;/a&gt;&lt;br /&gt;
Вот я лапух! Даже не заметил, что ссылку не дал.&lt;br /&gt;
&lt;br /&gt;
[B]Добавлено через 7 часов 51 минуту[/B]&lt;br /&gt;
&lt;br /&gt;
Напишите, что так, а что не так!</description>
<pubDate>Sun, 06 Mar 2016 13:53:46 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27121</author>
</item>
<item>
<title>Помогите подобрать цвет для кнопок на сайте</title>
<link>https://web-silver.ru/forum/showthread.php?t=20890</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20890#post157859</guid>
<description>&lt;a href=&quot;http://k12v12.myjino.ru&quot;&gt;http://k12v12.myjino.ru&lt;/a&gt; - Никак не могу подобрать цвета для кнопок в первом блоке с видео. Взгляните плиз, чтобы вы посоветовали?</description>
<pubDate>Thu, 03 Mar 2016 15:26:30 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=25416</author>
</item>
<item>
<title>Как правильно вырезать подсветку</title>
<link>https://web-silver.ru/forum/showthread.php?t=20857</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20857#post157745</guid>
<description>подскажите пожалуйста правильно вырезать  красную подсветку для верстки?</description>
<pubDate>Wed, 17 Feb 2016 20:12:11 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26258</author>
</item>
<item>
<title>Помощь новичку в Java-скрипте</title>
<link>https://web-silver.ru/forum/showthread.php?t=20846</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20846#post157707</guid>
<description>Доброго времени суток...&lt;br /&gt;
&lt;br /&gt;
Недавно увлекся таким интересным занятием, как веб программирование.&lt;br /&gt;
Пока сам конечно ничего такого писать не умею, поэтому пользуюсь тем, что нашел.&lt;br /&gt;
&lt;br /&gt;
Так вот такой вопрос. Нашел я один скрипт. Типа слайд шоу.&lt;br /&gt;
На странице несколько картинок и по кликаньем по стрелкам они должны меняться. Ну или на саму картинку.&lt;br /&gt;
&lt;br /&gt;
Так вот стрелки есть. Миниатюры на странице. А вот кликаю и на стрелки и на картинки и ничего не меняется.&lt;br /&gt;
&lt;br /&gt;
Может подскажите что ? Может составить какой то лист надо ?&lt;br /&gt;
&lt;br /&gt;
Прикрепляю файл скрипта в формате текста.</description>
<pubDate>Tue, 09 Feb 2016 16:57:49 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27054</author>
</item>
<item>
<title>Счетчик посещений на сайт без регистрации на html и js</title>
<link>https://web-silver.ru/forum/showthread.php?t=20835</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20835#post157674</guid>
<description>Простой и понятный счетчик посещений на сайт без регистрации.&lt;br /&gt;
По функционалу ничем не уступает стандартным счетчикам типа мэил и лайвинтернет.&lt;br /&gt;
Сайт не грузит за счет статических файлов, работает на js.&lt;br /&gt;
Подробная статистика по ip, browser, времени.&lt;br /&gt;
Подробный график посещаемости.&lt;br /&gt;
&lt;br /&gt;
Для установки достаточно поместить обычный html код на сайт без регистрации.&lt;br /&gt;
&lt;br /&gt;
[HTML]&lt;div id=&quot;qooi-counter&quot;&gt;&lt;br /&gt;
&lt;a href=&quot;http://qooi.ru/&quot; title=&quot;Бесплатный счетчик посещений на сайт&quot;&gt;&lt;br /&gt;
&lt;img src=&quot;http://qooi.ru/counter/standard/009.png&quot; alt=&quot;Счетчик посещаемости и статистика сайта&quot;&gt;&lt;br /&gt;
&lt;div id=&quot;qooi-counter-visits&quot;&gt;&lt;/div&gt;&lt;br /&gt;
&lt;div id=&quot;qooi-counter-views&quot;&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/a&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://qooi.ru/counter.js&quot;&gt;&lt;/script&gt;[/HTML]&lt;br /&gt;
&lt;br /&gt;
Пример онлайн&lt;br /&gt;
&lt;a href=&quot;http://plnkr.co/edit/lwpcUqhQQIYIJiZsRoZj?p=preview&quot;&gt;http://plnkr.co/edit/lwpcUqhQQIYIJiZsRoZj?p=preview&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Так как счетчик не привязан к картинке, вы всегда можете заменить картинку на свою или вовсе ее удалить.&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;http://qooi.ru/counter/standard/009.png&quot;&gt;http://qooi.ru/counter/standard/009.png&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
[HTML]&lt;div id=&quot;qooi-counter&quot;&gt;&lt;br /&gt;
&lt;a style=&quot;display:none;&quot; href=&quot;http://qooi.ru/&quot; title=&quot;Бесплатный счетчик посещений на сайт&quot;&gt;&lt;br /&gt;
&lt;img src=&quot;http://qooi.ru/counter/standard/009.png&quot; alt=&quot;Счетчик посещаемости и статистика сайта&quot;&gt;&lt;br /&gt;
&lt;/a&gt;&lt;br /&gt;
Визиты: &lt;div id=&quot;qooi-counter-visits&quot;&gt;&lt;/div&gt;&lt;br /&gt;
Просмотры: &lt;div id=&quot;qooi-counter-views&quot;&gt;&lt;/div&gt;&lt;br /&gt;
&lt;/div&gt;&lt;br /&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;http://qooi.ru/counter.js&quot;&gt;&lt;/script&gt;[/HTML]&lt;br /&gt;
&lt;br /&gt;
Пример онлайн&lt;br /&gt;
&lt;a href=&quot;http://plnkr.co/edit/oTZyxeXKEnaXQcNuQCtW?p=preview&quot;&gt;http://plnkr.co/edit/oTZyxeXKEnaXQcNuQCtW?p=preview&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Выбрать счетчик можно на сайте&lt;br /&gt;
&lt;br /&gt;
&lt;a href=&quot;&quot;http&quot;&gt;http://qooi.ru/counter/&lt;/a&gt;</description>
<pubDate>Wed, 03 Feb 2016 19:30:55 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27042</author>
</item>
<item>
<title>С чего начать? Помогите новичку!</title>
<link>https://web-silver.ru/forum/showthread.php?t=20812</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20812#post157576</guid>
<description>Здравствуйте, уважаемые форумчане! Я хочу научиться веб дизайну, но затрудняюсь, как правильно составить план обучения. Знаний и навыков в этой отрасли не имею, но знаю английский, и с компьютером на &quot;ты&quot; :) Подскажите пожалуйста как бы вы сейчас начинали своё обучение? Какие курсы платные/ бесплатные вы бы порекомендовали? Также статьи и видео. Информации в интернете очень много и хотелось бы максимально эффективно подойти к обучению. Спасибо всем за внимание и советы!)</description>
<pubDate>Sun, 17 Jan 2016 22:53:18 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=27010</author>
</item>
<item>
<title>Проблема с кириллицей</title>
<link>https://web-silver.ru/forum/showthread.php?t=20810</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20810#post157563</guid>
<description>Проблема с кирилицой.&lt;br /&gt;
&lt;br /&gt;
utf-8&lt;br /&gt;
&lt;br /&gt;
[ATTACH]4077[/ATTACH]&lt;br /&gt;
[ATTACH]4078[/ATTACH]&lt;br /&gt;
&lt;br /&gt;
выбрав в бразере кирилицу отображается так.&lt;br /&gt;
&lt;br /&gt;
[ATTACH]4079[/ATTACH]&lt;br /&gt;
&lt;br /&gt;
Подскажите как решить такое.</description>
<pubDate>Sat, 16 Jan 2016 13:50:47 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26988</author>
</item>
<item>
<title>Работа с таблицами</title>
<link>https://web-silver.ru/forum/showthread.php?t=20798</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20798#post157482</guid>
<description>Всем привет подскажите пожалуйста как сделать чтоб картинки прилипали друг к другу используя таблицы.&lt;br /&gt;
Пример на картинке они прилипают друг к другу&lt;br /&gt;
 [ATTACH]4059[/ATTACH]&lt;br /&gt;
&lt;br /&gt;
но в браузерах выгдядет все так&lt;br /&gt;
[ATTACH]4060[/ATTACH]&lt;br /&gt;
&lt;br /&gt;
cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; но это не помогло.&lt;br /&gt;
&lt;br /&gt;
Может кто подскажет в чём проблема. Заранее спасибо.</description>
<pubDate>Sun, 10 Jan 2016 21:49:40 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26988</author>
</item>
<item>
<title>Помогите немного подкорректировать скрипт</title>
<link>https://web-silver.ru/forum/showthread.php?t=20790</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20790#post157462</guid>
<description>Ребят вот у меня есть index.html мне нужно сделать в разделе &quot;Войти\Регистрация&quot; вход хочу сделать отдельно, и регистрацию отдельно, не меняя позиции, и что бы можно было вставить ссылки на то(вход) и на то(регистрацию). Буду очень благодарен :)&lt;br /&gt;
&lt;br /&gt;
[HTML]&lt;section class=&quot;_middle_menu&quot;&gt;&lt;br /&gt;
	&lt;aside class=&quot;download&quot;&gt;&lt;br /&gt;
        &lt;a class=&quot;aDownload animate&quot; href=&quot;download/index.php&quot;&gt;Скачать &lt;span&gt;игру&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
	&lt;/aside&gt;&lt;br /&gt;
    &lt;br /&gt;
	&lt;aside class=&quot;enter&quot;&gt;&lt;br /&gt;
        &lt;a class=&quot;aEnter animate&quot; href=&quot;javascript:void(0)&quot; onClick=&quot;DestinyID.login()&quot;&gt;Войти &lt;span&gt;/Регистрация&lt;/span&gt;&lt;/a&gt;&lt;br /&gt;
	&lt;/aside&gt;&lt;br /&gt;
    &lt;br /&gt;
&lt;/section&gt;[/HTML]</description>
<pubDate>Sat, 02 Jan 2016 22:47:33 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26976</author>
</item>
<item>
<title>Ребята помогите с версткой!</title>
<link>https://web-silver.ru/forum/showthread.php?t=20788</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20788#post157447</guid>
<description>Ребят помогите разобраться с версткой, все получилось заглавные страницы нормально отображаются, но когда создаю новые получается непонятная белеберда. Если кто-то может помочь прошу добавиться в скайп и помочь. В долгу не останусь :)&lt;br /&gt;
&lt;br /&gt;
Скайп: hanter-n1  l  При добавлении прошу, укажите что вы по поводу помощи верстки.&lt;br /&gt;
&lt;br /&gt;
Вот мой css и js [ATTACH]4055[/ATTACH]</description>
<pubDate>Sun, 27 Dec 2015 02:25:53 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26976</author>
</item>
<item>
<title>Обрезается svg-иконка</title>
<link>https://web-silver.ru/forum/showthread.php?t=20784</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20784#post157438</guid>
<description>Есть 2 иконки в формате svg (googleplus и ВКонтакте).&lt;br /&gt;
Вставляются в html-код идентично:&lt;br /&gt;
&lt;br /&gt;
&lt;p&gt;Войти через: &lt;span class=&quot;social fb&quot;&gt;Facebook&lt;/span&gt; &lt;span class=&quot;social gp&quot;&gt;Google +&lt;/span&gt;&lt;span class=&quot;social vk&quot;&gt;ВКонтакте&lt;/span&gt;&lt;span class=&quot;social tw&quot;&gt;Twitter&lt;/span&gt;&lt;/p&gt;&lt;br /&gt;
&lt;br /&gt;
Точнее иконки 4, все, кроме иконки ВКонтакте отображаются корректно, а ВКонтакте сильно обрезается.&lt;br /&gt;
С svg работаю впервые, 3 часа Гуглил, ставил ПО и т.д., проблемы так и не понял. Файлы скриншотов приложены к теме (проблемная иконка 3-я слева)&lt;br /&gt;
Когда открываю иконки в Adobe Illustrator, то те иконки, которые нормально отображаются (не обрезаются) в Иллюстраторе в 4 раза больше по размеру, а ВК (проблемная) в 4 раза меньше остальных.&lt;br /&gt;
Сохранил иконки в jpeg и открыл в Фотошопе - та же ситуация: размер всех иконок, которые отображаются корректно в 4 раза больше, чем у проблемной ВК, которая обрезается.&lt;br /&gt;
Я в ступоре! Подскажите в каком направлении копать?&lt;br /&gt;
&lt;br /&gt;
Вот фрагмент css:&lt;br /&gt;
#login .social { display: inline-block; height: 20px; margin-left: 7px; padding: 0 2px; cursor: pointer; border-radius: 3px; }&lt;br /&gt;
#login .social:before { content: &quot;&quot;; display: inline-block; width: 15px; height: 15px; vertical-align: top; margin: 3px 5px 0 0; }&lt;br /&gt;
#login .social.fb:before { background: url('../img/fc-webicon-facebook.svg') no-repeat; }&lt;br /&gt;
#login .social.gp:before { background: url('../img/fc-webicon-googleplus.svg') no-repeat; }&lt;br /&gt;
#login .social.tw:before { background: url('../img/fc-webicon-twitter.svg') no-repeat; }&lt;br /&gt;
#login .social.vk:before { background: url('../img/fc-webicon-vkontakte.svg') no-repeat; }&lt;br /&gt;
#login .social:hover { color: #333; background: #eee; box-shadow: 1px 1px 1px #bbb; }</description>
<pubDate>Thu, 24 Dec 2015 19:30:30 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26972</author>
</item>
<item>
<title>Форма с выпадающим списком</title>
<link>https://web-silver.ru/forum/showthread.php?t=20733</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20733#post157223</guid>
<description>Добрый день, подскажите, пилю форму, есть select в котором 3 пункта выпадающих, задача такая, если при выборе первого пункта ниже появляются 3 поля, если выбрать в селекте второй пункт, то другие три поля с другими данными...&lt;br /&gt;
Это либо JQ пилить, либо как-то еще... Подскажите свои мысли... (Пока пилю на JQ)</description>
<pubDate>Fri, 20 Nov 2015 12:29:38 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26902</author>
</item>
<item>
<title>Сверстать треугольник в подменю</title>
<link>https://web-silver.ru/forum/showthread.php?t=20721</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20721#post157192</guid>
<description>Здравствуйте! Помогите, делаю дизайн и это моя первая работа. Нарисовал, верстаю из PSD. Но не знаю как сделать треугольник в меню при открытии.;(</description>
<pubDate>Mon, 16 Nov 2015 22:11:32 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26890</author>
</item>
<item>
<title>Срочно!</title>
<link>https://web-silver.ru/forum/showthread.php?t=20711</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20711#post157147</guid>
<description>[ATTACH]4031[/ATTACH]&lt;br /&gt;
При прокрутке страницы меню уходит под слайдер, очень нужна помощь!!!!!!!!!!!</description>
<pubDate>Thu, 05 Nov 2015 00:47:25 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26690</author>
</item>
<item>
<title>Помогите пожалуйста</title>
<link>https://web-silver.ru/forum/showthread.php?t=20695</link>
<guid isPermaLink='true'>https://web-silver.ru/forum/showthread.php?t=20695#post157095</guid>
<description>Здравствуйте уважаемые форумчане! &lt;br /&gt;
Я знаю, вопрос не по этому разделу, но думаю что может кто знает...&lt;br /&gt;
В общем, кто подскажет,как загрузить статью/новость на сайт через ftp, долго искал в гугле, но так ничего и не нашел, надеюсь на вашу отзывчивость!</description>
<pubDate>Wed, 21 Oct 2015 11:53:28 +0400</pubDate>
<author>https://web-silver.ru/forum/member.php?u=26841</author>
</item><ya:more>https://web-silver.ru/forum/yarss.php?forum=12&amp;topic=20695</ya:more><wfw:commentRss>https://web-silver.ru/forum/yarss.php?forum=12&amp;mode=comments</wfw:commentRss></channel></rss>