Скрипт портфолио – очень красивое!

Среда, 28 марта 2012 года в 16:41      Просмотров: 5130

Скрипт портфолио – очень красивое!

Добрый день мои дорогие друзья. hello

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

Я нашел этот скрипт пару дней назад в интернете, вот по этому адресу: классное портфолио.

Там же есть кнопка демо, для просмотра в живом виде, а вот как я осуществил каталог шаблонов при помощи этого у себя:



Хотите такой же? Тогда смотрим урок ниже. wink



вместе с видео включены архивы скрипта портфолио и моих картинок


В этом уроке я Вам покажу:

  • Как изменить шапку и поставить в ней свой логотип.
  • Как изменить общий фон.
  • Как изменить пункты меню и заводить новые.
  • Как менять сами картинки.
  • Как изменить подвал.

Всего получилось 17 минут практического видео.


PS: если возникнут вопросы – задаем их в комментариях.

PSS: не забываем нажимать на кнопки ниже, что бы поделиться этим классным скриптом портфолио со своими друзьями! happy


Комментариев: 42

Скрипт супер!Я тоже в восторге от увиденного!smile

Пока что мне такой не нужен, но очень понравилось само оформление и эффекты перемещения элементов.

2. Архип Report.EffectiveWebSites.Ru
2012-03-28 в 19:17:40

На iPad футер фиксирован, скоробится вместе со страницей

Ну это задумка автора, он и есть фиксированный.

Убрать свойство в CSS и все будет ок.

Серёга привет!smile Скрипт довольно таки интересный, но туда бы еще впихнуть штуку типа галереи, в смысле что бы после нажатия на миниатюру изображение увеличивалось, или же показывалась демка, и это было бы достаточно интересно. Кстати если потребуется то могу организовать такое делоsmile и если одобришь то зальёшь, ок?

Ну мне такое дело в принципе не надо, мне нужны будут тупо ссылки, что уже я сделал.

Но твой вариант скрипта портфолио тоже интересен.

Единственно что у нас не получается, это поставить другой скрипт, который при наведении мыши затемняет картинку и выводит текст.

Как классно! Большое спасибо. Хочу попробовать сделать на все свои страницы продающие и подписные.Как витрина в магазине. Супер! Бесконечно благодарна тебе.Купила твой новый курс, но еще не изучала.

Так пробуй! Ничего сложного там нет.

Ты главное отзыв не забудь мне прислать по новому курсу smile

8. Владимир
2012-03-29 в 23:15:21

Не боюсь повториться: классный скрипт. Спасибо, Серёга, за наводку!

Скачал вчера. Сегодня провозился с ним часа четыре (в основном, рисунки заняли время), сделал приятный альбомчик для внутреннего пользования.

Одна беда: в строках таблицы при просмотре почему-то не выводится значение из-под alt.

Мелочь, а не приятно.

Может, просветишь чайника?

Владимир - alt - это обязательный атрибут, который используется, если картинка не загружена, или у человека проблемы со зрением и он пользуется интернетом при помощи специальной программы, которая озвучивает.

Картинки она озвучивает именно через этот атрибут.

И он не делает всплывающие подсказки.

11. Владимир
2012-03-30 в 09:10:20

Что-то вы, друзья, меня пу*аете...

В тренинге "5+" такая же строка (например, )

всплывающую подсказку выводит.

В чём разница, почему здесь эта же конструкция ()

не выводит?

ЗЫ. слово "пу*аете" читайте, как Вам угодно, оба варианта правильные grin

12. Владимир
2012-03-30 в 09:14:26

Ну, вот... код строк не вставился.

Попробую повторить:

<img src="image/logo-timeq.png" width="64" height="64" alt="На главную">  выводит.
А в скрипте эта же конструкция 
<img src="assets/img/shots/6q.jpg" alt="Посмотреть">

не выводит подсказку.

Почему?

Или доцент тупой?

В тренинге 5+ я объяснял, что всплывающие подсказки выводит только атрибут title.

Возможно - ты слишком узко смотришь на код wink

Скорее всего, картинка, которую ты привел, находится в ссылке, а уже ей прописан атрибут title.

14. Владимир
2012-04-02 в 12:47:27

Спасибо за разъяснения по подсказкам. Картинка действительно в ссылке.

Но это ещё не всё. Обнаружилась другая бяка: когда открываешь с сайта скрипт в мозилле, он почему-то показывает кодировку Win-1251, соответственно, кракозябры в заголовке.

Хотя при просмотре тем же мозиллой со своего компа, всё нормально.

TopStyle тоже показывает, что кодировка у файла стиля и индексного - UTF-8.

Тогда где собака зарыта?

Гугл читает всё, как и положено...

Надеюсь, не слишком озадачил?

Хм... очень похоже на глюк.

Попробуй сохранить страничку в UTF-8 через PSpad.

Возможно топстиль тупит.

И еще, у тебя эта страничка где? На локалке в отдельной папке? Или на сайте?

16. Владимир
2012-04-03 в 18:46:00

Добрый вечер, Серёга!

Извини, если помнишь, у меня не очень со временем...

Поэтому разрывы между письмами.

Сохранял в TopStyle и Notepad++

Всё равно где-то проблемка. Скрипт у меня для тестирования заброшен в папку на сайте. Ссылку могу дать, но не для всех (там личный альбом). Если есть время глянуть, дай знать.

Сброшу либо на твою почту, либо "в домашку для 5+" (если она ещё открыта.

Очкнь красовое портфолио. А как скачать урок по доработке под свои нужды?

Его только если смотреть онлайн, или, если можешь скачать с ютуба - скачивай. Там прога вроде специальная нужна.

Я правельно поняла: Если добавить к имющимся понктам еще несколько

Сергей, подскажите, пожалуйста, как сделать активную ссылку из картинки портфолио. Написала как в WP

но не срабатывает.Что не так?grrr

Как? Я Чайник. Сбросте на почту пример.здесь HTML не пишиться. tata11.19@mail.ru

Я только что на вашем форуме писала. Можно там ответить. Спасибо.

Скрипт хороший спора нет.Только HTML5 ещё сыроват,не будет работать в старых Браузерах.

Вот тут я проводил ождин эксперемент над

Content Slider ohne JavaScript nur CSS3

писаный только на HTML5 и CSS3

http://you-big-blog.com/Follow/pure-css-sliderq.php

В Мозиле работает а в Опере уже нет.

Ну а сам портфолио хороший ,только для переленковки.

Alexander Snegovoy прав насчёт тубов.

С Уважением Виктор

Здравствуйте, Виктор. Я, к сожалению, на английском не читаю. По этому ваши статьи прочесть не смогла. У меня вопрос. Можно ли переделать скрипт на бесконечное число картинок? Идея сделать из него меню сайта. У меня обзор обучающих курсов http://www.linkbez.com.ua/ Если да, то не смогли бы вы это сделать? Я в Джава профан, да и в HTML тоже. Свой сайт сделала исключительно как обезьяна по бесплатному курс.

Пробовала написать на почту, указанную на вашем сайте, не прошло. Пробовала связаться ч/з коменты - пишит спам. Упс. Может здесь отзоветесь.

Всему свое время.

Прогресс не стоит на месте...

И старых браузеров становится с каждым разом все меньше и меньше, а поддерживающих новые web-технологии - все больше и больше wink

Здравствуйте Tatyana ,число картинок в Slider безгранично, и размер

подгоняется через стили,но вот для меню сайта идея думаю не очень.

Для обзора нужных статей предназначен,допустим как головной баннер перед темами.А сайтец на ВП Ваш.(мой сайтец на немецком)

Tatyana свяжусь с Вами на Вашем сайте.

Виктор

Здравствуйте, Сергей!

Главные вопросы для полного чайника:

1. Как всё это установить на сайт (сайт работает на MaxSite CMS)?

2. Как привязать к картинкам ссылки на конкретные статьи? Щелкнул по картинке – и статья?

Буду благодарна за подробный ответ.

1. Создаете на сайте папку, там размещаете файлы портфолио. Затем просто указываете ссылку на портфолио.

2. Обрамите картинки в тег a, и укажите ссылки.

34. Сергей
2012-12-01 в 19:13:38

ЧТо то у меня не получилось прикрутить ровно скрипт к сайту. Видимо кривизна рук зашкаливает. Может кто нибудь из разбирающихся объяснить что я не так сделал?

http://mandrogi.info/port/

35. Аноним
2012-12-01 в 19:45:01

Такое впечатление, что не все картинки вы поменяли. И что еще, кроме фотографий пытались поменять? По исходному коду не видно.

36. Сергей
2012-12-01 в 20:03:28

пардон, уже нахимичил, и перенес папку. она тут: http://mandrogi.info/portfolio/

37. Сергей
2012-12-01 в 20:06:30

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

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

38. Сергей
2012-12-01 в 20:26:16

Все, разобрался. одну букву в адресе перепутал. Всем спасибо, Сергею особенно

[image=http://saratov-adsl.ru/uploads/2012/portfolioq.jpg Скрипт портфолио – очень красивое!]http://saratov-adsl.ru/uploads/2012/portfolioq.jpg[/image]

Обращаю ваше внимание на косячёк

Оставьте комментарий!

Вы можете войти под своим логином или зарегистрироваться на сайте.

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)