Скрипт портфолио для сайта – очень красивое!
Добрый день мои дорогие друзья.
Сегодня мы попробуем установить к себе на сайт скрипт очень красивого портфолио. Сразу хочу заметить, что не стоит ограничиваться одним портфолио. Лично я планирую использовать этот скрипт в качестве каталога шаблонов для своих сайтов.
Я нашел этот скрипт пару дней назад в интернете, вот по этому адресу: классное портфолио.
Там же есть кнопка демо, для просмотра в живом виде, а вот как я осуществил каталог шаблонов при помощи этого у себя:
Хотите такой же? Тогда смотрим урок ниже.
вместе с видео включены архивы скрипта портфолио и моих картинок
В этом уроке я Вам покажу:
- Как изменить шапку и поставить в ней свой логотип.
- Как изменить общий фон.
- Как изменить пункты меню и заводить новые.
- Как менять сами картинки.
- Как изменить подвал.
Всего получилось 17 минут практического видео.
PS: если возникнут вопросы – задаем их в комментариях.
PSS: не забываем нажимать на кнопки ниже, что бы поделиться этим классным скриптом портфолио со своими друзьями!
Скрипт супер!Я тоже в восторге от увиденного!
Пока что мне такой не нужен, но очень понравилось само оформление и эффекты перемещения элементов.
На iPad футер фиксирован, скоробится вместе со страницей
Ну это задумка автора, он и есть фиксированный.
Убрать свойство в CSS и все будет ок.
Серёга привет!
Скрипт довольно таки интересный, но туда бы еще впихнуть штуку типа галереи, в смысле что бы после нажатия на миниатюру изображение увеличивалось, или же показывалась демка, и это было бы достаточно интересно. Кстати если потребуется то могу организовать такое дело
и если одобришь то зальёшь, ок?
Ну мне такое дело в принципе не надо, мне нужны будут тупо ссылки, что уже я сделал.
Но твой вариант скрипта портфолио тоже интересен.
Единственно что у нас не получается, это поставить другой скрипт, который при наведении мыши затемняет картинку и выводит текст.
Как классно! Большое спасибо. Хочу попробовать сделать на все свои страницы продающие и подписные.Как витрина в магазине. Супер! Бесконечно благодарна тебе.Купила твой новый курс, но еще не изучала.
Так пробуй! Ничего сложного там нет.
Ты главное отзыв не забудь мне прислать по новому курсу
Не боюсь повториться: классный скрипт. Спасибо, Серёга, за наводку!
Скачал вчера. Сегодня провозился с ним часа четыре (в основном, рисунки заняли время), сделал приятный альбомчик для внутреннего пользования.
Одна беда: в строках таблицы при просмотре почему-то не выводится значение из-под alt.
Мелочь, а не приятно.
Может, просветишь чайника?
title пропишите.
Владимир - alt - это обязательный атрибут, который используется, если картинка не загружена, или у человека проблемы со зрением и он пользуется интернетом при помощи специальной программы, которая озвучивает.
Картинки она озвучивает именно через этот атрибут.
И он не делает всплывающие подсказки.
Что-то вы, друзья, меня пу*аете...
В тренинге "5+" такая же строка (например, )
всплывающую подсказку выводит.
В чём разница, почему здесь эта же конструкция ()
не выводит?
ЗЫ. слово "пу*аете" читайте, как Вам угодно, оба варианта правильные
Ну, вот... код строк не вставился.
Попробую повторить:
В тренинге 5+ я объяснял, что всплывающие подсказки выводит только атрибут title.
Возможно - ты слишком узко смотришь на код
Скорее всего, картинка, которую ты привел, находится в ссылке, а уже ей прописан атрибут title.
Спасибо за разъяснения по подсказкам. Картинка действительно в ссылке.
Но это ещё не всё. Обнаружилась другая бяка: когда открываешь с сайта скрипт в мозилле, он почему-то показывает кодировку Win-1251, соответственно, кракозябры в заголовке.
Хотя при просмотре тем же мозиллой со своего компа, всё нормально.
TopStyle тоже показывает, что кодировка у файла стиля и индексного - UTF-8.
Тогда где собака зарыта?
Гугл читает всё, как и положено...
Надеюсь, не слишком озадачил?
Хм... очень похоже на глюк.
Попробуй сохранить страничку в UTF-8 через PSpad.
Возможно топстиль тупит.
И еще, у тебя эта страничка где? На локалке в отдельной папке? Или на сайте?
Добрый вечер, Серёга!
Извини, если помнишь, у меня не очень со временем...
Поэтому разрывы между письмами.
Сохранял в TopStyle и Notepad++
Всё равно где-то проблемка. Скрипт у меня для тестирования заброшен в папку на сайте. Ссылку могу дать, но не для всех (там личный альбом). Если есть время глянуть, дай знать.
Сброшу либо на твою почту, либо "в домашку для 5+" (если она ещё открыта.
Зачем в домашку.
Скидывай мне ссылку.
Очкнь красовое портфолио. А как скачать урок по доработке под свои нужды?
Его только если смотреть онлайн, или, если можешь скачать с ютуба - скачивай. Там прога вроде специальная нужна.
Я правельно поняла: Если добавить к имющимся понктам еще несколько
то они появятся в списке.
Сергей, подскажите, пожалуйста, как сделать активную ссылку из картинки портфолио. Написала как в WP
но не срабатывает.Что не так?
Кусочек с кодом не отобразился
Обрамите картинку в ссылку, и все.
Как? Я Чайник. Сбросте на почту пример.здесь HTML не пишиться. [email protected]
Я только что на вашем форуме писала. Можно там ответить. Спасибо.
Скрипт хороший спора нет.Только HTML5 ещё сыроват,не будет работать в старых Браузерах.
Вот тут я проводил ождин эксперемент над
Content Slider ohne JavaScript nur CSS3
писаный только на HTML5 и CSS3
https://you-big-blog.com/Follow/pure-css-slider.html
В Мозиле работает а в Опере уже нет.
Ну а сам портфолио хороший ,только для переленковки.
Alexander Snegovoy прав насчёт тубов.
С Уважением Виктор
Здравствуйте, Виктор. Я, к сожалению, на английском не читаю. По этому ваши статьи прочесть не смогла. У меня вопрос. Можно ли переделать скрипт на бесконечное число картинок? Идея сделать из него меню сайта. У меня обзор обучающих курсов https://www.linkbez.com.ua/ Если да, то не смогли бы вы это сделать? Я в Джава профан, да и в HTML тоже. Свой сайт сделала исключительно как обезьяна по бесплатному курс.
Пробовала написать на почту, указанную на вашем сайте, не прошло. Пробовала связаться ч/з коменты - пишит спам. Упс. Может здесь отзоветесь.
Всему свое время.
Прогресс не стоит на месте...
И старых браузеров становится с каждым разом все меньше и меньше, а поддерживающих новые web-технологии - все больше и больше
Здравствуйте Tatyana ,число картинок в Slider безгранично, и размер
подгоняется через стили,но вот для меню сайта идея думаю не очень.
Для обзора нужных статей предназначен,допустим как головной баннер перед темами.А сайтец на ВП Ваш.(мой сайтец на немецком)
Tatyana свяжусь с Вами на Вашем сайте.
Виктор
Здравствуйте, Сергей!
Главные вопросы для полного чайника:
1. Как всё это установить на сайт (сайт работает на MaxSite CMS)?
2. Как привязать к картинкам ссылки на конкретные статьи? Щелкнул по картинке – и статья?
Буду благодарна за подробный ответ.
1. Создаете на сайте папку, там размещаете файлы портфолио. Затем просто указываете ссылку на портфолио.
2. Обрамите картинки в тег a, и укажите ссылки.
ЧТо то у меня не получилось прикрутить ровно скрипт к сайту. Видимо кривизна рук зашкаливает. Может кто нибудь из разбирающихся объяснить что я не так сделал?
https://mandrogi.info/port/
Такое впечатление, что не все картинки вы поменяли. И что еще, кроме фотографий пытались поменять? По исходному коду не видно.
пардон, уже нахимичил, и перенес папку. она тут: https://mandrogi.info/portfolio/
Картинки я не все поменял, решил сначала прикрутить его, что бы убедиться что все будет функционировать, и со второй попытки перенес вроде нормально, но слетели картинки находящиеся в стилях, такие как фон и т.д. Ссылка сообщением выше.
зы символы в капче третий раз подряд одни и те же выпадают
Все, разобрался. одну букву в адресе перепутал. Всем спасибо, Сергею особенно
Мне то за что?
Обращаю ваше внимание на косячёк
И ссылочки на шаблоны уже не работают
Отличный ресурс, спасибо. В закладки.
kankusta duo opinie
Hemoroidy wówczas problem,który ogarnia jeszcze wiekszą część polaków. co to sa hemoroidy zdjęcia violetty castillo ,stanowi więc te nader dotkliwy wywiad wsród niemowląt. Stąd spośród fora dr medicus dowiesz się jak owocnie z nimi zabiegać.
Z starodawna przechodziłaś przedmiot spośród łamliwymi paznokciami. Wierzyła bogactwo witamin zaś anormalnych suplementów,niestety zero nie wspierało . Z efektywnego terminu przystosowuje niekonwencjonalne nawyki na poprawe jakości bliskich paznokcii natomiast ewolucyjnie wyczuwam rezultaty. Całokształt na problem onycholiza paznokcia
woozworld
woozworld game
Skoro czerpiesz sondaże spośród słuchem także pragnął opycha rozwiazać toż potrafię przepisać specyfik activlan forum. Przez stawianie tegoż suplementu mój zmysł doniośle się uaktualnił.
Skoro bierzesz defekty spośród zmysłem tudzież raczył obżera rozwiazać toż mogę powierzyć lek activlan skład. Poprzez podawanie aktualnego apendyksu mój słuch doniośle się przestawił.
drivelan skład
drivelan forum