Меню сайта

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

Скрипты для 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

Антикварные магазины мебели становятся все более популярными в РФ

Ветеринары из Махачкалы отмечают рост заболеваний среди высокогорных овечек

В России возник дефицит терминалов сбора данных для складов

Продвижение с помощью «Site Ok‎»: Пакеты крауд-ссылок и их ценовая политика

В России стали популярными диджитал маркетологи

Флоат камера избавила москвичку от тревожности

Почему для каждого бренда важна красочная упаковка

Почему в ж/д сфере так важна нумерация опор

В Москве ветеринарам стали чаще приносить карликовых коз

Почему детей нужно перевозить на специальных автокреслах

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

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

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

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

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

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

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

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

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

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

Рекламко

Друзья Сайта

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

Наш опрос

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

Статистика

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

Гостей: 19

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

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

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

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

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

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

Победы(10)

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

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

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

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

Внимание!

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

Скачать/Download

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

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

Поиск

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

Рекламко

http://so6olb.ucoz.ru/

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

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

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

Комментарии

Новость: Просмотры и посетители для вашего сайта БЕСПЛАТНО
написал:

В итоге получим в статистике целую кучу ботов, и отказов. Что само собой скажется на ПС

Новость: Фотогалерея изображений для uCoz
Sultanbek Ajdos написал:

Уихих

Новость: Фотогалерея изображений для uCoz
Sultanbek Ajdos написал:

Не убрать календарики правильно
Понедельник, 22 ноября 2010 г.
Карманный календарь 2010 г.

Новость: Фотогалерея изображений для uCoz
Sultanbek Ajdos написал:

Уихих

Новость: Фотогалерея изображений для uCoz
Sultanbek Ajdos написал:

Девять

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

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

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, фотогалерея, фотоальбомы, портфолио

Просмотров: 9180 | Загрузок: 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