|
Joomla 1.5.
|
|
Oft taucht bei Webseiten das Bedürfnis auf Headerbilder dem Inhalt enstsprechend zu variieren bzw. anzupassen. Bei einer beschränkten Anzahl Seiten kann man dies mit mehreren Modulen lösen, die man auf einzelne Menueinträgen platziert. Hat man aber eine grosse oder offene Anzahl von Seiten, so wird dies aufwändig und unübersichtlich.
Es bieten sich dann Extensions an, welche das lösen (bspw. die von Andre Holzer). Ich stelle Ihnen einen sehr einfachen Ansatz vor, der mit Hausmitteln von Joomla! selbst hinhaut. Fügen Sie folgende Zeilen in den Headbereich Ihrer index.php des Templates:
<?php
$itemid = JRequest::getVar( 'Itemid', 0 )
?>
<style type="text/css">
#header
{background:url(templates/<?php echo$this->template ?>/images/
myheaderpic_<?php echo $itemid; ?>.jpg);}
</style><
Erläuterungen
Zuerst wird mittels php die Itemid abgefragt. Die Variable "$itemd" ist jeweils die Zahl des aktuellen Articles (Beitrag), erkennbar in der Url (oder im Backend). Via CSS wird nun in den div-Container mit der ID "Header" ein entsprechendes Bild geladen, dessen Namen sich anpasst. Das File das geladen werden sollte muss also ein entsprechender Name haben und im richtigen Verzeichnis liegen:
myheaderpic_1.jpg bei ItemID = 1
myheaderpic_2.jpg bei ItemID = 3
...
myheaderpic_n.jpg bei ItemID = n
|
|
|
Joomla 1.5.
|
Beim Erstellen eines eigenen Templates für Joomla! 1.5 ist es teilweise schwierig alle Klassen und ID von Joomla! 1.5 zu kennen oder herauszufinden auch trotz Hilfen wie Firebug, Webdevelopper etc. Ein Beispiel dazu sind die Elemente des Tooltips, der erscheint wenn man eingeloggt im Frontend ein Beitrag editieren möchte und mit der Maus über das Notizblockicon fährt. Anbei eine Lösung, wie dies gemacht werden kann (Wir nicht im Joomla Kurs behandelt):
/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
text-align:left;
}
.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}
.tool-text {
font-size: 100%;
margin: 0;
}
Der Ansatz oben ist aus dem Beez Template von Angie Radtke und Robert Deutz entlehnt. Das schlanke daran ist, das eigentlich alles mit Hausmittel gelöst wird und benötigte Grafiken aus dem Core von Joomla! 1.5 geholt werden.
Kopieren Sie den Code unverändert in Ihre template.css Datei. |
|
|
Joomla 1.5.
|
Joomla! 1.5 zeigt mit der Hilfe von Mootools Tooltips. Beispielsweise wenn man über das Editicon im Frontend fährt. Um dies überall auf der Seite nutzen zu können, muss ein kleines Scriptlein im Headbereich der index.php (Template) hinzugefügt werden. (Wir nicht im Joomla Kurs behandelt):
<script>
window.addEvent( ”domready” , function( ){
var abbrTools = new Tips( $$( ”abbr” ) );
});
</script>
Im Text kann man nun ein Tooltip akivieren wenn man folgenden Code benutzt.
<abbr title=”Das ist mein Titel : : Das ist mein Content”>saumässig interessant</abbr> |
|
|
Joomla 1.0.
|
In Joomla 1.0.X ist es möglich Module, Links oder auch Inhalte für die Gruppen "public, registered und special" zu publizieren. Manchmal kann es aber nützlich sein, betsimmte Elemente einer Seite erst nach dem erfolgreichen Login anzuzeigen oder gar nach dem erfolgreichen Login auszublenden. Auf der Seite des Templates lässt sich das mit ein wenig php lösen.
<?php if ($my->id) { ?>
Das sieht nur ein Registrierter
<?php } ?>
<?php if (!$my->id) { ?>
..und an der gleichen Stelle sieht das hier nur der Besucher (Unregistrierte)
<?php } ?>
Erläuterung:
Der Unterschied liegt in der logischen Verknüpfung, hier der NOT-Verknüpfung.Der NOT-Operator invertiert ein booleschen Ausdruck. Er wandelt true in false und false in true um. In PHP ist der NOT-Operator das Ausrufezeichen !. Man schreibt das Ausrufezeichen vor dem Ausdruck den man invertieren, negieren oder umdrehen möchte. |
|
|
Joomla 1.5.
|
MooTools ist ein freies, kompaktes, modulares und objektorientiertes JavaScript-Framework, das dafür konzipiert wurde den Vorgang des Schreibens von erweiterbaren und browserübergreifend kompatiblen Code, effizienter zu gestalten.
In Joomla! 1.5 ist Mootools fest integriert. In aller Munde sind tolle Module, die neue lustige Effekte versprechen. Mit ein paar Zeilen javascript nutzen wir die Hauseigenen Mittel und aktivieren das, was eigentlich schon vorhanden ist.Überprüfen Sie in Ihrem Template die Einbindung des Mootoolscriptes Wenn dies eingebunden ist, fügen Sie folgenden Code in Ihren Head bereich ein.
<script>
window.addEvent("domready", function( ){
var togglers = $$( ".module_menu h3" );
var elements = $$( ".module_menu ul.menu" );
for( var i = 0; i < elements.length; i++ ) {
if(elements[i].previousSibling.previousSibling == null){
elements.splice( i, 1 );
i--;
}
}
var navAcc = new Accordion( togglers, elements );
});
</script>
Und schon wird Ihr Mainmenu zum lustigen Instrument.
|
|
|
|