Меню сайта

Категории раздела

Скрипты для uCoz [582]

HTML коды для uCoz [58]

Шаблоны для uCoz [189]

Социальные сети и закладки [4]

Меню для uCoz сайта [30]

Опросы на uCoz [6]

Работа с Информерами [7]

Для Веб мастера [90]

CSS стили для uCoz [15]

Как это сделать? (для новичков с картинками) [11]

Видео Уроки по uCoz [2]

Полезное для пользователей [45]

Counter Strike мониторинг [5]

Регистрация и прикрепление своего домена к uCoz [1]

Новости сайта scripts-for-ucoz [47]

Учебник HTML [11]

Разное/Другое [12]

Статьи про uCoz

Заказать отзывы на АВИТО у компании Upgrating

Что чаще всего рекламируют на билбордах в Санкт-Петербурге

Преимущества взрывозащитных тепловентиляторов

Интересные факты о майнинге криптовалют

Как производится регистрация прав интеллектуальной собственности

5 типичных неисправностей ноутбуков

Многофакторная аутентификация как сервис

Основные преимущества переезда в Севастополь

Почему тонировка автомобилей так популярна

Почему оффшор Сент-Винсент популярен у бизнесменов

Разработка сайта

Что влияет на стоимость сайта?

Как самостоятельно создать блог без усилий

Как добавить карту сайта в Wordpress

В чем заключается SEO-продвижение сайта?

Продвижение ссылками – будет ли работать в 2015 году?

Программы обработки, сравнения и анализа прайсов

Комплексное продвижение сайта как основа репутационного маркетинга

У кого заказывать разработку сайта

Как создать интернет-магазин?

Рекламко

Друзья Сайта

установить блок на свой сайт

Наш опрос

установить такой вид опроса

Статистика

Онлайн всего: 2

Гостей: 2

Пользователей: 0

Зарегистрировано 31217 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5173 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок Программ

Установить себе такой Блок
Скрипты и HTML для uCOz

Блок CW результаты

Победы(10)

Поражения(5)

Установить CW блок на свой сайт

Скачать Броузеры

Установить блок на свой Сайт!

Внимание!

Наш сайт адаптирован под браузер Mozilla Firefox

Скачать/Download

В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок

Поиск

установить такую кнопку twitter
или такую
красивая кнопка Twitter

Рекламко

http://chitobagoman.ucoz.ru/

Добавить свой сайт в ТОП!
И он будет рекламироваться тут БЕСПЛАТНО!
стань модератором сайта и рекламируй свой сайт за бесплатно тут

Расскажи Друзьям!

Установить на свой сайт!

Комментарии

Новость: Простое серое меню для uCoz
NataliShaman написал:

Приветствую!
кнопочки мне понравились... только совсем не понимаю - куда именно конкретно вставлять? в какое место в CSS? на каждой странице это делать или один раз установится для всего сайта? у меня шаблон 1088... помогите с установкой, пожалуйста...

Новость: Виртуальное казино PLAY FORTUNA онлайн
Draco GSM написал:

Новость: Простой слайдер новостей и фото изображений на uCoz
Светлана Кулешова написал:

Скажите, пожалуйста, а где прикрепленный архив со скриптами?

Новость: Современные казино онлайн. Как можно выигрывать деньги?
папап папап написал:

зарабатывать в интернете может каждый, хочу порекомендовать статью где Вы научитесь это делать играя в казино , заходи смотри http://podshipnik-servis.ru/forum/pyat-prichin-zachem-nuzhno-poprobovat-onlayn-kazino

Новость: Максимальные выигрыши в казино
Максим Леонков написал:

Добрый день, хочу поделиться информацией которая мне помогла зарабатывать в онлайн казино.http://www.rpgarea.ru/news-2890-kakie-bonusi-onlayn-kazino-bivayut-i-gde-ih-nayti.html Например какие какие бонусы онлайн казино бывают и где их найти? где найти казино с лучшими бонусами, Виды бонусов в онлайн казино, какие подарки в клубах бывают для новичков – выдают за регистрацию и активных посетителей – различные акции и пр.Заходи, читай,зарабатывай!

Читать все комментарии

Топ комментаторов

VKONTAKTE

FACEBOOK

Кто и Откуда Вы?

установить такую статистику

Мини-чат

установить такой мини-чат

Главная страница » Помощь Вебмастеру » Категория Скрипты для uCoz » Добавлено [09.11.2013, 15:01]

Отличное портфолио для uCoz сайта

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Суровые разработчики не очень-то любят возиться с сайтами для портфолио и всяких там модненьких штучек с фотографиями, но вот этот плагин радует своей оригинальностью и, на удивление серьезным подходом к оформлению страниц с портфолио. Действительно, вариантов для сайта с портфолио написаны сотни, но хороших из них - штук 5-7.

Интернет-магазин виниловых пластинок VinylEffect.ru предлагет своим посетителям купить пластинку своего любимого исполнителя и слушать музыку в прекрасном идеальном качестве.

JQwery'вский вариант от Ucoz произвел отличное впечатление всем, кому мы его показывали, так что хотим поделиться с широкой общественностью. Ставится код без особых проблем, собственно все продукты Ucoz отличаются не только высоким качеством, но и простотой в использовании. Страничка портфолио имеет простую, но оригинальную навигацию с функциями быстрого перемещения между изображениями или, в данном случае, фотографиями в любом направлении.

Окно для основного изображение крупное и позволяет просматривать фотографии высокого разрешения, причем прогружаются они быстро. Основное окно имеет стрелки вертикальной прокрутки, которые появляются при наведении и волшебным образом исчезают, не мешая просмотру фотографии.

По центру снизу расположена панель быстрого перемещения между изображениями портфолио - причем при быстром просмотре можно заметить, как фотографии быстро прокручиваются в выбранном вами направлении. Цвет шаблона - темно серый - не отвлекает от изображений и не перетягивает на себя снимание. Опция перехода между картинками очень чувствительная и быстро реагирует на смену положения мыши. Так что пробуйте и, как обычно, с вас комментарии.

Важно: Скрипты из прикреплённого архива залейте в папку js, картинки - в папку images

Установка:

После /head на нужных страницах вставляйте:

<script src="/js/portfolio.js" type="text/javascript"></script> 
 <script src="/js/init.js" type="text/javascript"></script>

Следующий код в самый низ вашего css:

body { 
 background:#191919; 
 font-family:'PT Sans Narrow', Arial, Helvetica, sans-serif; 
 font-size:12px; 
 color:#333; 
 line-height:18px; 
 } 

 #portfolio { 
 position:fixed; 
 top:50%; 
 left:50%; 
 z-index:1; 
 width:1000px; 
 height:500px; 
 margin:-250px 0 0 -500px; 
 } 

 #background { 
 position:fixed; 
 top:0; 
 left:0; 
 width:100%; 
 height:100%; 
 z-index:2; 
 background:url(/images/bg.png) no-repeat center; 
 } 

 #portfolio .gallery, 
 #portfolio .gallery .inside { 
 position:absolute; 
 top:0; 
 left:0; 
 } 

 #portfolio .gallery { 
 width:100%; 
 height:100%; 
 overflow:hidden; 
 } 

 #portfolio .gallery .inside { 
 z-index:1; 
 } 

 #portfolio .arrows a { 
 position:absolute; 
 z-index:3; 
 width:32px; 
 height:32px; 
 background-image:url(/images/arrows.png); 
 background-repeat:no-repeat; 
 outline:none; 
 text-indent:-9999px; 
 } 

 #portfolio .arrows .prev, 
 #portfolio .arrows .up { 
 display:none; 
 } 

 #portfolio .arrows .up, 
 #portfolio .arrows .down { 
 left:50%; 
 margin-left:-16px; 
 } 

 #portfolio .arrows .prev, 
 #portfolio .arrows .next { 
 top:180px; 
 } 

 #portfolio .arrows .up { 
 background-position:0 -64px; 
 top:20px; 
 } 

 #portfolio .arrows .down { 
 background-position:0 -96px; 
 bottom:120px; 
 } 

 #portfolio .arrows .prev { 
 background-position:0 -32px; 
 left:60px; 
 } 

 #portfolio .arrows .next { 
 background-position:0 0; 
 right:60px; 
 } 

 #portfolio .arrows .up:hover { 
 background-position:-32px -64px; 
 } 

 #portfolio .arrows .down:hover { 
 background-position:-32px -96px; 
 } 

 #portfolio .arrows .next:hover { 
 background-position:-32px 0; 
 } 

 #portfolio .arrows .prev:hover { 
 background-position:-32px -32px; 
 } 

 #portfolio .item { 
 position:absolute; 
 top:0; 
 width:1000px; 
 height:400px; 
 } 

 #portfolio .item div { 
 position:absolute; 
 left:0; 
 width:100%; 
 height:100%; 
 } 

 #portfolio .item div img { 
 position:absolute; 
 top:0; 
 left:50%; 
 margin-left:-300px; 
 } 

 #portfolio .paths { 
 position:absolute; 
 bottom:60px; 
 left:50%; 
 margin-left:-30px; 
 z-index:4; 
 } 

 #portfolio .paths div { 
 position:absolute; 
 top:0; 
 } 

 #portfolio .paths a { 
 background:#333; 
 display:block; 
 position:absolute; 
 left:0; 
 outline:none; 
 } 

 #portfolio .paths a:hover, 
 #portfolio .paths .active { 
 background:#fff; 
 } 

 /* anchors */ 

 a { 
 text-decoration:none; 
 color:#fff; 
 } 
 /* heading */ 
 h1{ 
 font-size:22px; 
 text-shadow:1px 1px 1px #000; 
 position:relative; 
 z-index:1000; 
 color:#fff; 
 font-weight:normal; 
 padding:10px; 
 margin-top:10px; 
 text-transform:uppercase; 
 background:#000; 
 float:left; 
 } 

 /* header */ 
 #header{ 
 height:25px; 
 line-height:24px; 
 font-size:12px; 
 background:#000; 
 opacity:0.9; 
 text-transform:uppercase; 
 z-index:999; 
 position:relative; 
 } 
 #header a{ 
 padding:5px 10px; 
 letter-spacing:1px; 
 text-shadow:1px 1px 1px #000; 
 color:#ddd; 
 text-align:right; 
 } 
 #header a:hover{ 
 color:#fff; 
 } 
 #header a span{ 
 font-weight:bold; 
 } 
 #header span.right_ab{ 
 position:absolute; 
 right:4px; 
 }

Следующий код вставляйте после тега body:

<div id="portfolio"> 
 <div id="background"></div> 
 <div class="arrows"> 
 <a href="#" class="up">Up</a> 
 <a href="#" class="down">Down</a> 
 <a href="#" class="prev">Previous</a> 
 <a href="#" class="next">Next</a> 
 </div> 
 <div class="gallery"> 
 <div class="inside"> 
 <div class="item"> 
 <div><img src="Ссылка на картинку" alt="image1" /></div> 
 <div><img src="Ссылка на картинку" alt="image2" /></div> 
 <div><img src="Ссылка на картинку" alt="image3" /></div> 
 </div> 
 <div class="item"> 
 <div><img src="Ссылка на картинку" alt="image4" /></div> 
 <div><img src="Ссылка на картинку" alt="image5" /></div> 
 </div> 
 <div class="item"> 
 <div><img src="Ссылка на картинку" alt="image6" /></div> 
 <div><img src="Ссылка на картинку" alt="image7" /></div> 
 <div><img src="Ссылка на картинку" alt="image8" /></div> 
 <div><img src="Ссылка на картинку" alt="image9" /></div> 
 <div><img src="Ссылка на картинку" alt="image10" /></div> 
 <div><img src="Ссылка на картинку" alt="image11" /></div> 
 </div> 
 <div class="item"> 
 <div><img src="Ссылка на картинку" alt="image12" /></div> 
 <div><img src="Ссылка на картинку" alt="image13" /></div> 
 <div><img src="Ссылка на картинку" alt="image14" /></div> 
 <div><img src="Ссылка на картинку" alt="image15" /></div> 
 </div> 
 </div> 
 </div> 
 </div>

При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Отличное портфолио для uCoz сайта

Расскажи друзьям интересные новости:

- Установить на свой сайт блок социальных закладок

Категория: Скрипты для uCoz | Добавил: scripts_for_ucoz | Теги: портфолио для uCoz, фотогалерея, фотоальбомы, портфолио

Просмотров: 8976 | Загрузок: 20 | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

scripts_for_ucoz 1	Apocalypse 2
Black-Yellow 3	Pashkovskyi 4
BLoOd 5	serzw 6
Tiny 7	Aragorn3092 8
Maks-0101_01 9	SCRIPTS-FOR-UCOZ 10