Template Erstellung Probleme mit Bildergalerie

**LexBeer** · 17.11.2008 13:45

Erstmal's ein Hallo an alle!

Vor ca. 2 Monaten habe ich mir das Buch Joomla 1.5 von Hagen Graf gekauft und habe es komplett durchgearbeitet! Jetzt habe ich mich an meinem eigenem Template versucht... bis jetzt hat alles funktioniert, bis ich eine Bildergalerie eingebunden habe!

Diese wird entweder überhaupt nicht (bei Expose4) oder in einer langen Reihe (bei Phoca) dargestellt!

Ok, da liegt der Fehler bei Dir dachte ich... und machte das nächste Tutorial durch!

Hier Habe ich das gleiche Problem, dass die Galerien nicht richtig dargestellt werden!
Was mache ich Falsch bzw. welche Joomla-Klassen muss ich über das CSS ansprechen?

Könnt Ihr mir weiterhelfen!

Hier der der Html-Code des Tutorials!

HTML-Code:

<!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 **********="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/<?php
echo $this->template ?>/css/template.css" type="text/css" />
</head>

<body>
<div id="wrap">
<div id="header">
<div class="inside">
<?php echo $mainframe->getCfg('sitename');?><br />
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
<div id="sidebar">
<div class="inside">
<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<div id="content">
<div class="inside">
<jdoc:include type="module" name="breadcrumbs" style="none" />
<jdoc:include type="component" style="xhtml" />
</div>
</div>
<div id="sidebar-2">
<div class="inside">
<jdoc:include type="modules" name="right" style="xhtml" />
</div>
</div>
<div id="footer">
<div class="inside">
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
</div>

</body>
</html>

Und die CSS des Tutorials ... leider nicht sotiert!

Code:

@charset "utf-8";
/* CSS Document */

* {
margin:0;
padding:0;
}

body {
font-size:76%;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:1.3em;
}

a {
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
margin:0.5em 0;
}

li, dd {
margin-left:1em;
}

fieldset {
padding:.5em;
}

h1, .componentheading {
font-size:1.7em;
}

h2, .contentheading {
font-size:1.5em;
}

h3 {
font-size:1.3em;
}

h4 {
font-size:1.2em;
}

h5 {
font-size:1.1em;
}

h6 {
font-size:1em;
font-weight:700;
}

#wrap {
min-width:760px;
max-width:960px;
border:1px solid #999;
}

#header {
border-bottom:1px solid #999;
}

#content {
float:left;
width:60%;
overflow:hidden;
}

#footer {
clear:both;
border-top:1px solid #999;
font:Arial, Helvetica, sans-serif;
color:#999;
}

.inside {
padding:10px;
}

#sidebar, #sidebar-2 {
float:left;
width:20%;
overflow:hidden;
}

.small, .createdate, .modifydate, .mosimage_caption {
font:Arial, Helvetica, sans-serif;
color:#999;
}

#sidebar .moduletable_menu {
margin-bottom:1em;
border:1px solid #ccc;
padding:0 10px;
}

#sidebar .moduletable_menu h3 {
background:#666;
color:#fff;
text-align:center;
font-size:1.1em;
margin:0 -10px 0.5em;
padding:0.25em 0;
}

#sidebar .moduletable_menu ul {
list-style:none;
margin:0;
padding:0;
}

#sidebar .moduletable_menu li {
border-bottom:1px solid #ccc;
margin:0;
}

#sidebar .moduletable_menu li a {
display:block;
border-left:10px solid #333;
border-right:10px solid #9d9d9d;
background-color:#666;
color:#fff;
text-decoration:none;
padding:3px 5px 3px 0.5em;
}

html>body .moduletable_menu li a {
width:auto;
}

#sidebar .moduletable_menu li a:hover, a#active_menu:link, a#active_menu:visited {
border-left:10px solid #1c64d1;
border-right:10px solid #5ba3e0;
background-color:#2586d7;
color:#fff;
}

**LexBeer** · 18.11.2008 16:36

Kann mir hier Niemand weiterhelfen?

Was ich noch vergessen habe... Ändere ich den Link Bildergalerie auf einen Inhalt mit Text, wird der Inhalt korrekt dargestellt!

**anka** · 18.11.2008 16:50

Bei den Einstellungen der Phocagallery:

> Categories View Settings (Category List) > Number of Columns

**LexBeer** · 19.11.2008 20:08

Funktioniert leider nicht!

Kann das sein, dass ich mir den Quelltext der Seite anzeigen lassen muss und einzelnen Joomla-Klassen contentpane und form action einzeln im template.css nachtragen und definieren muss! Ich bin Joomla Anfänger und stehe zur Zeit wie der Ochse vorm Berg... nur will ich rüber kommen, aufgeben gibts nicht! Ich habe mich auch bei Google schlau gemacht nur leider wenig bis nichts gefunden! Eine war wohl für Anfänger gut geeignet...ist aber kostenpflichtig geworden.

also

#content .contentpane {
}
und
#content form {
}

HTML-Code:

 <div id="content"><div class="componentheading">Bildergalerie - Tattoo</div>
<div class="contentpane">
</div><form action="http://192.168.125.2/webs/joomla/index.php?
option=com_phocagallery&view=category&id=1:Tattoo&Itemid=53" method="post" name="adminForm">
<div id="phocagallery" style="width:100px">  
<div class="phocagallery-box-file" style="height:158px; width:120px">

Mercy Alex

**Pozar_dtp** · 24.11.2008 11:51

Ich habe genau das selbe Problem.

Solltest du eine Lösung gefunden haben bitte posten. Ich mache selbiges !

**Pozar_dtp** · 24.11.2008 16:03

Bin umgestiegen auf MorfeoShow ... ist eine super Bildergalerie und klappt einwandfrei !

**LexBeer** · 24.11.2008 20:36

Hallo Pozar_dtp!

Ich werde mich melden, wenn ich mehr weiß! Wenn es klappt setzte ich mich diese Woche mit anka in Verbindung (bekommt zugang zu meinem Server@home!)

Und die andere Bildergalerie werde ich mir mal ansehen!

Melde mich ende der Woche wieder!

Gruß Alex

**LexBeer** · 28.11.2008 18:34

Lösung mit Hilfe von Anka!

Header für Joomla einfügen! Dann sollte es funktionieren!

HTML-Code:

<!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="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>

Thema: Template Erstellung Probleme mit Bildergalerie

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Template Erstellung Probleme mit Bildergalerie

Template Erstellung Probleme mit Bildergalerie

Erhielt Danksagungen von:

Gelöst

Lesezeichen

Lesezeichen

Berechtigungen