Так там все и написано уже.
Например картинки :
Код: |
Example 1
<div class="dj-image-hover"> <div class="view view-first"><a href="#">Example 1
<div class="dj-image-hover"> <div class="view view-first"><a href="#"><img src="/joomla16/jm-news-portal/image.jpg" /><a> <div class="mask"> <h2><a href="#">Title goes here</a> </h2> <p>Custom description goes here.</
p> <a class="readmore" href="#">Read More</a></div> </div> </div><a> <div class="mask"> <h2><a href="#">Title goes here</a> </h2> <p>Custom description goes here.</p> <a class="readmore" href="#">Read More</a></div> </div> </div>
|
Переходиш в редактор, я например джиесе использую,
переходиш в редактирование кода - значек больше меньше - вставляешь данную конструкцию в то место где должна появиться картинка - и исправляешь ,
вместо :
<img src="/joomla16/jm-news-portal/image.jpg" />
ставишь
Example 1
<img src="/artikll/1.jpg" />
предварительно залив в папочке имаджес папочку артикл а туда картинку 1.jpg
---
<h2><a href="#">Title goes here</a> </h2>
меняется на
<h2><a href="#">Тут типа текст свой</a> </h2>
---
а это
<p>Custom description goes here.</p>
легко меняется на
<p>В натуре мой текст.</p>
---------------------
И так далее ...
------------
Если не через код - то можно через редактор вставить картинку а потом в стилях редактора тыцнуть - выделить картинку и присвоить класс :
border_img1
И так далее...
Numered blocks
<p class="jm-block"><span>01</span>Text goes here</p>
Вставь через код редактора и там же подкорректируй :
<p class="jm-block"><span>01</span>Первый на}{ ...</p>
сохраняешь и смотриш красоту на сайте ...
Опятьже у тебя в квикстарте есть материал под названием типографи ...
Зайди на него и посмотри как там в коде чего происходит ..
Дерзайте ...