Установив скрипт и стиль на свой сайт, у Вас будут переключатели страниц как В Контакте. В примере используется вариант для uCoz, но и для других систем этот скрипт подойдет, достаточно немножко подкорректировать код. Прозрачная округлая панель со списком страниц будет появляться только тогда, когда Вы оказываетесь в конце страницы. Кстати, можно внедрить в переключатели страниц кнопку для скроллинга вверх. Для округления блока не использовалось CSS, да и для прозрачности CSS тоже не использовалось.
Скрипт хорошо работает в браузере Google Chrome, нормально в Internet Explorer 8+, но в Opera основная проблема заметна больше всего. Этой проблемой является фиксированное положение на экране: я не стал заморачиваться на счет этого, и сделал так, чтобы при прокрутке отступ равнялся скроллингу. Думаю надо было сделать фиксированную позицию через CSS, а для IE использовать существующий в скрипте метод.
Journalist • • Первый
Этот код ставить вместо $PAGE_SELECTOR$
Урок 1: Как создать страничку и под страничку на ucoz
| $PAGE_SELECTOR$ |
$(window).scroll(function () st = $(window).scrollTop();
var scrollBottom = $(document).height() — $(window).height() — $(window).scrollTop();
if(scrollBottom < 500) else
$(‘#pageselector’).css(‘top’, st+’px’)
$(‘#pageselector’).css(‘opacity’, ‘0.8’)
>);
.pages_1
.pages_2
.pagesBlockuz1
.swchItemA
.swchItem
.swchItem:hover
.swchItemDots
Источник: wenizay.com
Шаблон ВКонтакте для uCoz v2
Социальная сеть ВКонтакте уже многое время радует пользователей интернета своими нововведениями, функциями и быстрой загрузкой сайта. Дизайн у них почти не обновлялся с самого основания сайта, он менялся только у некоторых блоков, но до полного изменение сайта еще у команды не доходило. Проводился так же конкурс на лучший макет дизайна сайта ВКонтакте и работы авторов были очень даже неплохие.
Команда еще не решилась полностью реализовать смену вида, но уже есть изменения в разделе «Разработчикам». Дизайн не навязчивый, очень простой и быстрый в загрузке, что очень радует каждого пользователя. И вот на основе этого дизайна был сделан похожий дизайн, который мы и представляем вашему вниманию.
Это совершенно новый шаблон для системы uCoz разрабатываемый по последним обновлениям сайта ВКонтакте, для новичков и любителей.
Установка не займет у вас много времени. Все что вам нужно будет сделать это скопировать файлы через FTP на сайт и воспользоваться восстановить шаблон который находиться в архиве. Все эти пункты уменьшат установку шаблона в разы. Не забывайте комментировать и оставлять отзывы об шаблоне.
Ucoz Настраиваем Авторизация через социальные сети Вконтакте
Примечание
Сайт Урааа! предлагает вашему вниманию еще несколько дополнительных скриптов к этому шаблону. Так как они помогут сделать еще более похожим на сайт ВКонтакте.
- Оповещение о новом сообщении как ВКонтакте
- Кнопка «Наверх», как ВКонтакте
- Когда заходил на сайт как Вконтакте для uCoz
- Вывод даты и времени как ВКонтакте (Час назад)
- Вывод фотографий на персональной странице как ВКонтакте
Это лишь малая часть скриптов которые есть в нашем арсенале. Все остальные скрипты вы можете найти с помощью нашего поиска по сайту.
Источник: yraaa.ru
Как сменить дизайн на сайте Ucoz
Когда создавал сайт, выбрал себе хостинг на Ucoz, так как он обладает рядом несомненных для меня достоинств:
1. Хостинг бесплатный, на первых проектов это отличный выбор.
2. Полный доступ к Html и Css коду, что дает большие возможности по изменению дизайна и шаблона страницы, если разобраться. Можно сменить дизайн на сайте Ucoz Юкоз без всяких проблем.
3. Большой набор встроенных модулей, на которых можно построить практически все, что угодно, что вам поможет при дальнейшем продвижении сайта.
4. Возможность прикрутить к хостингу домен второго уровня.
5. Отсутствие рекламы, возможность установить свою при желании.
6. Удобная русифицированная админка для управления сайтом.
7. Возможность создания нескольких сайтов на одном аккаунте.
Сегодня я хотел бы рассказать, как изменить дизайн своего сайта на Ucoz Юкоз .
Как сменить дизайн сайта на Ucoz Юкоз
Ucoz предлагает 246 оригинальных дизайнов на выбор, но обычно выбирают из 10-20 особенно удачных, соответственно уже приглядевшихся и надоевших. А давно известно, что для того, чтобы осуществить успешное продвижение сайтов в Екатеринбурге или ином городе, следует создать оригинальный и привлекательный дизайн сайта, к которым, разумеется, нельзя отнести шаблонный дизайн. Ну так меняем дизайн Ucoz Юкоз на свой. Если сперва сложно сделать дизайн с нуля, предлагаю изменить уже существующий.
Заходите в редактор страниц, выбираете пункт «общие настройки». Нажимаете напротив строки «Дизайн сайта:» — «выбрать дизайн», открывается окно выбора дизайна. Выбираете тот дизайн Ucoz Юкоз, который вам наиболее приглянулся, устанавливаете на сайт и начинаете редактировать.
Для примера расскажу, как изменить картинку шапки сайта. Все графические изображение, используемые в дизайне, описаны в файле стилей style.css , либо в html-шаблоне страниц. Рассмотрим два варианта:
1. Картинки прописаны в CSS. В верхней панели выбираете «Дизайн» — «Управление дизайном (CSS)». В окне ниже откроется собственно сам файл стилей. Находим в нем строчку вида: #header — это адрес вашей шапки сайта. (в разных шаблонах по разному, вам придется найти, какая картинка к чему относится)
2. Картинки прописаны в Html-шаблоне. Там же в верхней панели выбираете «Дизайн» — «Управление дизайном (шаблоны)». В окне ниже выбираете «верхняя часть сайта», ищете строчку вида: Опять же придется определить, какую именно картинку вы хотите поменять.
Чтобы узнать, какая именно картинка вам нужна, перейдите по адресу вида: «адрес вашего сайта/адрес картинки из шаблона» — откроется картинка, найдете нужную вам.
Теперь рисуем новую шапку. Не забываем, что если ваша шапка имеет иные размеры, чем исходная или вам нужно другое ее местоположение, то вы должны поправить это в шаблоне или файле стилей. Сохраняем шапку в корневой каталог с помощью менеджера файлов, меняем адреса картинки на адрес вновь созданной, сохраняем, получаем желаемый результат.
Аналогично поступаем со всеми картинками дизайна вашего сайта или создаем сразу новый дизайн для всей страницы и прикручиваем его к вашему сайту.
Замечание: если после этого вы смените шаблон сайта, выберете новый шаблон, то все ваши изменение в html и css кода, разумеется, пропадут.
Мой блог находят по следующим фразам
- имя подписчикам в feedburn
- как создать контент бесплатно
- как сделать язык в союзе
- запись Читать дальше.. wordpress
- дешево получить тиц
- создание сайта за 5минут
Подпишись на обновления блога по 
Email, 
twitter!
Интересные посты на «Сайтоведе»:
Ключевые слова в статьях выделяются тэгом strong. В итоге в тексте они получаются жирными. Если мне надо выделить ключевые слова, но я не хочу, чтобы они выделялись в тексте жирным или курсивом, то что делать? как настроить?
стили пропиши в css. Я часть вообще позакрывал
тра та та Поисковики на это не обращают внимания.
Блин написал тег. сайт его не вывел так как видимо попал в html, можешь вообще закрыть (пишу часть тега по русски) тект поисковики на это не обращают внимание. или стили к H1-6 или strong прописывай в css
Недавно я keywords и description добавила вместо имейла и веб сайта. Единственное что не могу понять в этой формуле от чего в конце нумерация зависит? Почему цифра 3 а не 1 или 2? К примеру в каталоге статей, description у меня стоит вместо поля и-мейл, а keywords вместо поля web-сайт. Какой же в этом случае будет нумерация. В каталоге статей дополнительных полей нет, вот и возникает путаница.
Спасибо! Попробую сделать, а то бьюсь-бьюсь, ничего не выходит..
У меня все получилось
Рад за вас.
если я изменю шаблон, вся залитая информация (в том числе альбомы, контакты и прочее) останутся? или тоже пропадут?
Все останется, как было. Только те изменения, что вы вставляли в прошлый шаблон. Структура сайта сохранится.
Короче, вы сами не знаете как в шаблоне заменить хидер. А говорите, мол, знаем все. Если вам задают вопрос, то нужно давать конкретный ответ. Многие знают верстку и т.д. .. но это не значит, что они должны знать структуру юкоза. Так что не пипите. Когда вам дают задачу на работе — вы не огрызаетесь(там не так, то не то). Так и сдесь — конкретный вопрос, и конкретный и адекватный ответ.
Если нет, то ваш сервис гамно!
Вообще-то это не сервис, а информационный сайт. И у меня это не работа, мне за статьи денег не платят.
набери два слова в любом поисковике АЙ МОМЕНТ попадешь на сайт где в тупую весь шаблон переделан.
можешь задать вопрос в обратной связи с сайта АЙ МОМЕНТ Вообще я делаю шаблоны для joomla, а юкоз для души. Как-то уже привык к нему
Спасибо помогло.Вы не могли бы подсказать как поменять на шапке сайта название не могу найти.Заранее спасибо
Ищите в шапке сайта
Приветствую! Спасибо, сработало! Менял шапку на своём сайте — надоела до ужаса, пять лет уже одна и та же. Так долго определялся с цветом, что уже сил не осталось его поменять, когда определился.. Кстати, насчёт цвета, кому интересно, раз уже всё равно дизайн меняете, почитайте тут: http://1245.ru/kak-vyibrat-dizayn-dlya-sayta-vizitki/ Интересно написано, оказывается, дизайн ещё и на продвижение влияет!
P.S.: у меня картинка для шапки была в css прописана, хорошо, а то в шаблонах я вообще не разбираюсь, это тёмный лес для меня
Доброго дня! с дизайном вопросов нет. Есть вопросы по созданию своих информеров. Делаю сайты на cms Joomla. Я конечно извиняюсь но это гораздо круче ucoz конструктора. Если есть уроки по созданию своих информеров то хотелось бы почитать. А также нужна нормальная галлерея для фотографий в (html css js) как-бы сделать что-то вроде фотоальбома.
Примерное представление: http://youtu.be/IxtMPVtTZNo Заранее благодарен…P.S на юкоз пришел с народа. Нас видимо подарили.
На Укозе есть простенькая своя фотогалерея. А со скриптами, извини, не сталкивался. Я больше в WordPress работаю, там есть хороший плагин фотогалереи. Укозвоский сайт мне не понравился твой, может, стоило бы дизайн более читабельный делать?
p.s сегодня буду резать нормальную шляпу с ролловерами и т.д. Эта была пробник на тему как будет грузится сайт с тяжелой шляпой(800кб) Делал 1час. А весь сайт будет в стиле космос.
Источник: saitowed.ru