Templates einbinden

Wie verwendet man Templates oder erstellt Navigationen und passt diese an.

Templates einbinden

Beitragvon Club21 » 12. Jan 2009, 11:55

Moinsen,
Ich bin kompletter Neuling, und möchte ein Design von
http://www.free-css-templates.com/css-templates/1
in Redaxo übernehmen. Wie gehe ich am Besten vor?

Ich habe das Template über diesen Befehl eingebunden:. <link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/style.css" media="screen" />

Jetzt werden allerdings die Standardinhalte des Redaxo Systems nicht angezeigt
Wäre nett wenn ihr mir weiter helfen könntet

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rothko</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/style.css" media="screen" />
</head>
<body>
<div id="bg">
<div id="wrap">
<div id="header">
<ul id="nav">
<li class="h"><a href="#">HOME</a></li>
<li class="a"><a href="#">PORTOFOLIO</a></li>
<li class="p"><a href="#">BLOG</a></li>
<li class="c"><a href="#">CONTACT</a></li>
</ul>
</div>
<!-- /header -->
<div id="content">
<div class="side fr">
<div id="top">
<h2><img src="images/wtisthis.gif" alt="What is this" /></h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>
<div id="bm">
<h2><img src="images/tag.gif" alt="Tag" /></h2>
<ul class="meun">
<li class="grey"><a href="#">Vestibulum bibendum</a></li>
<li><a href="#">Maecenas egestas</a></li>
<li class="grey"><a href="#">volutpat ante</a></li>
<li><a href="#">Curabitur rhoncus</a></li>
<li class="grey"><a href="#">Nulla fringilla</a></li>
<li><a href="#">Integer euismod</a></li>
<li class="grey"><a href="#">Aenean viverra</a></li>
</ul>
</div>
</div>
<div class="main fl">
<div class="text">
<h2>Free CSS Templates</h2>
<p> Rothko is a CSS template that is free and fully standards compliant. Free CSS templates designed this template. <br/>
<br/>
This template is allowed for all uses, including commercial use, as it is released under the Creative Commons Attributions 2.5 license. The only stipulation to the use of this free template is that the links appearing in the footer remain intact. Beyond that, simply enjoy and have fun with it!</p>
</div>
<div class="text">
<h2>What are the new options</h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin tincidunt. Aliquam eros eros, imperdiet vitae, volutpat id, semper sed, lorem. Praesent ullamcorper quam eget dolor. Suspendisse potenti. Proin et nunc ac metus adipiscing pretium. Phasellus eu erat. Curabitur nisl tortor, ornare nec, dictum at, vehicula eu, arcu. Ut nec est. Sed rutrum lacinia nisl. Duis at tellus. Quisque dignissim sodales odio. Quisque quam. Pellentesque tortor. Proin dictum. <br/>
<br/>
Phasellus eu enim sit amet est vulputate auctor. Donec suscipit volutpat velit. Etiam leo arcu, commodo eget, porttitor id, dignissim in, elit. Suspendisse sodales pede. Nullam pulvinar luctus tortor. Ut facilisis, ante id tempus auctor, augue lacus tempor risus, tempor rhoncus tellus leo eu turpis. Nullam scelerisque mauris. Aenean dignissim leo at elit. Pellentesque dictum mauris in erat vehicula cursus. Suspendisse eget odio. Vestibulum congue iaculis enim. Vestibulum ac lorem vitae nulla ultricies rhoncus. Suspendisse id ipsum. Duis euismod cursus nunc. Curabitur fringilla, ipsum vel varius auctor, massa sapien pretium ante, vel tincidunt arcu odio quis eros. </p>
</div>
</div>
<!-- /content -->
</div>
<div class="clearfix"></div>
<div id="footer">
<div id="ftinner">
<div class="ftlink fl">
<p id="copyright">© 2008. All Rights Reserved. <br/>
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/villas/" title="Dubai Apartments offers quality furnished hotel apartments, villas, and furnished properties on short term rental basis" target="_blank">Dubai Villas</a></p>
</div>
</div>
</div>
<!-- /footer -->
</div>
</div>
</body>
</html>
Club21
 
Beiträge: 22
Registriert: 14. Aug 2008, 14:30

Beitragvon dag » 12. Jan 2009, 13:59

Hallo,
Ich habe das Template über diesen Befehl eingebunden:. <link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/style.css" media="screen" />

Mit diesem Befehl hast du das Stylesheet eingebunden, nicht ein Template.
Wie man Templates in eine Seite einbindet, findest du hier:
http://www.redaxo.de/308-0-3-1-5-includes.html
Vielleicht liest du zum Einstieg auch noch dieses Kapitel:
http://www.redaxo.de/301-0-3-1-templates.html

Gruß
Dagmar
dag
 
Beiträge: 336
Registriert: 24. Aug 2004, 22:11
Wohnort: Dortmund

Antwort

Beitragvon Club21 » 14. Jan 2009, 21:24

Moinsen,
Danke für erste Hilfe. Leider bin ich kompletter Anfänger und weiß nicht wo ich die passenden Befehle setzen muss. Bitte erklärt an Hand meines Templates die nächsten Schritte. Es wäre auch hilfreich wenn Ihr mir die Passenden Befehle erklärt. Wäre nett, wenn Ihr mir weiter helfen könntet
Club21
 
Beiträge: 22
Registriert: 14. Aug 2008, 14:30

Beitragvon dag » 15. Jan 2009, 13:28

Hallo,
hier mein Vorschlag - ganz grob:
Dies als Redaxo-Template anlegen, aktiv schalten, den Artikeln zuweisen.
(s. http://www.redaxo.de/303-0-3-1-2-templa ... alten.html)
Ich nehme hier an, dass der Container id="top" auf jeder Seite identisch ist.
Die Navigation kann als separates Template eingebunden werden, s. die Demoversion.
(s. http://www.redaxo.de/304-0-3-1-3-navigation.html)
Code: Alles auswählen
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Rothko</title>

<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/style.css" media="screen" />
</head>
<body>
<div id="bg">
<div id="wrap">
<div id="header">
<ul id="nav">
<li class="h"><a href="#">HOME</a></li>
<li class="a"><a href="#">PORTOFOLIO</a></li>
<li class="p"><a href="#">BLOG</a></li>
<li class="c"><a href="#">CONTACT</a></li>
</ul>
</div>
<!-- /header -->
<div id="content">
<div class="side fr">
<div id="top">
<h2><img src="images/wtisthis.gif" alt="What is this" /></h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>

<div id="bm">
<h2><img src="images/tag.gif" alt="Tag" /></h2>

<!-- Die Navigation kann als separates Template eingebunden werden, s. die Demoversion. -->

<ul class="meun">
<li class="grey"><a href="#">Vestibulum bibendum</a></li>
<li><a href="#">Maecenas egestas</a></li>
<li class="grey"><a href="#">volutpat ante</a></li>
<li><a href="#">Curabitur rhoncus</a></li>
<li class="grey"><a href="#">Nulla fringilla</a></li>
<li><a href="#">Integer euismod</a></li>
<li class="grey"><a href="#">Aenean viverra</a></li>
</ul>
</div>
</div>

<div class="main fl">
<div class="text">

<?php
/* hier wird der artikelspezifische Inhalt eingebunden;
$this verweist dabei auf den jeweils aktuellen Artikel */

echo $this->getArticle();
?>


</div>
</div>
<!-- /content -->
</div>
<div class="clearfix"></div>
<div id="footer">
<div id="ftinner">
<div class="ftlink fl">
<p id="copyright">© 2008. All Rights Reserved. <br/>
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/villas/" title="Dubai Apartments offers quality furnished hotel apartments, villas, and furnished properties on short term rental basis" target="_blank">Dubai Villas</a></p>
</div>
</div>
</div>
<!-- /footer -->
</div>
</div>
</body>
</html>


GRuß
Dagmar
dag
 
Beiträge: 336
Registriert: 24. Aug 2004, 22:11
Wohnort: Dortmund

Antwort

Beitragvon Club21 » 27. Jan 2009, 00:05

Moinsen,
Danke für die Antwort
Ich möchte die Navigation an der Stelle erhalten wo sie vorgesehen war, oben rechts Leider greift das Radxo System auf keine Navigation zu. Wie füge ich Sie am Besten ein? Aktuelle sieht das ganze so aus
<ul id="nav">
<li class="h"><a href="#">HOME</a></li>
<li class="a"><a href="#">PORTOFOLIO</a></li>
<li class="p"><a href="#">BLOG</a></li>
<li class="c"><a href="#">CONTACT</a></li>
</ul>

Es wäre nett, wenn ihr weiter helfen könntet.
Club21
 
Beiträge: 22
Registriert: 14. Aug 2008, 14:30

Beitragvon alex2911 » 27. Jan 2009, 00:20

hi

schau dir hier mal den teil für die navigation an : http://www.redaxo.de/168-0-templatedeta ... late_id=55
Benutzeravatar
alex2911
 
Beiträge: 569
Registriert: 20. Jul 2005, 04:13
Wohnort: Österreich

Topmenü

Beitragvon Club21 » 20. Apr 2009, 18:09

Moinsen,
Wie generiere ich am besten in dies Template ein einfaches Topmenü. Hier ist der aktuelle Templatecode

<<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="content-language" content="de" />
<title>rex-templates | Rothko</title>
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/style.css" media="screen" />
</head>
<?php print $topMenu; ?>
<body>
<div id="bg">
<div id="wrap">
<div id="header">
<ul id="nav">
<li><a href="/kontakt.html">Kontakt</a></li>
<li><a href="/Home.html">Home</a></li>
<li><a href="/kontakt.html">PORTOFOLIO</a></li>
<li><a href="/blog.html">BLOG</a></li>
<li><a href="/kontakt.html">CONTACT</a></li>
</ul>
</div>
<!-- /header -->
<div id="content">
<div class="side fr">
<div id="top">
<h2><img src="images/wtisthis.gif" alt="What is this" /></h2>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed mattis porttitor odio. Etiam lacinia viverra ante. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
</div>

<div id="bm">
<h2><img src="images/tag.gif" alt="Tag" /></h2>
<ul class="meun">
<li class="grey"><a href="#">Vestibulum bibendum</a></li>
<li><a href="#">Maecenas egestas</a></li>
<li class="grey"><a href="#">volutpat ante</a></li>
<li><a href="#">Curabitur rhoncus</a></li>
<li class="grey"><a href="#">Nulla fringilla</a></li>
<li><a href="#">Integer euismod</a></li>
<li class="grey"><a href="#">Aenean viverra</a></li>
</ul>
</div>
</div>

<div class="main fl">
<div class="text">

<?php
/* hier wird der artikelspezifische Inhalt eingebunden;
$this verweist dabei auf den jeweils aktuellen Artikel */

echo $this->getArticle();
?>


</div>
</div>
<!-- /content -->
</div>
<div class="clearfix"></div>
<div id="footer">
<div id="ftinner">
<div class="ftlink fl">
<p id="copyright">© 2008. All Rights Reserved. <br/>
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/villas/" title="Dubai Apartments offers quality furnished hotel apartments, villas, and furnished properties on short term rental basis" target="_blank">Dubai Villas</a></p>
</div>
</div>
</div>
<!-- /footer -->
</div>
</div>
</body>
</html>

Ich benötige oben ein funktionierendes Topmenü. Ich möchte die Funktion in das Template eintragen, ohne auf extra Dateien zugreifen zu müssen Wäre nett, wenn Ihr mir helfen könntet.
Ich bin Anfänger und brauche nur ein einfaches Topmenü, welches funktioniert
Club21
 
Beiträge: 22
Registriert: 14. Aug 2008, 14:30

Re: Templates einbinden

Beitragvon Club21 » 22. Jan 2011, 18:30

Hallo Zusammen
dies,was Ihr oben seht,ist mein aller erstes Template. Ich habe mich lange nicht mehr mit dem Thema Redaxo beschäftigt, bezeichne mich daher als Anfänger. Ich habe mir das Template noch einmal angeschaut, und ich komme nicht weiter. Ein Kollege meinte, dass das Template nicht umstellbar ist, und zwar das Topmenü kann nicht richtig eingebunden werden. Es scheint, zu groß zu sein. Alle Menüpunkte werden in der Reihe vernünftig angezeigt, bis auf Kontakt/Impressum. Dieser Menüpunkt fügt sich nicht richtig in die Menüleiste ein. Unten im Footer soll auch noch ein Menü entstehen oder es gäbe auch die Möglichkeit, den Menüpunkt Kontakt/Impressum in den Footer zu schreiben. Aber wie mache ich das, ich wäre wirklich dankbar, wenn sich jemand das komplette Template noch einmal ansehen würde.
Club21
 
Beiträge: 22
Registriert: 14. Aug 2008, 14:30

Re: Templates einbinden

Beitragvon Richard.Laing » 22. Jan 2011, 20:36

hi
schau doch mal auf http://www.rexvideo.de vorbei, dort wird dir schon einiges erklärt.
gruß richy
REXvideo Videotutorials für Redaxo www.REXvideo.de
Webseite www.on-laing.de smokezig.de www.smokezig.de
Benutzeravatar
Richard.Laing
 
Beiträge: 2109
Registriert: 28. Aug 2005, 00:55
Wohnort: Brühl / Rheinland


Zurück zu Templates/Navigationen [R4]

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 0 Gäste