2015-02-08 2 views
0

Я хочу, чтобы фон (цвет) отображался по умолчанию для каждой статьи. Я делаю это в файле css, но я не знаю, где разместить заявление. Btw Я не могу найти определение тега статьи в любом файле css.Joomla article background CSS

Следующий код показывает 2 статьи:

<div class="items-row cols-3 row-0 row"> 
    <div class="item column-1 col-md-4"> 
     <!-- Article --> 
     <article> 
      <header class="article-header clearfix"> 
       <h2 class="article-title" itemprop="name"> 
        <a 
         href="/joomlatest/index.php/78-uncategorised/welcome" 
         itemprop="url" title="Welcome"> 
         Welcome</a> 
       </h2> 
      </header> 
      <!-- Aside --> 
      <!-- //Aside --> 
      <section class="article-intro clearfix"> 
       <p>Hi</p> 
      </section> 
      <!-- footer --> 
      <!-- //footer --> 
     </article> 
     <!-- //Article --> 
    </div> 
    <div class="item column-2 col-md-4"> 
     <!-- Article --> 
     <article> 
      <header class="article-header clearfix"> 
       <h2 class="article-title" itemprop="name"> 
        <a 
         href="/joomlatest/index.php/dates/testdate" 
         itemprop="url" 
         title="Testdate"> 
         Testdate</a> 
       </h2> 
      </header> 
      <!-- Aside --> 
      <!-- //Aside --> 
      <section class="article-intro clearfix"> 
       <p>some Text</p> 
       <p> 
        <img src="/joomlatest/images/9697505.jpg" alt="9697505" /> 
       </p> 
      </section> 
      <!-- footer --> 
      <!-- //footer --> 
     </article> 
     <!-- //Article --> 
    </div> 
</div> 

Любые идеи, которые таблицы стилей или какой тег я должен манипулировать или есть какой-либо другой способ это сделать?

+0

Если у Joomla нет стилей по умолчанию для элементов 'article', то это легко. Добавьте свои стили в любом месте! Не уверен, что вы подразумеваете под «какой тег я должен манипулировать». Если вы хотите стилизовать статьи, используйте 'article' для селектора. –

ответ

1

Я только что нашел решение, где мне не нужно менять файлы css для шаблона (спасибо Charlie за update thought). (Purity III T3 template) имеет меню caled «Пользовательский код» на внутреннем интерфейсе. Здесь я добавил код в поле After <head>.

<style> 
article { 
    background-color: rgba(255,255,255,0.4); 
    border-style: solid; 
    border-color: rgba(51,153,51,0.5); 
    border-width: 20px; 
    padding: 20px 
} 
</style> 

Вероятно, не самое лучшее решение, но я т работает для меня.

1

Где разместить CSS, зависит от веб-сайта. Если вы разработчик, вы можете добавлять файлы CSS в расширения и т. Д .; если пользователь, используемый вами шаблон является наиболее вероятным местом размещения вашего CSS, и это будет зависеть от конкретного используемого вами шаблона. В некоторых шаблонах есть переопределения, которые вы можете выбрать у администратора, для других вам нужно будет найти шаблон (в/templates/yourtemplate) и выбрать, какой файл CSS изменить; обычно это будет в папке css, а основной файл css, скорее всего, называется template.css. В некоторых коммерческих шаблонах есть пользовательские файлы css, поэтому вы можете не перезаписывать свой собственный CSS-код при обновлении шаблона.

Для того, чтобы применить цвет фона, это будет зависеть от вашей версии joomla, а также от конкретного способа отображения статьи. В вашем примере приложение к div.item, вероятно, будет работать, но элементы также могут отображаться на странице элемента класса, или шаблон может переопределить макет Joomla для одного из различных параметров отображения статьи. Таким образом, вы, вероятно, захотите осмотреть страницы и узнать, какие классы используются, и не забудьте проверить различные страницы, чтобы увидеть, отображаются ли различные способы отображения элементов (например, категория - блог, отдельная статья, статьи, конкретные модули или компоненты, которые вы используете для отображения контента другими способами.

Смежные вопросы