Du bist nicht angemeldet.

Stilllegung des Forums
Das Forum wurde am 05.06.2023 nach über 20 Jahren stillgelegt (weitere Informationen und ein kleiner Rückblick).
Registrierungen, Anmeldungen und Postings sind nicht mehr möglich. Öffentliche Inhalte sind weiterhin zugänglich.
Das Team von spieleprogrammierer.de bedankt sich bei der Community für die vielen schönen Jahre.
Wenn du eine deutschsprachige Spieleentwickler-Community suchst, schau doch mal im Discord und auf ZFX vorbei!

Template für Contao portieren [XHTML]

  • 1
  • 2

Werbeanzeige

BurningWave

Alter Hase

  • »BurningWave« ist der Autor dieses Themas

Beiträge: 1 106

Wohnort: Filderstadt/Konstanz

Beruf: Student

  • Private Nachricht senden

1

18.09.2010, 20:31

Template für Contao portieren [XHTML]

Hallo,

es gibt kein passendes Unterforum zu meinem Problem, deswegen habe ich den Thread einfach hier erstellt ;)

Also seid einiger Zeit habe ich meine eigene Domein und bin dabei meine Website komplett neu zu gestalten. Diesmal benutze ich das Content-Management System Contao. Da es keine passenden Templates gibt, möchte ich dieses Template auf Contao portieren. Die Index.tpl sieht momentan so aus:

Quellcode

 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83

<!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" lang="<?php echo $this->language; ?>">
<head>
<base href="<?php echo $this->base; ?>"></base>
<meta http-equiv="content-type" content="text/html; charset=<?php echo $this->charset; ?>" />
<title><?php echo $this->mainTitle; ?> - <?php echo $this->pageTitle; ?></title>
<meta name="keywords" content="<?php echo $this->keywords; ?>" />
<meta name="description" content="<?php echo $this->description; ?>" />
<?php echo $this->robots; ?>
<script type="text/javascript" src="plugins/tablesort/js/tablesort.js"></script>
<script type="text/javascript" src="plugins/mootools/mootools.js"></script>
<script type="text/javascript" src="plugins/slimbox/js/slimbox.js"></script>
<script type="text/javascript" src="plugins/ufo/ufo.js"></script>
<link rel="stylesheet" href="plugins/slimbox/css/slimbox.css" type="text/css" media="screen" />
<link rel="stylesheet" href="plugins/tablesort/css/tablesort.css" type="text/css" media="screen" />
<link href="tl_files/styles.css" rel="stylesheet" type="text/css" media="screen" />
<link rel="icon" type="vnd.microsoft.icon" href="<?php echo $this->base; ?>FavIcon.ico" />
<link rel="shortcut icon" type="vnd.microsoft.icon" href="<?php echo $this->base; ?>FavIcon.ico" />
<?php echo $this->head; ?>
</head>

<body <?php if ($this->class): ?> class="<?php echo $this->class; ?>"<?php endif; if ($this->onload): ?> onload="<?php echo $this->onload; ?>"<?php endif; ?>>

<div id="main">
<!-- start header -->
    <div id="header">
        <?php echo $this->header; ?>
    </div>
<!--Header end -->

</div>


<!-- end header -->
<!-- start page -->
<div id="con_top">
<div id="page">
    <!-- start leftbar -->
    <div id="leftbar" class="sidebar">
            <?php echo $this->left; ?>
</div>
    <!-- end leftbar -->
    <!-- start content -->
    <div id="content">
        <?php echo $this->main; ?>

    <!-- end content -->
    <!-- start rightbar -->
    <div id="rightbar" class="sidebar">
        <?php echo $this->right; ?>

</div>
    <!-- end rightbar -->
    
</div>
</div><div id="con_bot"></div>
<!-- end page --> 

<div id="footer">
  <?php echo $this->footer; ?>
</div>
</div>

<!-- indexer::stop -->
<img src="<?php echo $this->base; ?>cron.php" alt="" class="invisible" />
<!-- indexer::continue -->
<?php echo $this->mootools; ?>

<?php if ($this->urchinId): ?>

<script type="text/javascript" src="<?php echo $this->urchinUrl; ?>"></script>
<script type="text/javascript">
<!--    //--><![CDATA[//><!--
    try {
        var pageTracker = _gat._getTracker("<?php echo $this->urchinId; ?>");
        pageTracker._trackPageview();
    } catch (err) { }
    //--><!]]>
</script>
<?php endif; ?>

</body>
</html>


Ist das so in Ordnung? Ich vermute, dass ich im Stylesheet noch etwas verändern muss (ich weiß aber nicht was), da meine Seite gerade so aussieht: www.jbtechnologies.de Habt ihr eine Idee, woran das liegen kann?

TrikkieMikkie

Supermoderator

Beiträge: 3 731

  • Private Nachricht senden

2

18.09.2010, 22:11

In der styles.css müßtest du - analog "header" für die Bereiche con_top, con_bot und footer schreiben: margin: 0 auto;
Das veranlasst den Browser, die Bereiche zu zentrieren.
fka tm

CBenni::O

1x Contest-Sieger

Beiträge: 1 145

Wohnort: Stuttgart

  • Private Nachricht senden

3

18.09.2010, 22:18

Ich würde sagen, dass der gesamte Teil von Start Page bis End Page in den Div #main rein muss ;)

mfg CBenni::O
Ein Mitglied der VEGeiCoUndGraSonMaWiGeS Bewegung.
42!
Aufräumen kann jeder, nur das Genie überblickt das Chaos!
Metal will never die!
1. Sppro Gamecontest - mein Beitrag

TrikkieMikkie

Supermoderator

Beiträge: 3 731

  • Private Nachricht senden

4

18.09.2010, 22:19

Das kann ooch sein. Hab nur mal schnell mit Firebug drübergekuckt.
fka tm

CBenni::O

1x Contest-Sieger

Beiträge: 1 145

Wohnort: Stuttgart

  • Private Nachricht senden

5

18.09.2010, 22:28

Ich auch :P

Ich denke, dass wäre die schönere Methode; "alles, was mit Templates machbar ist, solte nicht per Stylesheet gemacht werden" - Zitat frei nach unserem Ex-Webmaster ;)

mfg CBenni::O
Ein Mitglied der VEGeiCoUndGraSonMaWiGeS Bewegung.
42!
Aufräumen kann jeder, nur das Genie überblickt das Chaos!
Metal will never die!
1. Sppro Gamecontest - mein Beitrag

TrikkieMikkie

Supermoderator

Beiträge: 3 731

  • Private Nachricht senden

6

18.09.2010, 22:34

Kannste wohl halten wie der berühmte Dachdecker.
Ex-Webmaster, weil er von seinem Job nicht allzu viel verstand? :)
fka tm

CBenni::O

1x Contest-Sieger

Beiträge: 1 145

Wohnort: Stuttgart

  • Private Nachricht senden

7

18.09.2010, 22:56

Ex-Webmaster, der es total drauf hatte aber jetzt nimmer auf unserer schule ist ;)
Seitdem leite ich die Homepage -.-


mfg CBenni::O
Ein Mitglied der VEGeiCoUndGraSonMaWiGeS Bewegung.
42!
Aufräumen kann jeder, nur das Genie überblickt das Chaos!
Metal will never die!
1. Sppro Gamecontest - mein Beitrag

TrikkieMikkie

Supermoderator

Beiträge: 3 731

  • Private Nachricht senden

8

18.09.2010, 22:58

Der Spruch mit den Templates ist aber irgendwie...

Das erklärt auch deinen Avatar.
Der Bock wurde zum Gärtner. :)
fka tm

CBenni::O

1x Contest-Sieger

Beiträge: 1 145

Wohnort: Stuttgart

  • Private Nachricht senden

9

18.09.2010, 23:03

Er hat aber viel wahres an sich ;)

Wieso jedes element einzeln ausrichten, wenn man alles in einem Aufwasch machen kann? Habe so mehrere Websites erfolgreich mit Contao (damals TypoLight) erstellt ;)

Zitat von »TrikkieMikkie«

Das erklärt auch deinen Avatar.
Der Bock wurde zum Gärtner. :)

lol... Was soll das jetzt genauer bedeuten? ^^

mfg CBenni::O
Ein Mitglied der VEGeiCoUndGraSonMaWiGeS Bewegung.
42!
Aufräumen kann jeder, nur das Genie überblickt das Chaos!
Metal will never die!
1. Sppro Gamecontest - mein Beitrag

BurningWave

Alter Hase

  • »BurningWave« ist der Autor dieses Themas

Beiträge: 1 106

Wohnort: Filderstadt/Konstanz

Beruf: Student

  • Private Nachricht senden

10

18.09.2010, 23:13

Ok, jetzt ist alles zentriert aber wie kann ich die einzelnen Elemente ausrichten wie ich will, wenn ich "rechte Spalte" auswähle erscheint der Text trotzdem in der Mitte. Muss ich bei CSS-ID und CSS-Klasse immer etwas reinschreiben? Wie kann ich ein Menü erstellen?

Fragen über Fragen ^^

Werbeanzeige

  • 1
  • 2

Ähnliche Themen