möchte ein eigenes template erstellen

**der lernende** · 30.08.2010 14:59

wie schon gesagt, erstelle ich gerade ein eigens template. dabei gehe ich zum teil von schon vorhanden templates aus, will aber eigentlich alles selbst schreiben.

mein erste frage: muss man alle bilder, die in einem template über css aufgerufen werden mit dem medienmanager hochladen? hat bei mir nur so gekappt und ich würde gerne wissen ob das so richtig ist.

dann würde ich auf meiner seite gerne meinen im backend schon angelegten artikel anzeigen. meine index.php ist selbst gebastelt und ich weiss jetzt nicht, wie ich den artikel aufrufen kann - beziehungsweise wurde aus diversen beispielen und seiten nicht schlau. (meine php-kenntnisse sind aber am wachsen

)

das ist meine index.php
ich möchte den artikel gerne im modul conten im div text. habe dort auch schon ein beispiel text.

PHP-Code:


  <?php echo "<?xml version=\"1.0\"?>"; ?>

<?php defined( '_JEXEC' ) or die( 'Restricted access' );?>



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"

   xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>"





   <head>



   <jdoc:include type="head" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/system.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/system/css/general.css" type="text/css" />

<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php echo $this->template?>/css/style.css" type="text/css" />





  </head>

  <body class="body">

<div id="stripout">

         </div>

<div id="bigbox">

         <div id="strip">

                 </div>

         <div id="header">

                 </div>

         <div id="content">

                 <div id="top">

                         <!-- Menu-->

                         <div id="buttonhome">

                                 <a href="#"></a>

                                 </div>

                          <div id="buttonueber">

                                 <a href="#"></a>

                                 </div>

                          <div id="buttontermine">

                                 <a href="#"></a>

                                 </div>



                         </div>

                 <div id="middle">



 

                               <div id="text">

                                // hier würde ich gerne den artikel haben

                               <jdoc:include type="modules" name="content" style="xhtml" />



                               <p>

                                    <?php

                                    echo ("articles snbglisndflgi sdfgj ilsdfngo ifdg dfmgk dfgio fdiogj oaij ");

                                    ?>

                               </p>

                               </div>









                   </div>

                 <div id="bottom">

                         </div>

         </div>





         hallo

</div>



</body>

</html>

**Harmageddon** · 30.08.2010 15:07

1.: Du brauchst eine templatedetails.xml, in der das alles steht.
2.:

Code:

<jdoc:include type="component" />

für den Content. Und für die Systemnachrichten ("Sie sind jetzt eingeloggt", etc.):

Code:

<jdoc:include type="message" />

**der lernende** · 30.08.2010 15:32

die xml habe ich natürlich auch gemacht

Code:

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://www.joomla.org/xml/dtd/1.5/template-install.dtd">
<install version="1.5" type="template">
  

ZENSUR :P


  <version>0.1</version>
  <description>... Beschreibung</description>
  <files>
    <filename>index.php</filename>
    <filename>templateDetails.xml</filename>
    <filename>template_thumbnail.png</filename>
    <filename>css/template.css</filename>
    
<images>
    <filename>http://www.joomlaportal.de/images/bottomcontent.png</filename>
    <filename>http://www.joomlaportal.de/images/bottomcontent2.png</filename>
    <filename>http://www.joomlaportal.de/images/content.png</filename>
    <filename>http://www.joomlaportal.de/images/homebutton.png</filename>
    <filename>http://www.joomlaportal.de/images/terminebutton.png</filename>
    <filename>http://www.joomlaportal.de/images/topcontent.png</filename>
    <filename>http://www.joomlaportal.de/images/streifen02.jpg</filename>
    <filename>http://www.joomlaportal.de/images/ueberunsbutton.png</filename>
    <filename>http://www.joomlaportal.de/images/zone2banner.jpg</filename>
    <filename>http://www.joomlaportal.de/images/bestwithnavi.jpg</filename>
    </images>
<positions>
	<position>content</position>
        <position>top</position>
        <position>left</position>
        <position>right</position>          
        <position>bottom</position>
        <position>banner</position>
        <position>syndicate</position>
        <position>footer</position>
        <position>user1</position>
        <position>user2</position>
        <position>user3</position>
        <position>user4</position>  
</positions>
    <css>
<filename>css/Style.css</filename>
	</css>
  </files>
</install>

geil! es funktioniert mit deinem code

vielen dank.

dann gleich zur nächsten frage; wo kann den style die zusätzlichen infos zu meinem beitrag beeinflussen. habe den code jetzt in der

Code:

  <div id="text">

                               <jdoc:include type="modules" name="content" style="xhtml" />

                               <p>
                                     <jdoc:include type="component" />

                                    <?php
                                    echo ("articles snbglisndflgi sdfgj ilsdfngo ifdg dfmgk dfgio fdiogj oaij ");
                                    ?>
                               </p>
                               </div>

eingefügt.

offensichtlich werden die zusatzinfos nicht vom p tag beeinflusst...

wie funktioniert also das?

danke für die sehr schnelle antwort

noch mehr fragen;

der tag;

Code:

<jdoc:include type="modules" name="content" style="xhtml" />

ist der überhaupt nötig?
und was macht das andere genau? lädt es einfach alle artikel rein? (ich nehme an, dass man das mit weiteren einstellungen ergänzen kann, wie reihenfolge und rechte und so)

und noch eine frage; gibt es irgendwo eine auflistung solcher nützlicher funktionen? also mit welchem code man einen editor einblendet und andere dinge. dann würde das meine (unnötige) fragerei wohl ein wenig reduzieren

(darf ich den thread noch weiter für fragen benutzen und ihn erst dann auf gelöst stellen? oder soll ich für jede frage ne neuen eröffnen?)

**bine79** · 30.08.2010 15:57

Hallo du Lernender,

ein guter Einstieg in die Materie ist das Tutorial von Axel, was du >>hier finden kannst.
Links unter verwandte Beiträge findest du alles Weitere und Wichtige zu dem Bereich.

Für das Auffinden von Stylesheet-Angaben etc. versuchs mal mit Firebug (siehe meine Signatur)

Gruß

Sabine

**Harmageddon** · 30.08.2010 16:04

Zitat von der lernende

die xml habe ich natürlich auch gemacht

Code:

<images>
    <filename>http://www.joomlaportal.de/images/bottomcontent.png</filename>
    <filename>http://www.joomlaportal.de/images/bottomcontent2.png</filename>
    <filename>http://www.joomlaportal.de/images/content.png</filename>
    <filename>http://www.joomlaportal.de/images/homebutton.png</filename>
    <filename>http://www.joomlaportal.de/images/terminebutton.png</filename>
    <filename>http://www.joomlaportal.de/images/topcontent.png</filename>
    <filename>http://www.joomlaportal.de/images/streifen02.jpg</filename>
    <filename>http://www.joomlaportal.de/images/ueberunsbutton.png</filename>
    <filename>http://www.joomlaportal.de/images/zone2banner.jpg</filename>
    <filename>http://www.joomlaportal.de/images/bestwithnavi.jpg</filename>
    </images>

Das kann nicht funktionieren. Du hast das Template in einer zip-Datei. In dieser zip-Datei sind in einem Ordner "images" deine Bilder. Jetzt gibst du einfach den relativen Pfad zu den Bildern an:

Code:

<images>
    <filename>images/ein.png</filename>
    <filename>images/bild.jpg</filename>
    <filename>images/und.png</filename>
    <filename>images/so.png</filename>
    <filename>images/weiter.png</filename>
</images>

Zitat von der lernende

die xml habe ich natürlich auch gemacht

dann gleich zur nächsten frage; wo kann den style die zusätzlichen infos zu meinem beitrag beeinflussen.

Was meinst du damit? Wie die Beiträge dargestellt werden? Das kannst du mit sogenannten Overrides machen. Dazu gibts einige gute Tutorials, ich weiß aber grad keinen Link. Einfach mal googlen

Zitat von der lernende

der tag;

Code:

<jdoc:include type="modules" name="content" style="xhtml" />

ist der überhaupt nötig?
und was macht das andere genau? lädt es einfach alle artikel rein? (ich nehme an, dass man das mit weiteren einstellungen ergänzen kann, wie reihenfolge und rechte und so)

Das ist eine Modulposition, auf der du Module veröffentlichen kannst. Hat mit dem Content nichts zu tun.
Der andere lädt einfach die Artikel oder was du auch immer auf der Seite hast (auch den Frontend-Editor, Gästebuch, Bildergalerie, falls du sowas hast, etc.). Einstellungen musst du entweder mit Overrides machen oder im Backend (bei den Optionen von den Menülinks).

Zitat von der lernende

die xml habe ich natürlich auch gemacht

und noch eine frage; gibt es irgendwo eine auflistung solcher nützlicher funktionen? also mit welchem code man einen editor einblendet und andere dinge. dann würde das meine (unnötige) fragerei wohl ein wenig reduzieren

(darf ich den thread noch weiter für fragen benutzen und ihn erst dann auf gelöst stellen? oder soll ich für jede frage ne neuen eröffnen?)

1.: Keine Ahnung, einfach fragen (dafür gibt es dieses Forum ja) oder Google benutzen

2.: Benutz einfach den hier weiter.

**der lernende** · 30.08.2010 16:30

Zitat von Harmageddon

Das kann nicht funktionieren. Du hast das Template in einer zip-Datei. In dieser zip-Datei sind in einem Ordner "images" deine Bilder. Jetzt gibst du einfach den relativen Pfad zu den Bildern an:

Code:

<images>
    <filename>http://www.joomlaportal.de/images/ein.png</filename>
    <filename>http://www.joomlaportal.de/images/bild.jpg</filename>
    <filename>http://www.joomlaportal.de/images/und.png</filename>
    <filename>http://www.joomlaportal.de/images/so.png</filename>
    <filename>http://www.joomlaportal.de/images/weiter.png</filename>
</images>

interessanterweise funktinoniert es aber

liegt wahrscheinlich daran, dass ich einen lokalen server habe und das ganze nicht hochlade. ich bemerke aber, dass die files nicht so angegeben sind wie ich es tat... hatte es so wie von dir vorgeschlagen, aber irgendwie wurde das geändert.

werde das mal anschauen. danke für den link

**der lernende** · 30.08.2010 18:47

also, habe mir das angeschaut.

html und css der artikel werden ja dynamisch erzeugt. also kann ich dies ja nicht beeinflussen. ausserdem sind es für die verschieden teil ganz verschiedene css-teiler. ich möchte eigentlich nur die schriftart und farbe verändern. gibt es da keinen allgemeinen parameter?

auch die linkfarben sind nun auf standard (violett und blau), was auch nicht so ist, wie ich es gerne hätte.

was ist das denn mit diesem override? geht das nicht einfacher?

**Harmageddon** · 30.08.2010 18:55

CSS wird nicht dynamisch erzeugt. Das kannst du alles in deiner CSS-Datei einstellen.
Zum Entwickeln von Templates ist der Firebug ganz praktisch.

**der lernende** · 30.08.2010 19:13

hm, ich meine es nicht so

ich benutze operas entwicklerwerkzeug, hat dieselben funktionen wie firebug.

ich möche damit sagen, dass die elemte nicht von mir gestylt werden, also das dokument auf div's bezug nimmt, welche nicht ich erstellt habe!

da diese nicht in meiner style.css sind, wollte ich wissen ob ich die dort einfach aufführen und bestimmen kann oder die schon woanders definiert sind.

Code:

                                     <div class="componentheading"> <---- diese klasse habe nicht ich erstellt.
	Welcome to the Frontpage</div>

ich hoffe ihr versteht mich, auch wenn ich mich ein wenig ungeschickt ausdrücke

**SirDrake** · 30.08.2010 19:26

Hallo

Joomla hat bereits vordefinierte Klassen in den jeweiligen views
welche das sind findest du z.B. hier
http://www.joomlafreak.be/joomla_free_cssguide/

Axel hat glaube ich auch eine blanke css zum download

html Elemente werden normalerweise global vorformatiert und können dann nach bedarf überschrieben werden. (cascading)

Thema: möchte ein eigenes template erstellen

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

möchte ein eigenes template erstellen

Erhielt Danksagungen von:

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen