Joomla CSS Guide

Ansichten: com_content/category com_content/frontpage com_content/section CSS Code: { background-color:yellow; border: 1px solid red; color:#000 !important; font-family:trebuchet MS; font-size:1.2em !important; font-weight:bold !important; padding:0; } HTML Ansicht:We are Volunteers Attention, open in a new window. PDFPrint E-mail Last Updated (Thursday, 08 November 2007 12:10) Written by Administrator Wednesday, 07 July 2004 09:54 The Joomla! Core Team consists of volunteer developers, designers, administrators and managers who, together with a large range of Work Groups of dedicated community members have taken Joomla! to new heights in its relatively short life. This well-oiled machine is often copied but never surpassed. Joomla! has some wonderfully talented people taking Open Source concepts to the forefront of industry standards. Joomla! 1.5 is a major leap forward and represents the most exciting Joomla! release in the history of the project. Read more: We are Volunteers HTML Code: {codecitation class="gutter: false;width:100%;"} HTML Code: {codecitation class="gutter: false;width:100%;"} <div class="article_column column1 cols2" ><h2 class="contentheading">We are Volunteers</h2><p class="buttonheading"><img src="/Joomla_15/templates/beez/images/trans.gif" alt="Attention, open in a new window." /><a href="/Joomla_15/latest-news&id=6:we-are-volunteers&format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/Joomla_15/images/M_images/pdf_button.png" alt="PDF" /></a><a href="/sites/J/Joomla_15/latest-news&id=6:we-are-volunteers&tmpl=component&print=1&page=" title="Print" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;"><img src="/sites/J/Joomla_15/images/M_images/printButton.png" alt="Print" /></a><a href="/sites/J/Joomla_15/index.php?option=com_mailto&tmpl=component&link=aHR0cDovL2xvY2FsaG9zdC9zaXRlcy9KL0pvb21sYV8xNS93ZS1hcmUtdm9sdW50ZWVycw==" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=300,menubar=yes,resizable=yes'); return false;"><img src="/sites/J/Joomla_15/images/M_images/emailButton.png" alt="E-mail" /></a></p><p class="iteminfo"> <span class="modifydate"> Last Updated (Thursday, 08 November 2007 12:10) </span> <span class="createdby">…
Ansichten: com_content/category com_content/article com_content/frontpage com_content/section CSS Code: .contentheading { background-color: yellow; border: 1px solid red; } HTML Ansicht: CSS Guide HTML Code: {codecitation class="gutter: false;width:100%;"} CSS Guide {/codecitation} Joomla PHP Code: <?php if ($this->params->get('show_title')) : ?><h2 class="contentheading"> <?php if ($this->params->get('link_titles') && $this->article->readmore_link != '') : ?> <a href="/" class="contentpagetitle"> <?php echo $this->article->title; ?></a> <?php else : echo $this->escape($this->article->title); endif; ?></h2><?php endif; ?>
Ansichten: com_content/category com_content/frontpage com_content/section CSS Code: .blog { background-color: yellow; padding: 10px ; border: 1px solid red;} Joomla PHP Code: <div class="blog"> <?php if ($this->params->def('show_description', 1) || $this->params->def('show_description_image', 1)) : ?> <div class="contentdescription"> <?php if ($this->params->get('show_description_image') && $this->category->image) : ?> <img src="/" class="image_" /> <?php endif; ?> <?php if ($this->params->get('show_description') && $this->category->description) : echo $this->category->description; endif; ?> <?php if ($this->params->get('show_description_image') && $this->category->image) : ?> <div class="wrap_image">&nbsp;</div> <?php endif; ?> </div> <?php endif; ?> <?php $i = $this->pagination->limitstart; $rowcount = $this->params->def('num_leading_articles', 1); for ($y = 0; $y < $rowcount && $i < $this->total; $y++, $i++) : ?> <div class="leading"> <?php $this->item =& $this->getItem($i, $this->params); echo $this->loadTemplate('item'); ?> </div> <span class="leading_separator">&nbsp;</span> <?php endfor; ?> <?php $introcount = $this->params->def('num_intro_articles', 4); if ($introcount) : $colcount = $this->params->def('num_columns', 2); if ($colcount == 0) : $colcount = 1; endif; $rowcount = (int) $introcount / $colcount; $ii = 0; for ($y = 0; $y < $rowcount && $i < $this->total; $y++) : ?> <div class="article_row"> <?php for ($z = 0; $z < $colcount && $ii < $introcount && $i < $this->total; $z++, $i++, $ii++) : ?> <div class="article_column column cols" > <?php $this->item =& $this->getItem($i, $this->params); echo $this->loadTemplate('item'); ?> </div> <span class="article_separator">&nbsp;</span> <?php endfor; ?> <span class="row_separator">&nbsp;</span>…
Ansichten: com_content/category com_content/article com_content/frontpage com_content/section CSS Code: p.buttonheading { text-align:right;} .buttonheading img{ border:0;} p.buttonheading a:link,p.buttonheading a:visited{ border:solid 2px #fff;} .leading p.buttonheading a:link,.leading p.buttonheading a:visited{ border:solid 2px #EFDEEA;} p.buttonheading a:hover{ background:none !important; color:#000 !important;} p.buttonheading a:active,p.buttonheading a:focus{ border:solid 2px; color:#000;} Joomla PHP Code: <p class="buttonheading"> <?php if ($this->print) : echo JHTML::_('icon.print_screen', $this->article, $this->params, $this->access); elseif ($this->params->get('show_pdf_icon') || $this->params->get('show_print_icon') || $this->params->get('show_email_icon')) : ?> <img src="/templates/beez/images/trans.gif" alt="" /> <?php if ($this->params->get('show_pdf_icon')) : echo JHTML::_('icon.pdf', $this->article, $this->params, $this->access); endif; if ($this->params->get('show_print_icon')) : echo JHTML::_('icon.print_popup', $this->article, $this->params, $this->access); endif; if ($this->params->get('show_email_icon')) : echo JHTML::_('icon.email', $this->article, $this->params, $this->access); endif; endif; ?></p>
In diesem Beitrag stellen wir Ihnen eine vollständige Liste aller Eigenschaften, Selektoren und zulässigen Werte in der aktuellen CSS 3-Spezifikation des W3C als downloadbare PDF zur Verfügung.