Displaying items by tag: css

Monday, 20 July 2009 23:51

contentheading

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; ?>

Published in Joomla CSS Guide

Monday, 20 July 2009 23:51

blog

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>
			</div>
		<?php endfor;
	endif; ?>
 
	<?php $numlinks = $this->params->def('num_links', 4);
	if ($numlinks && $i < $this->total) : ?>
	<div class="blog_more">
		<?php $this->links = array_slice($this->items, $i - $this->pagination->limitstart, 
                  $i - $this->pagination->limitstart + $numlinks);
		echo $this->loadTemplate('links'); ?>
	</div>
	<?php endif; ?>
 
	<?php if ($this->params->def('show_pagination', 2) == 1  || ($this->params->get('show_pagination') 
                == 2 && $this->pagination->get('pages.total') > 1)) : ?>
		<?php if( $this->pagination->get('pages.total') > 1 ) : ?>
		<p class="counter">
			<?php echo $this->pagination->getPagesCounter(); ?>
		</p>
		<?php endif; ?>
		<?php if ($this->params->def('show_pagination_results', 1)) : ?>
			<?php echo $this->pagination->getPagesLinks(); ?>
		<?php endif; ?>
	<?php endif; ?>
 
</div>

Published in Joomla CSS Guide

Monday, 20 July 2009 23:51

buttonheading

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>

Published in Joomla CSS Guide

Monday, 10 August 2009 19:39

CSS 3 Eigenschaften und Werte

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.

Published in Joomla CSS Guide

Friday, 10 April 2009 04:29

Kurzbeschreibung
Über fünf Millionen Websites weltweit laufen auf Joomla, dem populären Content Management System (CMS). Der leichte Einstieg sowie die hohe Flexibilität des Systems haben zu dieser ungeheuren Beliebtheit beigetragen. In diesem Buch erfahren Sie nicht nur, wie Sie Webauftritte mit Joomla realisieren, sondern auch, wie Sie das System an Ihre Bedürfnisse anpassen. Es vermittelt Ihnen die Grundlagen für das Erstellen eigener Seiten-Templates sowie die Erweiterung der Seite durch vorgefertigte oder selbst programmierte Extensions.Sie lernen wie Sie die häufigsten Fehler vermeiden und die Sicherheit Ihrer Site verbessern können. Joomla-Seiten selbst erweitern: Joomla macht es leicht, die Funktionalität einer

Published in Bücher

Sunday, 03 January 2010 12:43

Dominion 1.5.1 Update Released

The Dominion Joomla 1.5 template has been updated to version 1.5.1 and has various fixes, including fixing the config per menu items, adding some missing images and fixing the menu.

To update your template, either download the latest template packages from the Dominion download section and replace your template, or if you have made customizations, a listing of the changed and added files and directories is listed below:

Joomla 1.5

Version: 1.5.1

Fixed per menu item params saving
Fixed some references to outdated images
Added styling and images for fontsizer feature
Fixed menu dropdown offsets when using no js option in fusionmenu
Fixed typos in admin tooltips

Changed Files (template) - Located in the /templates/rt_dominion_j15 directory upon installation:

/templateDetails.xml
/params/index.html
/custom/index.html
/css/fusionmenu.css
/css/style1.css
/css/style2.css
/css/style3.css
/css/style4.css
/css/style5.css
/css/style6.css
/css/template-ie7.css
/css/template.css
/gantry.config.php
/images/body/dark/fontsizer.png
/images/body/light/fontsizer.png
/lib/gantry/core/gantry.class.php
/lib/gantry/admin/widgets/gantry.js
/lib/gantry/admin/menuitemhead/js/menuitemhead.js

More Details here

Published in Template Updates

Tuesday, 10 March 2009 23:00

Web Design

Effektive Kommunikation

Mit viele unserer Projekte bei JoomlaWebHoster fördern wir das Zusammenspiel zwischen Unternehmen und Internetpräsentation des Unternehmens. Auf der Grundlage eines guten Content-Management-Systems (CMS) bietet die Website Informationen, Umsatzsteigerung, geringere Kosten und einfacher Kunden-Support, zudem ist das System einfach zu aktualisieren und zu pflegen. Effiziente Kommunikation und einfach zu bedienende Navigation mit klaren, schnell geladenen Inhalten sind die Benchmarks, für eine gut konzipierte Website.

Verstehen Sie Ihr Geschäft

Der erste Schritt auf dem Weg zu intelligentem Web-Design ist es, das Unternehmen hinter der Website zu verstehen. Zeit-und Arbeitsaufwand kann unnötig hoch ausfallen, wenn die Tätigkeit des Unternehmens nicht ausreichend bekannt ist. Unsere langjährige Erfahrung mit Webseiten ermöglicht es uns, eine Webseite perfekt für Ihre Bedürfnisse, zu erstellen. Als unabhängiger Dienstleister, können wir die Website, für das Unternehmen, kundenorientiert gestalten. Das wichtigste an einer Website ist, wie der Kunde diese sieht. Wir werden Fragen stellen und mit Ihnen innovativen Ideen für Ihre Website umsetzen. Jedes Unternehmen ist anders. Mit dem Verständnis Ihres Geschäfts konzentrieren wir uns auf Ihre Website, wie Sie diese an Besten an Ihre Kunden verkaufen. Wir können Ihnen helfen, Ihren Kunden die Informationen bereitzustellen, die sie für eine fundierte Kaufentscheidung benötigen. Darüber hinaus zeigen wir Ihnen, wie die Konkurrenz arbeitet. Nur wenn man auf die Wünsche des Kunden eingeht, kann man die Technik für sich nutzen und die Konkurrenz ausbooten.

Gut konzipiertes Web Design

Auf dem ersten Blick Ihrer Homepage, sollte der Besucher erfahren, was das Kerngeschäft Ihres Unternehmens ist und welche Produkte Sie anbieten. Studien haben gezeigt, dass Sie 3 Sekunden Zeit haben, die Aufmerksamkeit des Besuchers auf Ihre Webseite zu lenken, bevor er/sie sich entscheiden, weiteres über Ihr Unternehmen zu erfahren. Eine sauberes, klares Design hilft, dieses Ziel zu erreichen.

Andere Web-Design-Konzepte die wir verwenden sind:

* Above-the-fach: Die wichtigsten Elemente auf der Spitze der Web-Seite und sind in der Regel auf einem 17-Zoll-Monitor (1024 x 768). Das heißt, Sie haben im Allgemeinen eine Fläche von 985 von 530 Pixel, um Ihre wichtigste Botschaft.
* Frei-Navigation: Die Fähigkeit, sich auf Ihre Website, ohne verloren zu gehen ist wichtig, im Interesse der Beibehaltung Benutzer bei Ihnen vor Ort lange genug, um eine Kaufentscheidung. Strukturierung der Seite mit definierbaren Themengebieten geht ein langer Weg in Richtung auf die Schaffung großer Navigation.
* Website-Struktur: Die Struktur der Site wird mit einer leicht verständlichen Rahmen. Da die Site-Struktur wird die URL (in statischen Websites) eine gute Struktur könnte sogar zu verbessern Suchmaschinen-Ranking.

Standards-Based-Code

W3C empfohlene Standards für unterhält markup, Bilder, eingebettete Inhalte und mehr. Wir schreiben alle unsere XHTML, CSS, AJAX, JavaScript, RSS und sich auf jene Abschnitte der Normen, die in allen Browsern und Plattformen.
Cascading Style Sheets

Cascading Style Sheets (CSS) ermöglichen das Design der Site zu trennen von den Inhalten der Website. Es ist ein Schlüsselelement bei der auf Standards basierenden Website-Design. Das Stylesheet Lasten mit den ersten Seiten von Ihrer Website besucht, bleibt in der Browser-Cache und muss nicht erneut heruntergeladen werden, das spart Zeit und Bandbreite. Wir entwickeln Websites mit Style Sheets, um Ihnen folgende Vorteile:

* Schnellere Gestaltung und Instandhaltung: Statt mit, um zu verfolgen und jede Änderung in der ein HTML-Tag, CSS ermöglicht es uns, die gesamte Website von nur ein paar Änderungen an der CSS-Datei.
* Verbesserung der Inhalte auf XHTML-Verhältnis: Durch das Entfernen Markup-Tags und die Positionierung auf der Seite, die gelesen werden zu den gesamten HTML-Inhalt-Verhältnis erhöht. Dieses Verhältnis ist einer der Faktoren, die kleinere von modernen Suchmaschinen bei der Festlegung der Rangfolge Seite.

Published in Services

Saturday, 23 January 2010 09:59

RocketTheme Quasar kostenlos

Quasar Quasar ist die erste kostenlose unter der GPL Lizence veröffentlichte RocketTheme Template, mit dem neuen Gantry Framework 2.0. Mit Gantry, Quasar ist eine leistungsfähige und reich an Optionen Template und kaum vergleichbare mit anderen Template Club-Vorlagen, in Bezug auf Funktionalität.

In Verbindung mit Gantry und anderen Features, wie CSS-Dropdown-Menü und 6 Gestaltungsvarianten, unter vielen anderen Einstellungenoptionen macht Quasar eine nützliche, vielfältige und funktionsreiche kostenlose Template.

weitere Detail und Download hier

Published in Template News

Tuesday, 24 February 2009 09:17

Ein neuer Stern am Immobilienhimmel!?

property Wer Immobilien anbieten wollte, musste bisher immer auf kostenpflichtige Erweiterungen zurückgreifen oder sich mit anderen, nicht themenbezogenen Erweiterungen zufrieden geben und diese an seine Bedürfnisse anpassen. Es war aber immer eine „Notlösung“. Durch die neue, wirklich erwähnenswerte Komponente "Property” hat sich das jetzt geändert. Die Komponente bietet Immobilienhändlern und Vermietern eine sehr attraktive Möglichkeit ihre Immobilien ansprechend und übersichtlich zu präsentieren. Die einzelnen Funktionen sind zwar noch erweiterungsbedürftig, doch für kleine und mittelständische Anbieter von Immobilien dürfte diese Komponente genau das Richtige sein.

Die zusätzlichen Features wie z.B. das Betrachten des Objektstandortes mit Google Maps in einer Lightbox oder die Kompatibilität zur SEO Komponente sh404sef und zur Übersetzungskomponente Joomfish sind erwähnenswert.

Bei unserem Testlauf und auch auf der Testseite des Entwicklers tritt im Firefox ein kleiner Fehler in der Z-Index Folge des CSS auf, wenn die Lightbox aufgerufen wird. Durch eine andere Positionierung der Seiten lässt sich das einfach lösen. Bleibt zu hoffen, dass die Entwickler in der CSS das Z-Index Problem schnellstmöglich anpassen.

Entwickler | Demo | Download

Published in Neuigkeiten

Thursday, 25 June 2009 17:34

Alles neu - Hilfe im Joomla! Support Chat

Wie Markus vor ein Tagen schon geschrieben hat ist der Joomla! Hilfe Chat welcher schon seit knapp 4 Jahren besteht auf eine neue Domain und in einen andern Chat-Channel umgezogen. Ehemals gründete "amarok" (aka Christian Wolff) diesen Chat. Wie es aussieht hat dieser die aktive Joomla! Szene aber verlassen. So kam es, dass die Domain auf welche der Chat regsitiert war auslief und leider von einem Domain-Bot registiert wurde und nun ausschließlich zum Kohle machen dient... Aus diesem Grund haben sich die im Chat aktiven Joomlaner entschlossen unter einer neuen Domain und einem neuen Channel von vorne zu beginnen. Das Ziel ist es Joomla! Anwendern eine Hilfestellung in Form von Support zu geben. Im Chat kann man übrigens nicht nur Hilfe zu Joomla! bekommen, es herrscht ein angenehmes Klima und neben lockerem Smalltalk kann man auch mal Fragen zu Themen wie CSS- oder Server-Fragen los werden.

Published in Neuigkeiten