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

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

#1 12 декабря 2011 в 11:11
Всем доброе утро.
Вот недавно сделала себе на сайте красивую страничку с категориями новостей.
Может кому пригодится идея...



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

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

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

3. Открываем com_content_view2.tpl все стираем и пишем следующее...
  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>
  1. <a href="uroki-photoshop/fotobrabotka"><img alt="" src="/images/4.png"/></a>
— это ссылки к вашим картинкам на сервере.

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

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

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

Вот еще для категорий в разделах
#2 12 декабря 2011 в 13:11
гм… А не проще сделать табличку на обычной страничке? В каждую ячейку по картинке…
#3 12 декабря 2011 в 13:16
А если я захочу потом sidebar убрать или наоборот добавить?
#4 12 декабря 2011 в 13:40
Дайте демку подсмотреть)
#6 13 декабря 2011 в 10:56
по-моему хорошо смотрится)
#7 13 декабря 2011 в 10:57
было бы круто весь шаблон "заэксклюзивить"… переделать вобщем laugh
#8 13 декабря 2011 в 12:51

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

svetlanakleine
Все достаточно просто в < p style="text-align: center" > добавьте нужный вам параметр
например
  1. <p style="text-align: center; margin: 10px; padding: 10px;">
добавил внешний отступ 10 пиксел и внутренний 10 пиксел
htmlbook .ru вам в помощь
#9 14 декабря 2011 в 10:37
Спасибо)
#10 14 декабря 2011 в 10:38
VopisUVD
Как все просто)) вот я лоХ)
#11 14 декабря 2011 в 10:55
Респект, отличная идея, как говорится все гениальное просто, а для начинающих вебмастеров в самый раз. А Вы сайт будете оригинальными уроками фотошоп наполнять?, если да то будет много частых посетителей и я в том числе.
#12 14 декабря 2011 в 11:16
Да, только свое, принципиально. Достали уже эти однотипные сайты, которые пиз… т уроки у иностранцев переводят, а потом снова тырят друг у друга)
#13 14 декабря 2011 в 11:30

Да, только свое, принципиально. Достали уже эти однотипные сайты, которые пиз… т уроки у иностранцев переводят, а потом снова тырят друг у друга)

svetlanakleine

Считаю что это не так страншно, Темболее уроки то неплохие, я лично хтмлу и кссу учился на инглише, и жалел что не нашёл таких понятных уроков на русском. А тем более если ты не такой плагиатщик, то сделай и кисти свои и актионы, да и всё остальное, сомневаюсь что ты так сделаешь. "Не говори гоп пака не перепрыгнешь"
#14 14 декабря 2011 в 16:52
Так я и не имею ничего против этих сайтов, просто я не вижу смысла в публикации уроков, которые на каждом 2-м сайте валяются.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.