Готовый шаблон фотогалереи

Ваш будущий сайт

Фотогалерея или Сайт визитка

Этот подготовленный для редактирования шаблон сайта Фотогалереи. Его можно использовать и как Вашу визитную карточку или рекламу профессиональной деятельности. Также этот шаблон будет пригоден для продажи и рекламы товаров или услуг.
Далее на страницах этого сайта-шаблона Вы найдете подробное описание процесса редактирования. Скачать шаблон на сайте SiteY.ru.

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

Админ сайта SiteY.ru

Информация

Браузеры
— адаптация
Шаблон сайта адаптирован для просмотра во всех популярных браузерах, используемых в сети Интернет: Internet Explorer, Opera, Mozilla Firefox, Safari, Google Chrome...
Структура сайта
— HTML, CSS, Java
Удобство шаблона состоит в том, что редактированию подлежит всего одна страница - index.html, которая содержит в себе все 13 разделов сайта!
Навигация по разделам осуществляется за счет новейшей технологии JavaScript и CSS. Время уходит только на первую загрузку сайта, дальнейшая навигация по страницам сайта практически мгновенна!

Главная Галерея

Превью Галерея

Превью галерея

Здесь можно просмотреть фото галереи в уменьшенном размере.

Замените маленькие фото на свои в папке images\gallery\thumbs - размер 48х38 (thumb1.jpg, thumb1.jpg и т.д.)
Замените фото побольше в папке /images/gallery/big/ - размер 199х154 (gallery_big_1.jpg, gallery_big_2.jpg и т.д)

Галерея фона

Видео ролики

Вы можете загрузить свое видео на YouTube, RuTube и т.д. и вставить полученный код-ссылку в указанное место в коде шаблона.
Превью картинок видео для отображения на странице лежат в папке /images/gallery/thumbs/

Код имеет вид типа: http://www.youtube.com/embed/fTMeTO2GaeU

Представляем фото 1

Описание фотографии

Описание Вашего фото. Ниже и выше можете вставить ссылку на людой другой сайт или страницу своего сайта. Замените значок # в указанном месте кода ссылкой типа: http://сайт.ru/страница.html title="Всплывающая подсказка при наведении мышкой на ссылку"

Ссылка 1

Описание фотографии

Описание Вашего фото. Ниже и выше можете вставить ссылку на людой другой сайт или страницу своего сайта. Замените значок # в указанном месте кода ссылкой типа: http://сайт.ru/страница.html title="Всплывающая подсказка при наведении мышкой на ссылку"

Ссылка 2

Представляем фото 2

Фото 1

Маленькое фото, которое Вы видите, лежит в папке /images/temp/blog_small_img_1.jpg - Размер 285х168 по ширине и высоте обязательно соблюдать, иначе не будут совпадать строки.

Фото 2

Увеличенное фото при нажатии лежит в папке /images/large/image6.jpg размер 900х600 - Размер можете использовать любой, но разумных пределов 1280, 1024 (Экран среднестатистического пользователя)

Фото 3

Маленькое фото можно увеличить или уменьшить только по высоте, но при этом следить за объемом текстовой информации. Комбинировать высоту необходимо для ровного, расположения строк, если это для Вас не важно, то дерзайте высотой на свое усмотрение.

Фото 4

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

Фото 5

Маленькое фото, которое Вы видите, лежит в папке /images/temp/blog_small_img_1.jpg - Размер 285х168 по ширине и высоте обязательно соблюдать, иначе не будут совпадать строки.

Фото 6

Увеличенное фото при нажатии лежит в папке /images/large/image6.jpg размер 900х600 - Размер можете использовать любой, но разумных пределов 1280, 1024 (Экран среднестатистического пользователя)

Фото 7

Маленькое фото, которое Вы видите, лежит в папке /images/temp/blog_small_img_1.jpg - Размер 285х168 по ширине и высоте обязательно соблюдать, иначе не будут совпадать строки.

Фото 8

Увеличенное фото при нажатии лежит в папке /images/large/image6.jpg размер 900х600 - Размер можете использовать любой, но разумных пределов 1280, 1024 (Экран среднестатистического пользователя)

Фото 9

Маленькое фото, которое Вы видите, лежит в папке /images/temp/blog_small_img_1.jpg - Размер 285х168 по ширине и высоте обязательно соблюдать, иначе не будут совпадать строки.

Фото 10

Увеличенное фото при нажатии лежит в папке /images/large/image6.jpg размер 900х600 - Размер можете использовать любой, но разумных пределов 1280, 1024 (Экран среднестатистического пользователя)

Представляем фото 3

Описание фотографии

Маленькое фото (превью) лежит в папке /images/temp/blog_img_1.jpg - размер 626х298 - можно увеличить по высоте
Увеличенное фото в папке /images/large/image12.jpg - размер 900х600 - можно разумно увеличить

Ссылка на сайт

Автор: Вася
Дата: 18.04.2013
Название: ФОТО

Ссылки или просмотр

Малые фото лежат в папке /images/temp/similar_img_1.jpg, /images/temp/similar_img_2.jpg и т.д. similar_img_3.jpg, similar_img_3.jpg

Блок ФОТО 1

15 июня

Возможно описание Вашей фотографии

Размер картинки 626х298. По высоте можно менять. Фото, картинка находится в папке /images/temp/blog_img_1.jpg
При нажатии на картинку или ссылку предусмотрен переход в рублику комментарии
На Ваше усмотрение Вы можете заменить ссылку в коде на любую страницу сайта, изменив значение data-rel с 1 на 2, 3, 4 и т.д в зависимости от значения data-rel этой страницы.

Ссылка 5

Отдыхаем

15 июня

Описание Вашей фотографии

Фото, картинка находится в папке /images/temp/blog_img_2.jpg
При нажатии на картинку или ссылку предусмотрен переход в рублику комментарии
На Ваше усмотрение Вы можете заменить ссылку в коде на любую страницу сайта, изменив значение data-rel с 2 на 1, 3, 4 и т.д в зависимости от значения data-rel этой страницы.

Ссылка 6

Отдыхаем

15 июня

Описание Вашей фотографии

Фото, картинка находится в папке /images/temp/blog_img_3.jpg
При нажатии на картинку или ссылку предусмотрен переход в рублику комментарии
На Ваше усмотрение Вы можете заменить ссылку в коде на любую страницу сайта, изменив значение data-rel с 3 на 1, 2, 4 и т.д в зависимости от значения data-rel этой страницы.

Ссылка 7

Отдыхаем

В коде найдете это место и замените на свой текст. Картинки перед комментариями лежат в папке
images/gravatar1.png и images/gravatar2.png
Размер картинок 38х38 - можно увеличить, но не больше 100 px. Ширина, высота могут быть разные.

Вася

Апрель 25, 2012 в 12:25 Вопрос

Боже, красота какая. Снизойди до меня с экрана монитора. Где же ты, где???
- Администратор
  
  Апрель 25, 2012 в 14:17Ответ
  
  Обязательно снизо йду за 250$. Мой кошелек в WebMoney №.............
Гриша

Апрель 30, 2012 в 21:43Вопрос

Ура, солнце вернулось! Побольше бы таких, как Вы и глазам гарантирована радость. Как Вас увидеть в живую!

Ваш текст

Так выглядит заголовок H2

Так выглядит заголовок H3

Так выглядит заголовок H4

Так выглядит заголовок H5

Так выглядит заголовок H6

Ваш текст. Прокрутите вниз.

Картинки и Фото

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

Видео ОНЛАЙН

В разделе Фотогалерея - Видео ролики можете разместить свои видео сюжеты. Их необходимо сначала загрузить на YouTube.com или подобные сервера, получить от них ссылку и вставить ее в указанное в коде место. Ищите в коде с помощью текстового редактора - youtube. Там есть описание.

Совет 1

Советую текст писать, придумавать самому, а не копировать из Интернета, этим Вы сможете привлечь внимание поисковых роботов, а значит увеличить посещаемость своего сайта.
А посещаемость это деньги, за счет размещения рекламы.

Совет 2

Много кушать вредно. А напишите, что полезно! Придумайте всякую чушь. Ведь до сих пор среди людей бытует мнение: "Я точно знаю! Я в Интенете прочитал"
И будет Вам счастье через посещаемость и индивидуальность.

Совет 3

Храните деньги в Сберегательной Кассе. Это не только оградит Вас от воров и грабителей, но и поможет обогатить государство. До сих пор государство разъезжает на моих жигулях оставленных ему во время дефолта 1991 года в сберкассе.

Совет 4

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

Совет 5

Уступайте место в общественном транспорте пожилым, инвалидам, кондуктору и водителю. Будете выглядеть со стороны, как воспитанный человек.

Всплывающая и пропадающая панель. Вертикальная.

Нажми меня 1

Нажал меня 1

Ваш текст
Уместится любой по объему текст 1.
Нажми меня 2

Нажал меня 2

Ваш текст
Уместится любой по объему текст 2.
Нажми меня 3

Нажал меня 3

Ваш текст
Уместится любой по объему текст 3.

Открывающееся окно

Окно 1

Нажмите еще раз - закройте меня.
Уместится любой по объему текст 1.

Окно 2

Нажмите еще раз - закройте меня.
Уместится любой по объему текст 2.

Окно 3

Нажмите еще раз - закройте меня.
Уместится любой по объему текст 3.

Всплывающая и пропадающая панель. Горизонтальная.

Нажать 1
Нажать 2
Нажать 3

Я нажатая 1

Ваш текст
Уместится любой по объему текст.

Я нажатая 2

Ваш текст
Уместится любой по объему текст.

Я нажатая 3

Ваш текст
Уместится любой по объему текст.

Контактная информация

Ваши координаты

Чтобы разместить здесь карту онлайн нужного Вам места, заходим в Google по адресу: http://maps.google.com/ найдите на карте нужное место, приблизьте его (вплоть до крыши своего дома), нажмите значок Ссылка(верний левый угол рядом с Печать), выплывет окно, в котором скопируйте ссылку типа:
http://maps.google.com/maps/myplaces?ll=56.322368,43.948059&spn=0.009805,0.01929&ctz=-240&t=h&z=16
- Нам нужно только 3 числа: 56.322368,43.948059 - 0.009805,0.01929 - 16. 1 и 2 это координаты, 3 - это приближение, удаление.
- Аккуратно открываем файл general.js из папки js, находим место с помощью поиска Google Map --> Begin, ниже находим и заменяем похожие числа, они написаны через запятую, и чуть ниже zoom: 15 - это приближение.
- Сохраняем и заливаем файл на сервер. Любуемся своим домом или чужим на сайте.

Здесь меня не найдете

Адрес: Россия, Средняя Волга, Город, Улица, Фонарь
Телефон: +7 909 000 0000
Факс: +7 909 000 0000
Email: mail@sitey.ru

Ваш будущий сайт

Фотогалерея или Сайт визитка

Информация

Браузеры

Структура сайта

Главная Галерея

Превью Галерея

Превью галерея

Галерея фона

Видео ролики

Представляем фото 1

Представляем фото 2

Представляем фото 3

Описание фотографии

Ссылки или просмотр

Блок ФОТО 1

Блок ФОТО 2

Комментарии

Напишите комментарии или ...

Комментарии

Ваш текст

Так выглядит заголовок H2

Так выглядит заголовок H3

Так выглядит заголовок H4

Так выглядит заголовок H5

Так выглядит заголовок H6

Ваш текст. Прокрутите вниз.

Картинки и Фото

Видео ОНЛАЙН

Совет 1

Совет 2

Совет 3

Совет 4

Совет 5

Всплывающая и пропадающая панель. Вертикальная.

Нажал меня 1

Нажал меня 2

Нажал меня 3

Открывающееся окно

Всплывающая и пропадающая панель. Горизонтальная.

Я нажатая 1

Я нажатая 2

Я нажатая 3

Контактная информация

Ваши координаты

Здесь меня не найдете