Результаты поиска
|
|
bandjuk |
Дата: Вторник, 02.10.2012, 23:55 | Сообщение # 51 | Тема: Горизонтальное меню тёмного цвета с поиском выполнено на css |
Полковник
Группа: Администраторы
|
Представляю вашему вниманию очередное горизонтальное меню тёмного цвета, с поиском, выполненное на стилях ксс. Отлично подойдёт практически под любой дизайн.
Установка: 1. Открываем: Панель управления ---> Управление дизайном ---> Таблица стилей (CSS), вставляем код в самый вверх: Code /* === Горизонтальное меню от fotki.ucoz.ua === */ .darkbg { background: #222a30 url("http://fotki.ucoz.ua/script/primery/slide_menu/darkbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("http://fotki.ucoz.ua/script/primery/slide_menu/topshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px; } #menubar .lcol ul li { background: url("http://fotki.ucoz.ua/script/primery/slide_menu/mbar.png") no-repeat; } #menubar .lcol ul a { padding: 0 11px 0 12px; color: #fff; height: 50px; text-decoration: none; } #menubar .lcol ul a:hover { color: #669900; background: url("http://fotki.ucoz.ua/script/primery/slide_menu/mbar.png") no-repeat 50% 100%; } .reset, .reset li { list-style: none; padding: 0; margin: 0; } .searchbar { margin-top: 12px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 217px; height: 26px; background: #191f24 url("http://fotki.ucoz.ua/script/primery/slide_menu/search.png") no-repeat; } .searchbar li { float: left; height: 26px; } .searchbar .lfield { width: 180px; padding-left: 7px; overflow: hidden; } .searchbar .lfield input { font-style: italic; color: #8b99a8; float: left; height: 15px; width: 180px; border: 0 none; background: none; margin-top: 6px; } .searchbar .lbtn input { width: 30px; height: 26px; background: #db143d url("http://fotki.ucoz.ua/script/primery/slide_menu/search.png") no-repeat 0 -26px; } .searchbar .lbtn input:hover { background-position: -30px -26px; } /* =============== */
2. Этот код вставляется туда, где должно быть наше меню, обычно это: Панель управления ---> Управление дизайном ---> Глобальные блоки ---> Верхняя часть сайта, в самый низ:
Quote <div class="darkbg"> <div id="menubar"> <div class="lcol"> <ul class="reset"> <li><a href="Адрес страницы 1">Страница 1</a></li> <li><a href="Адрес страницы 2">Страница 2</a></li> <li><a href="Адрес страницы 3">Страница 3</a></li> <li><a href="Адрес страницы 4">Страница 4</a></li> <li><a href="Адрес страницы 5">Страница 5</a></li> </ul> </div> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0" action="/search/"> <ul class="searchbar reset"> <li class="lfield"><input type="text" name="q" onBlur="if(this.value=='') this.value='Что ищем?....';" onFocus="if(this.value=='Что ищем?....') this.value='';" value="Что ищем?...."/></li> <li class="lbtn"><input title="Найти" alt="Найти" name="sfSbm" type="image" src="http://fotki.ucoz.ua/script/primery/slide_menu/spacer.gif" /></li></ul> </form> </div></div> Не забываем заменить адреса и имена ссылок пунктов меню на свои.
|
|
|
|
bandjuk |
Дата: Среда, 03.10.2012, 00:13 | Сообщение # 52 | Тема: Слайдер изображений, выполненный в зелёных тонах |
Полковник
Группа: Администраторы
|
Представляю вашему вниманию отличный слайдер изображений, выполненный в зелёных тонах. Смена картинок происходит по времени, есть возможность переключения изображений. Будет незаменим практически на любом сайте!
Установка: 1. Открываем: Панель управления ---> Управление дизайном ---> Таблица стилей (CSS), вставляем код в самый вверх: Code /* === Слайдер изображений от fotki.ucoz.ua === */ #slides, .slides_container { height: 278px; position: relative; } .slides_container { background: url("http://fotki.ucoz.ua/script/primery/slide_menu/loading.gif") no-repeat 50% 50%; border-bottom: 1px solid #669900; width: 100%; overflow:hidden; } #slides { border-bottom: 8px solid #669900; margin-bottom: 7px; } #slides .next, #slides .prev { position: absolute; top: 114px; width: 50px; padding-top: 60px; display: block; z-index: 101; background: url("http://fotki.ucoz.ua/script/primery/slide_menu/nextprev.png"); } #slides .next { background-position: 0 0; left: -23px; } #slides .next:hover { background-position: 0 -60px; } #slides .prev { background-position: -50px 0; right: -23px; } #slides .prev:hover { background-position: -50px -60px; } /* =============== */
2. Этот код вставляется туда, где должно быть наше меню, обычно это: Панель управления ---> Управление дизайном ---> Глобальные блоки ---> Верхняя часть сайта, в самый низ: Code <script type="text/javascript" src="http://fotki.ucoz.ua/script/primery/slide_menu/slides_2.js"></script> <script type="text/javascript"> $(function(){ $('#slides').slides({ effect: 'fade', play: 15000, pause: 2500, generatePagination: false, preload: true, hoverPause: true }); }); </script> <div id="slides"> <div class="slides_container"> <div><a href="#"><img src="http://fotki.ucoz.ua/script/primery/slide_menu/slide1.jpg" alt="" /></a></div> <div><a href="#"><img src="http://fotki.ucoz.ua/script/primery/slide_menu/slide2.jpg" alt="" /></a></div> <div><a href="#"><img src="http://fotki.ucoz.ua/script/primery/slide_menu/slide3.jpg" alt="" /></a></div> <div><a href="#"><img src="http://fotki.ucoz.ua/script/primery/slide_menu/slide4.jpg" alt="" /></a></div> </div> <a href="#" class="thide prev"> </a> <a href="#" class="thide next"> </a> </div>
Стоит отменить, что для работы слайдера нужно подключать jQuery. Для сайтов, расположенных на Ucoz ничего подключать не нужно, т.к. jQuery уже подключена системно!
|
|
|
|
bandjuk |
Дата: Среда, 03.10.2012, 19:56 | Сообщение # 53 | Тема: Горизонтальное меню коричневого цвета с поиском на css |
Полковник
Группа: Администраторы
|
Представляю вашему вниманию очередное горизонтальное меню коричневого цвета, с поиском, выполненное на стилях ксс. Отлично подойдёт практически под любой дизайн.
Установка: 1. Открываем: Панель управления ---> Управление дизайном ---> Таблица стилей (CSS), вставляем код в самый вверх: Code /* === Горизонтальное меню от fotki.ucoz.ua === */ #top_menu{background: #fef9dd url(http://fotki.ucoz.ua/script/primery/hor_menu_1/top_menu_bg.jpg) top center no-repeat; height:42px; margin:0 auto; padding:0 0 10px 0; text-align:center; width:960px;} #mainlevel-nav{margin:0 auto; height:52px; padding:0;} #top_menu ul#mainlevel-nav {margin: 0 auto; padding: 0; list-style: none; height:52px; background: transparent url(http://fotki.ucoz.ua/script/primery/hor_menu_1/menu_separator.jpg) top left no-repeat;} #top_menu ul#mainlevel-nav li{float: left; padding: 0 1px; margin:0; height:52px; background: transparent url(http://fotki.ucoz.ua/script/primery/hor_menu_1/menu_separator.jpg) top right no-repeat;} #top_menu ul#mainlevel-nav li a, #top_menu ul#mainlevel-nav li a:visited{float:left; color:#eee9ca; display:block; font-family:Tahoma,Arial,sans-serif; font-size:14px; font-weight:bold; text-decoration:none; height:52px; line-height:43px; padding:0 25px;} #top_menu ul#mainlevel-nav li a:hover{background: transparent url(http://fotki.ucoz.ua/script/primery/hor_menu_1/but_hover.jpg) bottom center repeat-x; color: #b27b49; text-decoration: none; height: 52px;} .clr {clear: both; font-size:0; line-height:0;} .reset, .reset li { list-style: none; padding: 0; margin: 0; } .searchbar {margin-top: 8px; border: 1px solid #3f464c; border-width: 0 1px 1px 0; float: right; width: 150px; height: 26px; background: #191f24 url("http://fotki.ucoz.ua/script/primery/hor_menu_1/search.jpg") no-repeat;} .searchbar li {float: left; height: 26px;} .searchbar .lfield {width: 150px; padding-left: 2px; padding-right: 2px; overflow: hidden;} .searchbar .lfield input {text-align: right; font-style: italic; color: #8b99a8; height: 15px; width: 140px; border: 0 none; background: none; margin-top: 6px;} /* =============== */
2. Этот код вставляется туда, где должно быть наше меню, обычно это: Панель управления ---> Управление дизайном ---> Глобальные блоки ---> Верхняя часть сайта, в самый низ:
Quote <div id="top_menu"> <div style="margin:0 auto;float:left;"> <tr><td><ul id="mainlevel-nav"> <li><a href="Адрес страницы 1" class="mainlevel-nav">Страница 1</a></li> <li><a href="Адрес страницы 2" class="mainlevel-nav">Страница 2</a></li> <li><a href="Адрес страницы 3" class="mainlevel-nav">Страница 3</a></li> <li><a href="Адрес страницы 4" class="mainlevel-nav">Страница 4</a></li> <li><a href="Адрес страницы 5" class="mainlevel-nav">Страница 5</a></li> </ul> </div> <form onsubmit="this.sfSbm.disabled=true" method="get" style="margin:0; padding-right: 17px;" action="/search/"> <ul class="searchbar reset"> <li class="lfield"><input type="text" name="q" onBlur="if(this.value=='') this.value='поиск...';" onFocus="if(this.value=='поиск...') this.value='';" value="поиск..."/></li> </form> <div class="clr"></div></div> Не забываем заменить адреса и имена ссылок пунктов меню на свои.
|
|
|
|
bandjuk |
Дата: Четверг, 04.10.2012, 19:58 | Сообщение # 54 | Тема: Скрипт "Слайдер изображений для сайтов Ucoz" |
Полковник
Группа: Администраторы
|
Представляю вашему вниманию ещё один скрипт замечательного слайдера изображений, подойдёт для сайтов с различной тематикой.
Установка: 1. Открываем: Панель управления ---> Управление дизайном ---> Таблица стилей (CSS), вставляем код в самый вверх:
Quote .container1 {width: 500px; padding: 0; margin: 0 auto;} .main_view {float: left; position: relative; margin-bottom: 25px; border-bottom:1px solid black; border-right:1px solid black; border-left:1px solid black;} .window {height:367px; width: 500px; border: 6px solid #FFFFFF; overflow: hidden; position: relative;} .image_reel {position: absolute; top: 0; left: 0;} .image_reel img {float: left;} .paging {position: absolute; bottom: 10px; right: -7px; width: 178px; height:47px; z-index: 100; text-align: center; line-height: 40px; background: url(http://fotki.ucoz.ua/script/primery/slider/paging_bg2.png) no-repeat; display: none;} .paging a {padding: 5px; text-decoration: none; color: #fff;} .paging a.active {font-weight: bold; background: #920000; border: 1px solid #610000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;}
Размеры всех картинок должны быть одинаковые. Красным выделены ширина и высота блока слайдера, замените их на ширину и высоту ваших картинок. Синим выделены параметры блока с цифрами-переключателями.
2. Эту часть кода вставляем в место, где должен быть наш слайдер:
Quote <div class="container1"> <div class="main_view"> <div class="window"> <div class="image_reel"> <a href="Ссылка 1"><img src="Ссылка на картинку 1"></a> <a href="Ссылка 2"><img src="Ссылка на картинку 2"></a> <a href="Ссылка 3"><img src="Ссылка на картинку 3"></a> <a href="Ссылка 4"><img src="Ссылка на картинку 4"></a> <a href="Ссылка 5"><img src="Ссылка на картинку 5"></a> <a href="Ссылка 6"><img src="Ссылка на картинку 6"></a> </div> </div> <div class="paging" style="display: block"> <a href="#" rel="1" class="">1</a> <a href="#" rel="2" class="">2</a> <a href="#" rel="3" class="">3</a> <a href="#" rel="4" class="">4</a> <a href="#" rel="5" class="">5</a> <a href="#" rel="6" class="active">6</a> </div> </div> </div> <script type="text/javascript" src="http://fotki.ucoz.ua/script/primery/slider/slider.js"></script> <div style="clear:both;height:10px;"></div>
Пропишите свои ссылки на страницы и на картинки.
|
|
|
|
bandjuk |
Дата: Пятница, 12.10.2012, 12:37 | Сообщение # 55 | Тема: Анекдоты |
Полковник
Группа: Администраторы
|
Охотник собрался на охоту в тайгу, местности не знает, берёт с собой проводника из местных, идут по тайге - проводник впереди, прорубает чащу топором с длинным топорищем, охотник идёт за ним с ружьём, в спину дышит... Хлоп! из чащи медведь на встречу. Проводник замер с поднятым топором, медведь тоже замер, проводник, не оборачиваясь, говорит охотнику вполголоса: - Иди сюда... Сзади тишина, он снова повторяет: - Иди сюда! Сзади опять тишина, он в третий раз уже аж шипит: - ИДИ СЮДА, БЛ*ТЬ! Сзади голос охотника на полтона тише: - На хyй ты его зовёшь!?
|
|
|
|
bandjuk |
Дата: Среда, 28.11.2012, 14:55 | Сообщение # 56 | Тема: Слайдер как на главной странице Ucoz. |
Полковник
Группа: Администраторы
|
Рип слайдера с главной страницы сервиса Ucoz.
Установка: 1. Открываем: Панель управления ---> Управление дизайном ---> Таблица стилей (CSS), вставляем код в самый вверх:
Code #preview-contanier {background-attachment: scroll; background-color: transparent; background-image: url("http://fotki.ucoz.ua/script/primery/slider_ucoz/bg_preview.png"); background-position: 0% 0%; background-repeat: repeat-x;} #preview-contanier {padding-bottom: 15px; height: 200px; width: 961px; margin: 0 auto 20px auto; text-align: center; position: relative;} #preview {width: 900px; padding-top: 40px; margin: 0 auto; text-align: left;} #preview-contanier div.arrow-left {position: absolute; top: 95px; left: -10px; width: 28px; height: 28px; display: block; overflow: hidden; text-indent: -9999px; background: url('http://fotki.ucoz.ua/script/primery/slider_ucoz/arrow_left.png') no-repeat; cursor: pointer;} #preview-contanier div.arrow-right {position: absolute; top: 95px; right: -10px; width: 28px; height: 28px; display: block; overflow: hidden; text-indent: -9999px; background: url('http://fotki.ucoz.ua/script/primery/slider_ucoz/arrow_right.png') no-repeat; cursor: pointer;} li.preview-tumb {padding-left: 0 !important;} .preview-tumb {width: 170px; float: left; display: inline; text-align: center; overflow: hidden; margin: 0 5px;} .preview-tumb a {display: block; padding: 8px 8px 5px 8px; background: #fff; text-decoration: none; color: #9f9f9f; font-size: 9pt;} .preview-tumb a:hover {display: block; padding: 8px 8px 5px 8px; background: #51b5ea; text-decoration: none; color: #fff; font-size: 9pt;} .arrow-left, .arrow-right {padding:2px;filter:alpha(opacity=100); ..-opacity:1.0; opacity:1.0; -khtml-opacity:1.0;} .arrow-left:hover, .arrow-right:hover {filter:alpha(opacity=80); ..-opacity:0.8; opacity:0.8; -khtml-opacity:0.8;}
2. Эту часть кода вставляем в место, где должен быть наш слайдер:
Quote <script type="text/javascript" src="http://fotki.ucoz.ua/script/primery/slider_ucoz/main.js"></script> <div id="preview-contanier"> <div class="arrow-left"></div> <div id="preview" class="ie6"> <ul> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 1');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 1"><br>Название 1</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 2');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 2"><br>Название 2</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 3');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 3"><br>Название 3</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 4');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 4"><br>Название 4</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 5');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 5"><br>Название 5</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 6');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 6"><br>Название 6</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 7');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 7"><br>Название 7</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 8');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 8"><br>Название 8</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 9');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 9"><br>Название 9</a></li> <li class="preview-tumb panel"><a href="javascript://" onclick="window.open('Адрес сайта 10');return false;" rel="nofollow"><img alt="" style="border: 0 none; width: 150px; height: 110px;" src="Изображение 10"><br>Название 10</a></li> </ul> </div> <div class="arrow-right"></div> </div> <div style="clear:both;height:10px;"></div>
Адрес сайта 1, 2, 3... - адреса сайтов. Изображение 1, 2, 3... - адреса картинок. Название 1, 2, 3... - названия.
|
|
|
|
bandjuk |
Дата: Суббота, 09.03.2013, 19:47 | Сообщение # 57 | Тема: Гель для депиляции :) |
Полковник
Группа: Администраторы
|
МУЖСКОЙ ОТЗЫВ О ГЕЛЕ ДЛЯ ДЕПИЛЯЦИИ Veet.
(Орфография и пунктуация без изменений) «После того, как мне сказали, что мои яйца напоминают по виду старого растамана, я решил сделать решительный шаг и купить этот гель, потому что предыдущие попытки бритья не увенчались особым успехом, к тому же я едва спину себе не убил, пытаясь достать до особо труднодоступных мест. Я немного романтичен, так что решил сделать это на день рождения жены — типа еще один подарок. Я заказал его заранее. Поскольку я работаю на Северном море, я считал себя крутым мужиком и думал, что предыдущие отзывы писали какие-нибудь жалкие офисные крысы... о, мои собратья по несчастью, как же неправ я был. Я дождался, пока моя вторая половина не ляжет спать, и, намекнув на особенный сюрприз, я пошел в туалет. Сначала все шло нормально. Я нанес гель на нужные места и стал ждать. И очень быстро дождался. Сначала я почувствовал теплоту, которая через несколько секунд сменилась сильнейшим жжением и чувством, которое я могу сравнить разве что с ощущением, когда на тебя резко натягивают трусы из колючей проволоки, пытаясь при этом подбросить тебя до потолка. До этого вечера я не был слишком религиозен, но в тот момент я мог уверовать в любого бога, лишь бы он избавил меня от жуткого жжения вокруг сральника и полного разрушения сосиски и двух яиц. Стараясь не прокусить насквозь нижнюю губу, я попытался смыть гель в раковине, но мне удалось лишь запихать в дырку клок волос. Сквозь завесу слез я выбрался из туалета и отправился на кухню. На кухне идти я уже не мог, так что последние метры до холодильника я уже полз. Выкатив нижнюю камеру из холодильника, я нашел там ванночку с мороженым, сорвал с нее крышку и засунул под себя. Облегчение было фантастическим, но недолгим, потому что мороженое быстро растаяло, и адское жжение вернулось. — Ванночка была довольно маленькой, так что жопному отверстию я помочь не смог. Я начал шарить по ящику, надеясь найти хоть что нибудь — в моих глазах было уже столько слез, что я мало чего видел. Я схватил пакет, в котором, как я узнал позже, лежали замороженные ростки фасоли, и разорвал его, стараясь сделать это как можно тише. Я схватил несколько ростков и безуспешно попытался зажать их между ягодицами. Это не помогло — гель, по ходу, проник в прямую кишку, и теперь там словно работал реактивный двигатель. Надеюсь, я больше никогда не буду мечтать, чтобы в кухне оказался снеговик-гей — вы понимаете, как низко я готов был пасть, чтобы унять боль? Единственное решение, которое придумал мой сведенный болью с ума мозг — осторожно засунуть один росток туда, куда еще не прорастало ни одно растение. К сожалению, услышав странные стоны с кухни, моя супруга решила встать и узнать, в чем дело. Ее встретил потрясающий вид: я лежу на полу, отклячив жопу, с которой стекает клубничное мороженое, и пихаю в себя фасоль со словами „О, как же хорошо“. Это, несомненно, ее шокировало, и она в ужасе закричала. Я не слышал, как она вошла, так что и сам перепугался, мои кишки сжал спазм, и росток на немалой скорости вылетел в ее сторону. Да, я понимаю, что росток фасоли, которым пердят в ее сторону в двенадцать ночи — не совсем тот сюрприз, на который она рассчитывала, да и на следующий день детям пришлось долго объяснять, что же случилось с мороженым… в общем, благодаря Veet можно лишиться не только волос на теле, но и достоинства и самоуважения))
|
|
|
|
bandjuk |
Дата: Пятница, 17.05.2013, 19:15 | Сообщение # 58 | Тема: Анекдоты |
Полковник
Группа: Администраторы
|
|
|
|
|
bandjuk |
Дата: Суббота, 01.06.2013, 23:02 | Сообщение # 59 | Тема: Анекдоты |
Полковник
Группа: Администраторы
|
Папуас, в отличие от американского президента, убивает людей ровно столько, сколько может съесть...
|
|
|
|
bandjuk |
Дата: Суббота, 01.06.2013, 23:07 | Сообщение # 60 | Тема: Анекдоты |
Полковник
Группа: Администраторы
|
Скажите, святой отец, а почему в католической церкви хор поет под клавесин, орган или фисгармонию, а у нас, православных - без аккомпанемента? - Дело в том, сын мой, что настоящий талант не пропьешь. А вот клавесин - как нех#й делать.
|
|
|
|