Страница разделов

Красивая страничка со списком категорий

 
Посетитель
small user social cms
Сообщений: 9
Всем доброе утро.
Вот недавно сделала себе на сайте красивую страничку с категориями новостей.
Может кому пригодится идея...

Страница разделов


Делается очень легко по принципу картинка-кнопка.

1. Создаем дубликат файлика com_content_view.tpl в папке templates\_default_\components\ или если у вас шаблон не по дефолту, то ищите в папке со своим шаблоном.

2. Переименовываем дубликат например так com_content_view2.tpl

3. Открываем com_content_view2.tpl все стираем и пишем следующее...
Код PHP:
  1.  
  2.  
  3.  
  4. <p style="text-align: center">
  5.  
  6. <a href="uroki-photoshop/fotobrabotka"><img alt="" src="/images/4.png"/></a>
  7. <a href="uroki-photoshop/osnovy"><img alt="" src="/images/3.png"/></a>
  8. <a href="uroki-photoshop/kolazhirovanie"><img alt="" src="/images/2.png"/></a>
  9. </p>
  10.  
  11. <p style="text-align: center">
  12.  
  13. <a href="uroki-photoshop/rabota-s-tekstom"><img alt="" src="/images/1.png" /></a>
  14. <a href="uroki-photoshop/animacija"><img alt="" src="/images/5.gif"/></a>
  15. <a href="uroki-photoshop/dizain"><img alt="" src="/images/6.png"/></a>
  16.  
  17. </p>
  18.  
  19.  
  20. <p style="text-align: center">
  21.  
  22. <a href="uroki-photoshop/yefekty"><img alt="" src="/images/9.png" /></a>
  23. <a href="uroki-photoshop/grafika"><img alt="" src="/images/8.png"/></a>
  24. <a href="dopolnenija/photoshop"><img alt="" src="/images/7.png"/></a>
  25.  
  26. </p>
Код PHP:
  1. <a href="uroki-photoshop/fotobrabotka"><img alt="" src="/images/4.png"/></a>
- это ссылки к вашим картинкам на сервере.

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

Теперь осталось зайти в админку и указать com_content_view2.tpl вместо com_content_view.tpl в настройках раздела, для которого это собственно и делалось.

К сожалению я не знаю как сделать отступы. а потому пришлось их учитывать в самих картинках. Если кто подскажет буду признательна))

Вот еще для категорий в разделах
Страница разделов
Посетитель
small user social cms
МедальАвторитет форумаПочетный донор проектаПочетный донор проекта
Сообщений: 2306
гм... А не проще сделать табличку на обычной страничке? В каждую ячейку по картинке...
Недорогие Windows-сервера CRM для соцсетей
VPS с бесплатным администрированием!
Реклама
cms
Посетитель
small user social cms
Сообщений: 9
А если я захочу потом sidebar убрать или наоборот добавить?
Посетитель
small user social cms
Медаль
Сообщений: 199
Дайте демку подсмотреть)
Краснодар. Строительство и ремонт
Посетитель
small user social cms
Сообщений: 9
http://miltuts.ru/uroki-photoshop
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1097
по-моему хорошо смотрится)
Модератор
small user social cms
МедальАвторитет форумаКубок зрительских симпатий
Сообщений: 1097
было бы круто весь шаблон "заэксклюзивить"...переделать вобщем laugh
Посетитель
small user social cms
Медаль
Сообщений: 296
svetlanakleine:
К сожалению я не знаю как сделать отступы. а потому пришлось их учитывать в самих картинках. Если кто подскажет буду признательна))
Все достаточно просто в < p style="text-align: center" > добавьте нужный вам параметр
например
Код PHP:
  1. <p style="text-align: center; margin: 10px; padding: 10px;">
добавил внешний отступ 10 пиксел и внутренний 10 пиксел
htmlbook .ru вам в помощь
Редактировалось: 1 раз (Последний: 13 декабря 2011 в 12:52)
Посетитель
small user social cms
Сообщений: 9
Спасибо)
Посетитель
small user social cms
Сообщений: 9
VopisUVD:
Как все просто)) вот я лоХ)
Посетитель
small user social cms
Сообщений: 7
Респект, отличная идея, как говорится все гениальное просто, а для начинающих вебмастеров в самый раз. А Вы сайт будете оригинальными уроками фотошоп наполнять?, если да то будет много частых посетителей и я в том числе.
Посетитель
small user social cms
Сообщений: 9
Да, только свое, принципиально. Достали уже эти однотипные сайты, которые пиз..т уроки у иностранцев переводят, а потом снова тырят друг у друга)
Посетитель
small user social cms
Медаль
Сообщений: 167
svetlanakleine:
Да, только свое, принципиально. Достали уже эти однотипные сайты, которые пиз..т уроки у иностранцев переводят, а потом снова тырят друг у друга)

Считаю что это не так страншно, Темболее уроки то неплохие, я лично хтмлу и кссу учился на инглише, и жалел что не нашёл таких понятных уроков на русском. А тем более если ты не такой плагиатщик, то сделай и кисти свои и актионы, да и всё остальное, сомневаюсь что ты так сделаешь. "Не говори гоп пака не перепрыгнешь"
Посетитель
small user social cms
Сообщений: 9
Так я и не имею ничего против этих сайтов, просто я не вижу смысла в публикации уроков, которые на каждом 2-м сайте валяются.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.