Velká prosba

Jak mi radili kolegové, stále studuji a učím se php a ccs. Ale v FJ Related Articles Component se mi v blogu zobrazují ikony tisku , emailu a editace) pod sebou. V normálním blogu si to umím opravit ale tady stále ne.
Našel by se někdo tak hodný, že by mi to dopsal přímo do PHP. Když to uvidím na svém příkladu, tak už to snad definitivně pochopím.
Někdo mi radil abych ke třídám li.edit-icon, li.email-icon, li.print-icon dal do css display:inline; nebo float:left;.
Do kterého CSS to mám dát? Do template.css v šabloně? Tam jsem to zkoušel dávat a nedařilo se. Nebo si vytvořím vlastní CSS, ale jak tomu php mám říct, který CSS má použít?

Já to asi pochopím jedině když to uvidím na příkladu.
Pokud se najde někdo extrémně ochotný, přikládám ty dva zdroje.







Děkuji předem

Raději dejte odkaz na stránky.

Styl vložíte do některého z CSS souborů použité šablony, třeba do onoho template.css, rada na změnu pro li.edit-icon byla pro standardní blok, pro FJ Related Articles fungovat nemusí, mohou používat jiný kód.

stránky www.zs-janskeho.cz .

Je to blog pohyb a výživa v levém menu. Přístupová hesla Vám bohužel sdělit nesmím.

Mohu Vám raději poslat ty dva kraťoučké zdroje?

A které ikony konkrétně se zobrazují špatně? Když rozkliknu v tom blogu článek, ikony vidím v pořádku. V blogu žádné nevidím. A už vůbec tam nevidím související články, tak co s tím má společného komponenta Related articles?

Kód neposílejte. Pokud nevíte co, nemá to smysl. Pokud víte co, vložte do diskuse, ale jen tu malou část, ne celý soubor.

Blog je dělaný tím fjrelated, zobrazují se zde články dle klíčového slova, nejsou zde dle kategorie článků.
Ikony nevidíte, protože jsem je zatím skryl,aby tam nestrašily pod sebou. Správně by to mělo vypadat jako na úvodní stránce. Kód sem za chvíli dám a povolím na chvíli ty ikony, aby jste viděl, jak to vypadá. Teď píšu z jiného zařízení.

Tak jsem na webu povolil ty ikony, již můžete vidět, jak to vypadá. Chtěl bych, aby to vypadalo jako v hlavním blogu - ikony vedle sebe a za obrázkem před textem jedna mezera. Třeba "beseda s lektorkou" je v obou blozích , tak se to dá přesně porovnat.
V detailu článku je to správně.

Ty třídy jsou definovány v www\components\com_fjrelated\views\fjrelated\tmpl\blog_item.php:
<?php if ($params->get('show_print_icon') || $params->get('show_email_icon') || $canEdit) : ?>
<ul class="actions">
<?php if ($params->get('show_print_icon')) : ?>
<li class="print-icon">
<?php echo JHtml::_('fjicon.print_popup', $this->item, $params); ?>
</li>
<?php endif; ?>
<?php if ($params->get('show_email_icon')) : ?>
<li class="email-icon">
<?php echo JHtml::_('fjicon.email', $this->item, $params); ?>
</li>
<?php endif; ?>

<?php if ($canEdit) : ?>
<li class="edit-icon">
<?php echo JHtml::_('fjicon.edit', $this->item, $params); ?>
</li>
<?php endif; ?>
</ul>
<?php endif; ?>

a

<?php if ($params->get('show_hits')) : ?>
<dd class="hits">
<?php echo JText::sprintf('COM_FJ_RELATED_ARTICLE_HITS', $this->item->hits); ?>
</dd>
<?php endif; ?>

V css www\templates\study_diginix_template_j16\css\template .css nejsou tyto třídy popsány.

V www\templates\study_diginix_template_j16\html\com_content\category\blog_item.php je to popsáno následovně:

// Change the order of "if" statements to change the order of article metadata header items.
if (!$article->print && $article->showPdfIcon)
$params[] = $article->pdfIcon();
if ($article->showPrintIcon)
$params[] = $article->print ? $article->printScreenIcon() : $article->printPopupIcon();
if (!$article->print && $article->showEmailIcon)
$params[] = $article->emailIcon();
if ($this->item->params->get('access-edit'))
$params[] = $article->editIcon();

if ($article->showHits && $article->hits)
$params[] = $article->hitsInfo();
if ($article->showUrl)
$params[] = $article->urlInfo();

// Build article content

To je ale psáno v nějakém starším php a nemohu to aplikovat do www\components\com_fjrelated\views\fjrelated\tmpl\blog_item.php

Předem děkuji za pomoc

Platí rada kterou jste dostal - display: inline-block. Šablona navíc přidává k seznamům obrázky na pozadí, a je potřeba upravit ještě několik drobností, aby to vypadalo stejně jako na úvodní stránce.

Např. nějak takto:
Tento celý kód vložte do souboru /templates/study_diginix_template_j16/css/template.css na konec.

Bezva, funguje. teď budu do rána studovat, co a jak tam dělá.

Mám ještě dva dotazy:

Chtěl bych ten počet zobrazení také ve stejné řádce. přeložit si to umím přímo v PHP, ale to není to pravé ořechové.
Pokud v přepsání jazyku dám COM_FJ_RELATED_ARTICLE_HITS na "Zobrazeno:", nezobrazí se mi již počet zobrazení.
Ve zdroji je to:
<?php echo JText::sprintf('COM_FJ_RELATED_ARTICLE_HITS', $this->item->hits); ?>

Mohu to nahradit
<?php echo "Zobrazeno";?>
<?php echo $this->item->hits;?>

Ale to není ono

A pak druhý dotaz:
Lze nějak odrazit ten text od obrázku jako v hlavním blogu. Tady si vůbec nevím rady. Aby bylo to "Zobrazeno ve stejném řádku, to si asi poradím, ale tohle ani netuším.

ad 1/ Zkuste trochu hledat - třeba FAQ na těchto stránkách
ad 2/ Pro odsazení slouží CSS vlastnost margin

Ono to bude ještě pár hodin trvat, než to zpracuji, ale to zobrazení textu je asi tady
<?php echo $this->item->introtext; ?> a není to ve třídě. To si tam mám tu třídu vytvořit, abych jí mohl v css zadat parametry?

A druhá věc
Je tam třída pro readmore -
<p class="readmore">
<a href="<?php echo $link; ?>">
<?php if (!$this->item->access_allowed) :
echo JText::_('COM_FJRELATED_REGISTER_TO_READ_MORE');
elseif ($readmore = $this->item->params->get('alternative_readmore', 0)) :
echo $readmore;
else :
echo JText::sprintf('COM_FJ_RELATED_READ_MORE', $this->escape($this->item->title));
endif; ?></a>
</p>
a chci aby to bylo třeba červené, tak v css dám
p.readmore {
color: red;}
ale nic to nedělá. kde dělám chybu?

To přepsání jazyku s proměnnou %s jsem pochopil, děkuji.