http://top99.at.ua/ Блог WEB самоучки Sun, 01 Apr 2012 01:38:12 GMT uCoz Web-Service <p class="MsoNormal" style="text-align:justify" align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Горизонтальное меню довольно простое в своем коде. Выполнено на </span></span><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">CSS</span></span></span><span lang="EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">и </span></span><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">HTML</span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">. И поэтому Вам не составит труда в его установке и подгонке к дизайну сайта. Кнопки меню при наведении меняют свой цвет. Тело меню было залито цветом. У меня, как видите обозначены только кнопки.</span></span></p><div align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">В код меню можно вшить различные элементы сайта. Например, я добавил </span></span><span style="mso-spacerun:yes"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">&nbsp;</span></span></span><font color="#006400"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><a href="http://top99.at.ua/blog/ehffektnaja_forma_poiska_dlja_jukoz_na_css3/2012-03-31-90" target="_blank">анимированную форму поиска</a></span></span></font><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">. </span></span></div><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span... <p class="MsoNormal" style="text-align:justify" align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Горизонтальное меню довольно простое в своем коде. Выполнено на </span></span><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">CSS</span></span></span><span lang="EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">и </span></span><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">HTML</span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">. И поэтому Вам не составит труда в его установке и подгонке к дизайну сайта. Кнопки меню при наведении меняют свой цвет. Тело меню было залито цветом. У меня, как видите обозначены только кнопки.</span></span></p><div align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">В код меню можно вшить различные элементы сайта. Например, я добавил </span></span><span style="mso-spacerun:yes"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">&nbsp;</span></span></span><font color="#006400"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><a href="http://top99.at.ua/blog/ehffektnaja_forma_poiska_dlja_jukoz_na_css3/2012-03-31-90" target="_blank">анимированную форму поиска</a></span></span></font><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">. </span></span></div><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><table style="border-collapse:collapse;width:100%;"><tbody><tr align="center"><td> <img src="http://top99.at.ua/BLOG/statyi/5/gorizmenu1.png" alt=""><br></td></tr></tbody></table></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Приступим к установке:</span></span></p><p class="MsoNormal" style="text-align:justify" align="center"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Код&nbsp;</span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">HTML вставляем там, где хотим видеть меню.</span></span></span></span></span> <br> </p><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="color: rgb(30, 144, 255)">Code HTML</span></span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><div class="tmenu"&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><ul&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><li&gt;<a href="http://top99.at.ua/"&gt;Главная</a&gt;</li&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><li&gt;<a href="http://top99.at.ua/publ"&gt;Программы</a&gt;</li&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><li&gt;<a href="http://top99.at.ua/news/"&gt;Новости</a&gt;</li&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><li&gt;<a href="http://top99.at.ua/blog"&gt;О юкозе</a&gt;</li&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><li&gt;<a href="http://top99.at.ua/faq/"&gt;Вопросы</a&gt;</li&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"><li&gt;<a href="http://top99.at.ua/index/rassylki/0-4"&gt;Подписка</a&gt;</li&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"></ul&gt;</span><span style="font-size: 10pt"><br></span><span style="font-size: 10pt"></div&gt;</span></span></div></div><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><p class="MsoNormal" style="text-align:justify" align="center"><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Далее идем в таблицы стилей (CSS) и ставим в низ этот код:<br></span></span></span></span></span></p><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><font color="#1e90ff"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">Code&nbsp;</span></span><span style="font-size: 10pt"> </span><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">CSS</span></span></span></span></span></span></font><span style="font-size: 10pt"> </span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">/*--g menu top99.at.ua--*/<br>.tmenu {border-bottom:0px solid #3A531E}<br>.tmenu ul {<br>background:#;<br>font-weight:bold;<br>font-size:10pt;<br>font-family:Arial;<br>height:50px;<br>line-height:50px;<br>margin:30;<br>padding:0;<br>padding-left:150px;<br>overflow:hidden;<br>}<br>.tmenu li {<br>list-style-type:none;<br>float:left;<br> padding-right:20px;<br>}<br>.tmenu a {<br>padding:10px;<br>color:#ffffff;<br>border-radius: 7px;<br>text-decoration:none;<br>background:#679451;<br>}<br>.tmenu a:hover {<br>padding:10px;<br>color:#FFFFFF;<br>border-radius: 7px;<br>text-decoration:none;<br>background:#545651;<br>}<br>/*--gorizontal menu end--*/</span></span></div></div><span style="font-family: "Palatino Linotype""><br></span><p class="MsoNormal" style="text-align:justify" align="center"><span lang="EN-US" style="mso-ansi-language: <br /> EN-US"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></span></span></p><p class="MsoNormal" style="text-align:justify" align="center"><br></p> https://top99.at.ua/blog/gorizontalnoe_menju_dlja_jukoz_bez_javascript/2012-04-01-91 CSS Maksim https://top99.at.ua/blog/gorizontalnoe_menju_dlja_jukoz_bez_javascript/2012-04-01-91 Sun, 01 Apr 2012 01:38:12 GMT <p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Давно искал нечто подобное и нашел. Данная форма поиска работает на CSS3 и HTML. При клике по форме ввода текста, происходит анимационный эффект раздвижения.</span></span></span></p><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">CSS код очень просто устанавливается и настраивается под Ваш сайт. Я подогнал под свой сайт в течение часа. Те, кто разбирается в CSS, сделают еще быстрее.&nbsp;</span></span></span><span style="font-family: "Palatino Linotype""> </span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Также у меня получилось объеденить поиск с <a href="http://top99.at.ua/blog/gorizontalnoe_menju_dlja_jukoz_bez_javascript/2012-04-01-91" target="_blank"><font color="#006400">горизонтальным меню</font></a>.</span></span></span><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span></p><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Итак, ниже представлены три варианта форм поиска. Для темного фона, светлого и как на Apple.ком</span></span></span></p><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Для всех трех примеров один </span></span></span><strong><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">HTML</span></span></span>... <p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Давно искал нечто подобное и нашел. Данная форма поиска работает на CSS3 и HTML. При клике по форме ввода текста, происходит анимационный эффект раздвижения.</span></span></span></p><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">CSS код очень просто устанавливается и настраивается под Ваш сайт. Я подогнал под свой сайт в течение часа. Те, кто разбирается в CSS, сделают еще быстрее.&nbsp;</span></span></span><span style="font-family: "Palatino Linotype""> </span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Также у меня получилось объеденить поиск с <a href="http://top99.at.ua/blog/gorizontalnoe_menju_dlja_jukoz_bez_javascript/2012-04-01-91" target="_blank"><font color="#006400">горизонтальным меню</font></a>.</span></span></span><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span></p><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Итак, ниже представлены три варианта форм поиска. Для темного фона, светлого и как на Apple.ком</span></span></span></p><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Для всех трех примеров один </span></span></span><strong><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">HTML</span></span></span></strong><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""> код. Ставим его туда, где хотим видеть.</span></span></span><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><br></span></span></span></p><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="color: rgb(30, 144, 255)"><span style="font-family: "Palatino Linotype"; color: rgb(30, 144, 255)"><span style="font-size: 10pt; color: rgb(30, 144, 255)"><span style="font-family: "Palatino Linotype"; color: rgb(30, 144, 255)">Code&nbsp;</span></span></span><span style="font-size: 10pt; color: rgb(30, 144, 255)"><span style="font-family: "Palatino Linotype"; color: rgb(30, 144, 255)"> </span></span><strong><span style="font-size: 12pt; color: rgb(30, 144, 255)"><span style="font-family: "Palatino Linotype"; color: rgb(30, 144, 255)"><span style="font-size: 10pt; color: rgb(30, 144, 255)"><span style="font-family: "Palatino Linotype"; color: rgb(30, 144, 255)">HTML</span></span></span></span></strong></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> </span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><form method="get" action="/search" id="search"&gt;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><input name="q" type="text" size="40" placeholder="Поиск..." /&gt;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""></form&gt;</span></span></span></div></div><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><br></span></span><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><strong>Форма поиска для темного фона:</strong></span><span style="font-family: "Palatino Linotype""><br></span></span></span></p><p align="center"><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span><img src="http://top99.at.ua/BLOG/statyi/4_poisk/search-dark.jpg" alt=""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><br></span></span></span></p><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><span style="color: rgb(30, 144, 255)"><strong>Code CSS</strong></span></span></span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype"">#search {</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype"">}</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype"">#search input[type="text"] {</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> background: url(search-dark.png) no-repeat 10px 6px #444;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> border: 0 none;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> font: bold 12px Arial,Helvetica,Sans-serif;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> color: #777;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> width: 150px;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> padding: 6px 15px 6px 35px;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -webkit-border-radius: 20px;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -moz-border-radius: 20px;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> border-radius: 20px;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -webkit-transition: all 0.7s ease 0s;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -moz-transition: all 0.7s ease 0s;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> -o-transition: all 0.7s ease 0s;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> transition: all 0.7s ease 0s;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> }</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype"">#search input[type="text"]:focus {</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> width: 200px;</span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""> }</span></span></span></div></div><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><br></span></span></span><p align="justify"><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><strong>Форма поиска для светлого фона:</strong></span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><br></span></span></span></p><p align="center"><img src="http://top99.at.ua/BLOG/statyi/4_poisk/search-white.jpg" alt="" style="border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-style: solid; border-top-color: rgb(220, 220, 220); border-bottom-color: rgb(220, 220, 220); border-left-color: rgb(220, 220, 220); border-right-color: rgb(220, 220, 220)"><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span></p><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="color: rgb(30, 144, 255)"><strong>Code CSS</strong></span></span></span></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> </span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">#search {</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">}</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">#search input[type="text"] {</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> background: url(search-white.png) no-repeat 10px 6px #fcfcfc;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> border: 1px solid #d1d1d1;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> font: bold 12px Arial,Helvetica,Sans-serif;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> color: #bebebe;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> width: 150px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> padding: 6px 15px 6px 35px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-border-radius: 20px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-border-radius: 20px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> border-radius: 20px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -o-transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> }</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">#search input[type="text"]:focus {</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> width: 200px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> }</span></span><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span></div></div><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span><p align="justify"><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span><strong><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">Форма поиска </span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">как на Apple.ком</span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype"">:</span></span></span></strong><span style="font-family: "Palatino Linotype""> </span><span style="font-family: "Palatino Linotype""><br></span><span style="font-family: "Palatino Linotype""> </span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-family: "Palatino Linotype""><br></span></span></span></p><p align="center"><img src="http://top99.at.ua/BLOG/statyi/4_poisk/search-apple.jpg" alt=""></p><p align="justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><span style="color: rgb(30, 144, 255)"><strong>Code CSS</strong></span></span></span></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> </span></span></p><div class="bbCodeBlock"><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">#search {</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">}</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">#search input[type="text"] {</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> background: url(search-white.png) no-repeat 10px 6px #444;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> border: 0 none;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> font: bold 12px Arial,Helvetica,Sans-serif;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> color: #d7d7d7;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> width:150px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> padding: 6px 15px 6px 35px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-border-radius: 20px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-border-radius: 20px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> border-radius: 20px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -o-transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> transition: all 0.7s ease 0s;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> }</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">#search input[type="text"]:focus {</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> background: url(search-dark.png) no-repeat 10px 6px #fcfcfc;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> color: #6a6f75;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> width: 200px;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"> }</span></span></div></div><p><br></p><p><span style="font-size: 12pt"><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><font color="#1e90ff">Картинки:</font></span></span></strong></span><br></p><p><img src="http://top99.at.ua/dising/887/poisk/search-dark.png" alt="">&nbsp;&nbsp;<img src="http://top99.at.ua/dising/887/poisk/search-white.png"><span style="font-size: 12pt"><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt"><br></span></span></strong></span></p><p> <span style="font-size: 12pt"><strong><font face="Palatino Linotype"><font color="#1e90ff">Демо:</font></font></strong></span> &nbsp;вверху сайта </p><p><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Возникли вопросы по установке, обращайтесь.</span></span><br></p><p startcont="this"><br></p> https://top99.at.ua/blog/ehffektnaja_forma_poiska_dlja_jukoz_na_css3/2012-03-31-90 CSS Maksim https://top99.at.ua/blog/ehffektnaja_forma_poiska_dlja_jukoz_na_css3/2012-03-31-90 Sat, 31 Mar 2012 02:07:38 GMT <p> </p><div align="left"> <span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Убираем рекламу Юкоз с помощью браузер</span></span></span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">а </span></span></span></span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Internet</span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""> </span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Explorer.</span></span></span></span><span style="font-size: 12pt"> </span><span style="font-size: 12pt"> </span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="font-size: 12pt"><br></span></em></strong></span></span></span></div><div align="left"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""... <p> </p><div align="left"> <span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Убираем рекламу Юкоз с помощью браузер</span></span></span></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">а </span></span></span></span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Internet</span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""> </span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Explorer.</span></span></span></span><span style="font-size: 12pt"> </span><span style="font-size: 12pt"> </span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="font-size: 12pt"><br></span></em></strong></span></span></span></div><div align="left"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""><br></span></span></span></span></div><div align="left"><em><strong><font face="Palatino Linotype"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"; font-size: 12pt"><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Сервис </span></span></span></span> <span style="line-height: 115%; font-family: "Calibri", "sans-serif"; font-size: 12pt">»»</span> <span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"; font-size: 12pt"><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Свойства обозревателя </span></span></span></span> <span style="line-height: 115%; font-family: "Calibri", "sans-serif"; font-size: 12pt">»»</span> <span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"; font-size: 12pt"><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Безопасность </span></span></span></span> <span style="line-height: 115%; font-family: "Calibri", "sans-serif"; font-size: 12pt">»»</span> <span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"; font-size: 12pt"><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Ограниченные </span></span></span></span> <span style="line-height: 115%; font-family: "Calibri", "sans-serif"; font-size: 12pt">»»</span> <span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"; font-size: 12pt"><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">Узлы.</span></span></span></span></span></font></strong></em><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype""> </span></span></span></span></div><div align="left"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt; font-family: "Palatino Linotype"">И добавляем туда почти тоже самое, что и в Оперу:<br></span></span></span></span></div><div align="left"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="font-size: 12pt"><br></span></em></strong></span></span></span></div><div align="left"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="font-size: 12pt"><font color="#1e90ff">Убирает рекламный блок юкоз в верхнем правом углу.</font></span></em></strong></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span><span style="font-size: 12pt"><br></span></span></span></span><span style="font-size: 12pt"><br></span><span style="font-size: 12pt"> </span><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 10pt">Code</span></span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype"; font-size: 10pt"><span style="font-size: 10pt">http://abnl/ <br> http://a.ucoz.net/a/ <br> http://sticker.yadro.ru/ad/ <br> http://begun.ru</span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span></div></div><o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">&nbsp;</span></span></span></span></o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><br></span></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="font-size: 12pt"><font color="#1e90ff">Убирает горизонтальный рекламный блок юкоз.</font></span></em></strong></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span><span style="font-size: 12pt"><br></span><span style="font-size: 12pt"><br></span><span style="font-size: 12pt"> </span><div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-size: 12pt"><span style="font-size: 10pt">Code</span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-size: 12pt"><span style="font-size: 10pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-size: 10pt"><span style="font-size: 12pt"><span style="font-size: 10pt">http://autocontext.begun.ru/acp/begun_tpl_block_horizontal.44122.js <br> http://autocontext.begun.ru/acp/begun_utils.46428.js <br> http://autocontext.begun.ru/acp/begun_scripts.44517.js <br> http://autocontext.begun.ru/autocontext2.js</span></span></span></p></div></div></span></span></span></div><div align="center"><br></div><div align="center"><br></div><div align="center"><img src="http://top99.at.ua/BLOG/statyi/3/topic3_4.jpg" alt="" width="300"><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><em><span style="font-size: 12pt"><br></span></em></span></span></span></strong></div><div align="center"><br></div><div align="justify"><span style="font-size:11.0pt;line-height:115%;font-family:"Calibri","sans-serif"; <br /> mso-ascii-theme-font:minor-latin;mso-fareast-font-family:Calibri;mso-fareast-theme-font: <br /> minor-latin;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:"Times New Roman"; <br /> mso-bidi-theme-font:minor-bidi;mso-ansi-language:RU;mso-fareast-language:EN-US; <br /> mso-bidi-language:AR-SA"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Вставляем из блокнота ссылки и радуемся.</span></span></span></span></span></div><div align="justify"><span style="font-size: 12pt"> </span><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Если, Вы случайно убрали свой баннер, удалите ссылку из списка.</span></span></span></p></div> https://top99.at.ua/blog/internet_explorer_protiv_reklamy_jukoz/2012-03-29-89 Web хитрости Maksim https://top99.at.ua/blog/internet_explorer_protiv_reklamy_jukoz/2012-03-29-89 Thu, 29 Mar 2012 09:23:45 GMT <div align="justify"><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Убираем рекламу Юкоз с помощью браузера &nbsp;</span></span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Opera.</span></span></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> <br> </span></span></span></div><div align="justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></div><div align="justify"><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Вариант</span></span></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> 1:</span></span></span></span></strong></div><div align="justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">В любом месте щелкаем правой кнопкой мыши. </span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Выбираем «Блокировать содержимое».</span></span></span></div><div align="justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></div><div align="center"><span style="font-size: 12pt"><span sty... <div align="justify"><span style="font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Убираем рекламу Юкоз с помощью браузера &nbsp;</span></span></span><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Opera.</span></span></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> <br> </span></span></span></div><div align="justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></div><div align="justify"><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Вариант</span></span></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> 1:</span></span></span></span></strong></div><div align="justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">В любом месте щелкаем правой кнопкой мыши. </span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Выбираем «Блокировать содержимое».</span></span></span></div><div align="justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></div><div align="center"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></div><div align="center"><img src="http://top99.at.ua/BLOG/statyi/3/topic3_1.jpg" alt=""><o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">&nbsp;</span></span></span></o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> <br><br> </span></span></span><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Уничтожаем лишнее. Жмем готово в верхнем правом углу.</span></span></span></p><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span></p><img src="http://top99.at.ua/BLOG/statyi/3/topic3_2.jpg"></div><div align="left"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span><o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">&nbsp;</span></span></span></o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span></span><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong>Вариант 2:</strong> </span></span></span></p><p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Для начала откройте блокнот и </span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">скопируйте коды.</span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> <br></span></span></span></p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="color: rgb(30, 144, 255)">Убирает рекламный блок юкоз в верхнем правом углу.</span></em></strong></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> <br></span></span></span><br> <div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-family: "Palatino Linotype""><span style="font-size: 10pt">Code</span></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-family: "Palatino Linotype"; font-size: 10pt">http://*/abnl/* <br>http://*/img/ma/cv.gif <br>http://a.ucoz.net/a/* <br>http://sticker.yadro.ru/ad/* <br>http://*begun.ru*/*</span><span style="font-family: "Palatino Linotype""><br> </span></div></div><o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">&nbsp;</span></span></span></o:p><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><strong><em><span style="color: rgb(30, 144, 255)">Убирает горизонтальный рекламный блок юкоз.</span></em></strong></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> <br><br> <div class="bbCodeBlock"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-size: 10pt">Code</span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"> <p class="MsoNormal" style="text-align:justify"><span style="font-size: 10pt">http://autocontext.begun.ru/acp/begun_tpl_block_horizontal.44122.js <br>http://autocontext.begun.ru/acp/begun_utils.46428.js <br>http://autocontext.begun.ru/acp/begun_scripts.44517.js <br>http://autocontext.begun.ru/autocontext2.js</span></p> </div></div> <br></span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Дальше в верхнем левом углу браузера жмем на вкладку Опера. И поехали:</span></span></span><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></span><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><em>Настройки »» Общие настройки »» Расширенные »» Блокируемое содержимое »» Добавить</em></span></span></span></strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> </span></span></span></div><div align="justify"><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><em><br></em></span></span></span></strong></div><div align="center"><img src="http://top99.at.ua/BLOG/statyi/3/topic3_3.jpg" alt="" width="300"><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><em><br></em></span></span></span></strong></div><div align="justify"><strong><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><em><br></em></span></span></span></strong></div><div align="justify"><span style="font-size:11.0pt;line-height:115%;font-family:"Calibri","sans-serif"; <br /> mso-ascii-theme-font:minor-latin;mso-fareast-font-family:Calibri;mso-fareast-theme-font: <br /> minor-latin;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:"Times New Roman"; <br /> mso-bidi-theme-font:minor-bidi;mso-ansi-language:RU;mso-fareast-language:EN-US; <br /> mso-bidi-language:AR-SA"><span style="font-size: 12pt"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">И вставляем из блокнота ссылки. Радуемся.</span></span></span></span></div><div align="justify"> <p class="MsoNormal" style="text-align:justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Если, Вы случайно убрали свой баннер, удалите ссылку из списка.</span></span></p><span style="font-size: 12pt; font-family: "Palatino Linotype""><span lang="EN-US" style="line-height: 115%; font-size: 12pt; font-family: "Palatino Linotype""><br></span></span></div> https://top99.at.ua/blog/opera_protiv_reklamy_jukoz/2012-03-29-88 Web хитрости Maksim https://top99.at.ua/blog/opera_protiv_reklamy_jukoz/2012-03-29-88 Thu, 29 Mar 2012 08:40:19 GMT <div align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Чтобы убрать рекламу Юкоз легально, не опасаясь, что сайт попадет в бан, можно использовать возможности Вашего браузера. </span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> Для браузеров Mozilla и Chrome есть дополнение Adblock Plus, блокирующее не только рекламу от юкоз, но и другие появляющиеся и выползающие объекты. </span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></div><div align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></div><div align="center"><img src="http://top99.at.ua/BLOG/statyi/3/topic3_AdBlock.png" alt=""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></div><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> После установки приложений вся реклама будет убираться автоматически, когда вы будите заходить на сайты. Если же реклама не убирается автоматически, то в фильтры AdBlock пропишите этот код:</span></span></p><p align="justify"><br></p> <div class="bbCodeBlock" align="justify"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-size: 10pt"><font face="Palatino Linotype">Code</font></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-size: 10pt"><font face="Palatino Linotype">##*[id^="begun"] &gt; * </font></span><span style="font-size: 10pt"><font face="Palatino Linotype"><br></font></span><span style="font-size: 10pt"><font fa... <div align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype"">Чтобы убрать рекламу Юкоз легально, не опасаясь, что сайт попадет в бан, можно использовать возможности Вашего браузера. </span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> Для браузеров Mozilla и Chrome есть дополнение Adblock Plus, блокирующее не только рекламу от юкоз, но и другие появляющиеся и выползающие объекты. </span></span><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></div><div align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></div><div align="center"><img src="http://top99.at.ua/BLOG/statyi/3/topic3_AdBlock.png" alt=""><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""><br></span></span></div><p align="justify"><span style="font-size: 12pt"><span style="font-family: "Palatino Linotype""> После установки приложений вся реклама будет убираться автоматически, когда вы будите заходить на сайты. Если же реклама не убирается автоматически, то в фильтры AdBlock пропишите этот код:</span></span></p><p align="justify"><br></p> <div class="bbCodeBlock" align="justify"><div class="bbCodeName" style="padding-left:5px;font-weight:bold;font-size:7pt"><span style="font-size: 10pt"><font face="Palatino Linotype">Code</font></span></div><div class="codeMessage" style="border:1px inset;max-height:200px;overflow:auto;height:expression(this.scrollHeight<5?this.style.height:scrollHeight>200?'200px':''+(this.scrollHeight+5)+'px');"><span style="font-size: 10pt"><font face="Palatino Linotype">##*[id^="begun"] &gt; * </font></span><span style="font-size: 10pt"><font face="Palatino Linotype"><br></font></span><span style="font-size: 10pt"><font face="Palatino Linotype"> ##*[style="z-index: 10000; width: 230px;"] *[title="Закрыть"] &gt; IMG[style="border: 0pt none; width: 12px; height: 54px;"] </font></span><br> </div></div><div align="justify"> <br><br> <span style="font-size: 12pt; font-family: "Palatino Linotype"">Для браузера Opera и Internet Explorer воспользуйтесь инструкцией с картинками:&nbsp;<br><br> </span><strong><span style="font-size: 12pt; font-family: "Palatino Linotype""><a href="http://top99.at.ua/blog/opera_protiv_reklamy_jukoz/2012-03-29-88">Для Opera.</a> </span></strong><span style="font-size: 12pt; font-family: "Palatino Linotype""><br> <a href="http://top99.at.ua/blog/internet_explorer_protiv_reklamy_jukoz/2012-03-29-89"><strong>Для Internet Explorer.</strong></a></span></div> https://top99.at.ua/blog/kak_ubrat_legalno_reklamu_ot_jukoz/2012-03-29-87 Web хитрости Maksim https://top99.at.ua/blog/kak_ubrat_legalno_reklamu_ot_jukoz/2012-03-29-87 Thu, 29 Mar 2012 08:22:14 GMT <div align="center"><img src="http://top99.at.ua/BLOG/statyi/2/cvetfona.jpg" alt="" width="300"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"></span></span></div><div align="center" startcont="this"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><br></span></span></div><div align="justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Во-первых можно поменять просто цвет фона на сайте. Второе, когда фон задается при помощи картинки.</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Разбираемся:</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Цвет фона</span></span></strong></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><em><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Заходим в ПУ - Дизайн - Управление дизайном (CSS)</span></span></strong></em><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">, и ищем body {background:#1E1E1E... - обычно вторая строчка. Это цвет всего фона вашего сайта. background: - это свойство, #1E1E1E - это цвет. Есть также цвет отдельных частей сайта: блоков меню, блоков статей.. Их цвет также меняется при помощи свойства background.</span></span></p><span style="font-famil... <div align="center"><img src="http://top99.at.ua/BLOG/statyi/2/cvetfona.jpg" alt="" width="300"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"></span></span></div><div align="center" startcont="this"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"><br></span></span></div><div align="justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Во-первых можно поменять просто цвет фона на сайте. Второе, когда фон задается при помощи картинки.</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Разбираемся:</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Цвет фона</span></span></strong></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><em><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Заходим в ПУ - Дизайн - Управление дизайном (CSS)</span></span></strong></em><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">, и ищем body {background:#1E1E1E... - обычно вторая строчка. Это цвет всего фона вашего сайта. background: - это свойство, #1E1E1E - это цвет. Есть также цвет отдельных частей сайта: блоков меню, блоков статей.. Их цвет также меняется при помощи свойства background.</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Фон - картинка</span></span></strong></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Если </span></span><span style="mso-spacerun:yes"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">&nbsp;</span></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Вы видите {background: url ('http:// , значит фоном является картинка. Они обычно задают фон шапки, контейнеров и других частей сайта.</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Фоновая картинка может быть простой полоской разных цветов, либо это может быть рисунок.</span></span></p><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt"> </span></span><p class="MsoNormal" style="text-align:justify"><strong><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Повторение картинки</span></span></strong></p><p class="MsoNormal" style="text-align:justify"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">За повторение картинки по горизонтали и по вертикали, отвечает свойство repeat-х и repeat-у. Повторение рисунка в оба направления ставим просто repeat. </span></span><span style="mso-spacerun:yes"><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">&nbsp;</span></span></span><span style="font-family: "Palatino Linotype""><span style="font-size: 12pt">Без повторения прописывается no-repeat. </span></span></p></div> https://top99.at.ua/blog/kak_pomenjat_cvet_fona_stranicy_na_sajte/2012-03-25-86 CSS Maksim https://top99.at.ua/blog/kak_pomenjat_cvet_fona_stranicy_na_sajte/2012-03-25-86 Sun, 25 Mar 2012 07:21:34 GMT <p align="justify" style="text-align: center;"><span style="font-size: 16px; "><font face="'Palatino Linotype'"><img src="http://top99.at.ua/BLOG/statyi/887in_my.gif" alt="" width="400px"></font></span></p><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Сразу скажу, что в </font></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype">CSS</font></span></span><span lang="EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype">и </font></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype">HTML</font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype"> ничего не понимаю. Сайт &nbsp;создал 28.11.2011, накануне днюхи. Где выбрать бесплатный хостинг, где создать бесплатно сайт? Выбрал Юкоз. А что, бесплатный хостинг – бесплатный сайт, это привлекательно. Для первых начинаний сойдет.</font></span></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Изначально планировалось размещение информации о бесплатных программах для ПК, необходимых в каждодневном использовании (они есть). </font></span><span style="mso-spacerun:yes"><span style="font-size: 12pt"><font face="Palatino Linotype">&nbsp;</font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype">Но со временем этого оказалось мало. Поэтому сайт начал развитие и в других направлениях.</font></span></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Очень заинтересовало меня, создание ... <p align="justify" style="text-align: center;"><span style="font-size: 16px; "><font face="'Palatino Linotype'"><img src="http://top99.at.ua/BLOG/statyi/887in_my.gif" alt="" width="400px"></font></span></p><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Сразу скажу, что в </font></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype">CSS</font></span></span><span lang="EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype">и </font></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype">HTML</font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype"> ничего не понимаю. Сайт &nbsp;создал 28.11.2011, накануне днюхи. Где выбрать бесплатный хостинг, где создать бесплатно сайт? Выбрал Юкоз. А что, бесплатный хостинг – бесплатный сайт, это привлекательно. Для первых начинаний сойдет.</font></span></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Изначально планировалось размещение информации о бесплатных программах для ПК, необходимых в каждодневном использовании (они есть). </font></span><span style="mso-spacerun:yes"><span style="font-size: 12pt"><font face="Palatino Linotype">&nbsp;</font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype">Но со временем этого оказалось мало. Поэтому сайт начал развитие и в других направлениях.</font></span></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Очень заинтересовало меня, создание сайтов и не просто по данным в юкозе шаблонам. Хотелось чего то своего. Но незнание от элементарного: заливки шаблона сайта и до работы с </font></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype">CSS</font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype"> и </font></span><span lang="EN-US" style="mso-ansi-language:EN-US"><span style="font-size: 12pt"><font face="Palatino Linotype">HTML</font></span></span><span style="font-size: 12pt"><font face="Palatino Linotype">, конечно мешало. Ничего не знаю, но двигаюсь в сторону изменения от банального к оригинальному. Может, что и получится.</font></span></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Первым делом надо разобраться с дизайном и выбором шаблона, хотел светлый. Не помню, сколько перебрал вариантов. Наверное, все. Смотрел на все, начиная от шапки сайта до футера. Выбирал резиновый или фиксированный сайт, две колонки или одна. Уже выбрал было, и говорил себе, вот оно, то, что надо. И опять, что то не сходится.&nbsp; В общем, было потрачено много, очень много времени. Но, выбрал для своего сайта шаблон №887 от юкоза.&nbsp;</font></span></p><p align="center" style="text-align: center;"><font face="'Palatino Linotype'"><img src="http://top99.at.ua/BLOG/statyi/887.gif" alt="" width="400"><span style="font-size: 12pt"><br></span></font></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">С виду невзрачный, темный шаблон для юкоза. Но немного поковырявшись, выяснил, что не так уж плох дизайн для дальнейшей переработки. В итоге получилось, то, что Вы наблюдаете. Но и все же, это неконечный результат. Поэтому следите за изменениями, может что Вы подскажите, может, что нового сами узнаете..</font></span></p><p style="text-align:justify" align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype">Это второстепенный вид.&nbsp;</font></span></p><p align="center" style="text-align: center;"><font face="'Palatino Linotype'"><img src="http://top99.at.ua/BLOG/statyi/887_1.jpg" alt="" width="400"><span style="font-size: 12pt"><br></span></font></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><o:p><span style="font-size: 12pt"><font face="Palatino Linotype">&nbsp;</font></span></o:p></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><font face="'Palatino Linotype'"><o:p><span style="font-size: 12pt">&nbsp;</span></o:p><span style="font-size: 16px; font-weight: bold; ">После недели изучения CSS и HTML узнал:</span></font></p><p align="justify" style="text-align: justify; "></p><ul><li><span style="font-size: 12pt; "><font face="'Palatino Linotype'">Как поменять фон и цвета на сайте. Поиграл со свойством background.</font></span></li><li><span style="font-size: 16px; "><font face="'Palatino Linotype'">Поэксперементировал с цветом и размером шрифтов.</font></span></li><li><span style="font-size: 16px; "><font face="'Palatino Linotype'">Как изменить ширину и высоту глобальных блоков при помощи свойств&nbsp;width, height - знаю.</font></span></li><li><font face="'Palatino Linotype'" size="3">Также я знаю, как сделать закругление углов при помощи CSS, не используя картинки.&nbsp;</font></li><li><font face="'Palatino Linotype'" size="3">и много чего еще..</font></li></ul><div><font face="'Palatino Linotype'" size="3"><br></font></div><div><font face="'Palatino Linotype'" size="3" style="color: rgb(30, 144, 255);"><b style="font-size: 12pt; ">P.S. Если есть вопросы, как и что сделано на этом сайте, задавайте - отвечу.&nbsp;</b></font></div><div><font face="'Palatino Linotype'" size="3"><br></font></div><p></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p style="text-align:justify" align="justify"><o:p><span style="font-size: 12pt"><font face="Palatino Linotype">&nbsp;</font></span></o:p></p><div align="justify"><span style="font-size: 12pt"><font face="Palatino Linotype"> </font></span></div><p class="MsoNormal" style="text-align:justify" align="justify"><o:p><span style="font-size: 12pt"><font face="Palatino Linotype">&nbsp;</font></span></o:p></p> <div id="wrc-float-icon" style="position: fixed; z-index: 2147483646; left: 15px; top: 15px; width: 42px; height: 42px; background-image: url(safari-extension://com.avast.wrc-6H4HRTU5E3/989c39bb/images/float/grey-0.png); display: none; "></div> https://top99.at.ua/blog/pervaja_zapis/2012-03-18-85 Жизнь сайта Maksim https://top99.at.ua/blog/pervaja_zapis/2012-03-18-85 Sun, 18 Mar 2012 07:10:19 GMT