Hilfe bei ändern eines bestehenden templates

Moderator: Sisko1990

Forum rules
Forumregeln
Locked
stekus
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Thu Feb 03, 2011 11:39 am

Hilfe bei ändern eines bestehenden templates

Post by stekus » Sun Feb 06, 2011 1:39 pm

Ich möchte bei einem einfachem template, dass aus 3 spalten besteht (leftcol, maincol und rightcol) ein zweites "kästchen" unter maincol haben in dem ich dann ein modul anzeigen lasse. leider bekomme ich das nicht ganz gebacken. Ich glaube ichhabe in der css ein maincolb definiert, dass wie das maincol auszusehen hat. Diese will ich dann in der index.php über <div class="maincolb"><jdoc:include type="modules" name="fusszeile" style="rounded"/></div> nach maincol einfügen, nur: wie ich es drehe und wende kommt das maincolb oberhalb der rightcol und nicht unterhalb der maincol zu liegen, warum? ausserdem finde ich fusszeile nicht als position, die ich einem modul geben könnte!?

template.css

Code: Select all

/**
 * @version $Id: template.css
 * @author SiteGround
 * @package Joomla
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
body,html {height:100%;}
body{background:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#777;margin:0;padding:0}
.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}
ul{list-style:none;margin:0;padding:0}
a,img{outline:none;margin:0;padding:0;border:none;}
a:link, a:visited { color:#777;text-decoration:none;}
a:hover, a:active, a:focus { color:#d76628; }
form { padding:0;margin:0; }
header, nav, menu, section, aside, article, footer { display:block; }

h1,h2,h3,h4,h5,h6 { margin:0 0 20px;font-family: Arial,Helvetica,Tahoma, serif; color:#666;line-height:normal; }

h1 { font-size:24px;}
h2 { font-size:20px; color:#5e759a;}
h3 { font-size:18px; color:#5e759a;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:11px;}


iframe {border:none;}
dl dd {
	padding:0 0 0 10px;
	margin:0;
}

fieldset { border:none;margin:0;padding:0;}
input, textarea, button { border: 1px solid #D5D5D5;color: #666666;background:#fff;}
button { background:#f8f8f8; }

p { margin:0 0 10px; }

.page_bg { background: #c7ccd4; }
.page { min-height: 100%; }

.wrapper { padding-bottom: 100px;width:980px;margin:0 auto; }

.main { margin:0 auto; }
.top { margin:20px auto;height:52px;}
.top .menu { height:52px;padding:0 10px;background: transparent url(../images/top_bg.png) no-repeat top right;text-decoration:none;}
.top .menu li { float:left;height:48px;margin:0 10px 0 0;font-size:12px;}
.top .menu a { float:left;}
.top .menu a span { float:left;height:48px;padding:0 10px;color:#fff;line-height:47px;cursor:pointer;}
.top .menu a:hover span { color:#d76628; }

.logo {
	margin:20px auto;
}
.logo h1 { padding: 30px;font-family: 'Calligraffitti', serif;color:#5e759a;text-shadow:1px 1px #fff; font-size: 50px; font-style: normal; font-weight: 400; line-height: 50px; }


#breadcrumbs { position:absolute;bottom:20px;left:20px;}

.leftcol { float:left;width:220px;margin:0 20px 0 0;overflow:hidden; }
.rightcol { float:right;width:220px;margin:0 0 0 20px;overflow:hidden; }

.maincol { float:left;width:500px;overflow:hidden; }
.maincolb { float:left;width:500px;overflow:hidden; }
.maincol_left { float:left;width:740px;overflow:hidden; }
.maincol_right { float:left;width:740px;overflow:hidden; }
.maincol_full { overflow:hidden; }

.cont {
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#f4f5f6;
	padding:10px;
	overflow:hidden;
}

.leftcol div div div .custom,
.rightcol div div div .custom,
{ background:none;padding:0 20px; }

.separator { font-size:12px;padding:20px 0 0;display:block;color:#505050;font-size:12px;font-weight:700; }

.module_menu,
.module { float:left;width:100%;margin:0 0 20px;}

.module .custom,
.module .latestnews
{
	margin:0 20px;
}

.module_menu div,
.module div
{ background: #f4f5f6;}

.module_menu div div,
.module div div
{ background: transparent url(../images/module_b_bg.png) no-repeat bottom center; }

.module_menu div div div,
.module div div div
{ padding:10px 0 20px;background: transparent url(../images/module_t_bg.png) no-repeat top center; }

.module div div div > p { margin:0 20px; }

.module_menu div div div div,
.module div div div div
{ background:none;margin:0;padding:0;}

.module_menu div div div h3,
.module div div div h3
{ margin:0;padding:0 20px 10px;color:#505050;font-size:14px;font-weight:700;line-height:20px;}


.module_menu .menu,
.module .menu
{ margin:0 20px 0 10px; }

.module_menu .menu li,
.module .menu li
{ padding:0 0 0 10px;line-height:20px;}

.module_menu .menu li a,
.module .menu li a
{ display:block;}

.module_menu .menu li a span,
.module .menu li a span
{ display:block;padding:0 0 0 10px;background: transparent url(../images/arrow1.gif) no-repeat left 7px;cursor:pointer;}

#login-form {
	margin:0;
	padding:0;
}

fieldset.userdata {
	border:none;
	margin:0 20px;
	padding:0;
	height:150px;
	position:relative;
}

#login-form ul { margin:20px 20px 0; }

fieldset.userdata label {display:block;line-height:16px; }
#form-login-remember label { display:inline; }

fieldset.userdata input { border:1px solid #d5d5d5;background:none;color:#666;width:178px; }
fieldset.userdata input.button { position:absolute;bottom:0;left:0;width:80px;}

#form-login-username,
#form-login-password,
#form-login-remember { margin:0 0 10px;overflow:hidden; }

#modlgn-remember { float:none;margin:0 0 0 10px;border:none;background:none;width:auto; }


.module .search { margin: 0 20px;position:relative; }
.search label { display:none; }
#mod-search-searchword {
	border:1px solid #d5d5d5;background:none;color:#666;width:160px;
}
.module .search .button { position:absolute;right:0;top:0;text-indent:-9999px;width:20px;height:20px;background: transparent url(../images/search_bg.png) no-repeat center center;}


/* maincol */
.cont h2,
.cont h2 a {
	color:#555;
  	font-size: 26px;
  	line-height:normal;
  	text-shadow:1px 1px #fff;
  	margin:0 0 10px;
}

.items-leading,
.category-desc
{
	margin:0 0 20px;
}

/* items row */
.items-row .item { margin:0 0 20px 0;text-align:justify; background:#eeeeee;padding:10px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.items-row .item h2,
.items-row .item h2 a { font-size:18px;}
.item .readmore { text-align:right;margin:0;}
.item .readmore a { color:#d76628;font-weight:700; }


.actions { overflow:hidden;margin:0 0 10px;}
.actions li { float:left; }
.actions li img { float:left;margin:0 6px 0 0; }


.category-desc img { margin:0 10px 4px }
.category-desc a, .category-desc a:link, .category-desc a:visited { color:#d76628;text-decoration:underline;}
.image-left { float:left;margin:0 10px 4px 0; }
.image-right { float:left;margin:0 0 4px 10px; }


.item-title { font-size:12px; }
.main .categories-list ul li {
    padding: 5px;
}

.category-desc {
    line-height: 1.7em;
    margin: 10px 0;
    padding-left: 0;
}

.category-desc p { line-height:40px; }
.pagination { overflow:hidden;padding:10px 0; }
.pagination .counter { margin:0; }

.current > a > span {
	color:#d76628;
}

.pagination ul { overflow:hidden;}
.pagination ul li {
	float:left;
	margin:0 6px 0 0;
}

.pagination .pagenav {
	display:block;
	background:#fff;
	margin:0 4px 0 0;padding:2px 6px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}


.pagenav .pagenav-prev { float:left; }
.pagenav .pagenav-next { float:right; }
.pagenav-prev, .pagenav-next {
	background:#fff;
	margin:0 4px 0 0;padding:2px 6px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}

/* end maincol */

/* tables */

table { border-collapse:collapse }

table, table th, table td { border:solid 1px #d5d5d5 !important }


table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
	background:#dedede;
	color:#777
}


table.weblinks,
table.category
{ margin:10px 10px 20px 0px;width:99%; }

table.weblinks td
{ border-collapse:collapse; }

table.weblinks td,
table.category td
{ padding:7px; }

table.weblinks th,
table.category th
{ padding:7px;text-align:left }

td.num
{ vertical-align:top;text-align:left; }

td.hits
{ vertical-align:top;text-align:center }

td p
{ margin:0;line-height:1.3em }

.filter
{ margin:10px 0 }

.display-limit,
.filter
{ text-align:right;margin-right:7px }

/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img
{ padding:2px 10px }

.filter-search
{ float:left; }
.filter-search .inputbox
{width:6em}

legend.element-invisible
{
        position:absolute;
        /* need margin top and left doesn't work for the legend element */
        margin-left:-3000px;
        margin-top:-3000px;
        height:0px;
}

.cat-items
{ margin-top:20px }

#contact-slider .panel {
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}

#contact-slider .panel h3 { margin:0; }
#contact-slider .panel h3 a { font-size:18px;line-height:normal; }
#contact-slider .panel .pane-slider { padding:10px 0 0 0; }
#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }

.contact-email label
{ float:left;width:140px; }

#member-registration label { display:block; }
#member-registration legend { font-size:20px; }

#member-registration dd { padding:0;margin:0 0 10px; }

.contact-links li { line-height:20px; }


/* */
#jform_email-lbl { width:200px;float:left; }
#article-index li { line-height:20px; }

.cont li {line-height:20px;}
.cont .menu li,
#article-index li,
.cont .latestnews li,
.cont .relateditems li,
.cont .categories-module li
{
	padding:0 10px 0 20px;
	line-height:20px;
	background: transparent url(../images/arrow-1.png) no-repeat top left;
}

#article-index ul,
.cont .menu { margin:10px 0; }

.stats-module dt {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.cont .login,
.cont .registration,
#user-registration {
	background:#fff;
	margin:0 0 10px 0;
	padding:20px 80px 20px 20px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:0 0 10px 0;
    background: #fff url(../images/login_bg.png) no-repeat center right;
}

.cont .login label { float:left;width:100px;}
.cont .login .login-fields {overflow:hidden;margin:0 0 10px;}

footer { margin-top:-100px;height: 60px;padding:40px 0 0 ;}
footer .footer { width:960px;height:52px;line-height:48px;margin:0 auto;padding:0 10px;color:#ccc;background: transparent url(../images/top_bg.png) no-repeat top right; }
footer .footer a { color:#ccc;}

.error {
	background:#fdcdc9;
	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#system-message { margin:0; }
#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }
#system-message dd.warning li { line-height:20px;background: transparent url(../images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }

.tip-wrap {
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* rotator placement */
div#rotator
{
	position:relative;
	height:224px;
	margin:0 0 20px;
}
/* rotator css */
div#rotator ul li {
	float:left;
	position:absolute;
}
/* rotator image style */	
div#rotator ul li img {
	border:1px solid #ccc;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px;
	background: #fff;
}
div#rotator ul li.show {
	z-index:500;
}

.syndicate-module { margin:0 20px; }

/* social_media */
.leftcol .social_media,
.rightcol .social_media { padding:10px 20px;overflow:hidden; }
.social_media a { padding:0;float:left;height:24px;width:24px;line-height:23px;margin:6px 3px 0;}
.social_media a.deviantart { background: transparent url(../images/social_media/deviant-art.png) no-repeat left center; }
.social_media a.digg { background: transparent url(../images/social_media/digg.png) no-repeat left center; }
.social_media a.ebay { background: transparent url(../images/social_media/ebay.png) no-repeat left center; }
.social_media a.facebook { background: transparent url(../images/social_media/facebook.png) no-repeat left center; }
.social_media a.flickr { background: transparent url(../images/social_media/flickr.png) no-repeat left center; }
.social_media a.icq { background: transparent url(../images/social_media/icq.png) no-repeat left center; }
.social_media a.linkedin { background: transparent url(../images/social_media/linkedin.png) no-repeat left center; }
.social_media a.myspace { background: transparent url(../images/social_media/myspace.png) no-repeat left center; }
.social_media a.skype { background: transparent url(../images/social_media/skype.png) no-repeat left center; }
.social_media a.twitter { background: transparent url(../images/social_media/twitter.png) no-repeat left center; }
.social_media a.vimeo { background: transparent url(../images/social_media/vimeo.png) no-repeat left center; }
.social_media a.[youtube] { background: transparent url(../images/social_media/[youtube].png) no-repeat left center; }
/* end social_media */

 
stekus
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Thu Feb 03, 2011 11:39 am

Re: Hilfe bei ändern eines bestehenden templates

Post by stekus » Sun Feb 06, 2011 3:20 pm

so, weiter eigenstudium betrieben und folgendes dazugelernt: fusszeile (war mir zu lang deswegen in bottom umbenannt) muss in templateDetails.xml als position eingetragen werden. hab ich erledigt und kann es nun auch als position für eine modul wählen. nur angezeigt wird mir die sache nicht! :(

ein modul ist in position bottom aktiviert und veröffentlicht. so steht der code in der index.php, warum wird nichts angezeigt?

Code: Select all

<?php if( $this->countModules('bottom') ) : ?>
      <div class="maincolb">         
        <jdoc:include type="modules" name="bottom" style="rounded"/>
      </div>
      <?php endif; ?>  
     </div> 

stekus
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Thu Feb 03, 2011 11:39 am

Re: Hilfe bei ändern eines bestehenden templates

Post by stekus » Sun Feb 06, 2011 9:21 pm

so, das modul wird angezeigt. wie ich ein weiteres kästchen machen soll verstehe ich immer noch nicht aber habs zwischenzeitlich anderst gelöst. würde mich trotzdem freuen wenn mir einer das erklären könnte!

User avatar
Slowrider
Joomla! Ace
Joomla! Ace
Posts: 1060
Joined: Wed Apr 21, 2010 7:36 am

Re: Hilfe bei ändern eines bestehenden templates

Post by Slowrider » Fri Feb 11, 2011 12:11 pm

Das Ausbleiben der Antworten liegt sicher an der fehlenden Praxis der Besucher, Templates für 1.6 bereits geändert oder erstellt zu haben. Du bist zu früh ;-)

stekus
Joomla! Apprentice
Joomla! Apprentice
Posts: 11
Joined: Thu Feb 03, 2011 11:39 am

Re: Hilfe bei ändern eines bestehenden templates

Post by stekus » Sat Feb 12, 2011 11:16 pm

dem wird wohl so sein. aber mit der momentanen lösung komme ich eh gut zurecht ...

RedEye
Joomla! Ace
Joomla! Ace
Posts: 1460
Joined: Sat Jan 21, 2006 8:42 pm

Re: Hilfe bei ändern eines bestehenden templates

Post by RedEye » Wed Mar 09, 2011 7:58 pm

An der Templateerstellung hat sich nicht wirklich was geändert, die Antworten bleiben eher aus weil hier Dinge gequotet werden die dafür absolut nicht relevant sind (meine damit die gesamte css Datei die gepostet wurde)
wie ich es drehe und wende kommt das maincolb oberhalb der rightcol und nicht unterhalb der maincol zu liegen, warum? ausserdem finde ich fusszeile nicht als position, die ich einem modul geben könnte!?
wenn es oberhalb der rightcol sichtbar ist wurde es falsch eingebunden in der Template file, Du findest die Modulposition nicht, hast Du sie denn eingetragen in Deine xml file, bzw kannst Du auch den Namen der Position einfach ins Positionsfeld schreiben und speichern.

 

Locked

Return to “Template, CSS und Designfragen”