Template anpassen (3 Einstellungen)

**brö$el** · 03.08.2008 23:49

Hallo Joomla Gemeinde,
ich beschäftige mich erst kurz mit Joomla, habe jedoch die letzten Tage viel Zeit in die Einarbeitung des Cms investiert. Einiges klappt schon anders dagegen nicht.

Einige Dinge meines Template bekomm ich einfach nicht angepasst, deshalb benötige ich euren Hilfe.

1. Zu einen möchte ich die Schrift unter den Login Feldern anpassen, was mir nicht gelingen will.

2. Auf der Frontpage ist immer die Überschrift Startseite zu sehen. Wie kann ich das deaktivieren.

3. Möchte ich den Abstand zwischen Mainmenü und Loginfeld vergrößern.

Zur Veranschaulichung kommt hier ein Bild:

**brö$el** · 04.08.2008 21:06

Kann mir da jemand weiter helfen?

**ElPresidente** · 04.08.2008 21:22

Ohne nen Link zur Seite wird dir keiner helfen können. Dafür sind Änderungen an der CSS Datei notwendig....

**ElPresidente** · 04.08.2008 21:38

Lediglich Punkt 1 kannste ohne CSS kentnisse lösen...zumindest wenn du nur den Inhalt/Text ändern möchtest.

Um den Text dort zu ändern....diesen findest du in den folgenden 3 Datein. Da ich darin bisher noch nicht herumgefummelt habe müsstest du das selber rausfinden in welcher genau. Hab per Suchfunktion nach: "noch kein Benutzerkonto" (wie auf deinem Bild zu sehn) gesucht.

die Dateien befinden sich unter /language/de-DE/

de-DE.com_user.ini
de-DE.ini
de-DE.mod_login.ini

letztere dürfte es sein:-)

**brö$el** · 04.08.2008 22:17

Zitat von ElPresidente

Ohne nen Link zur Seite wird dir keiner helfen können. Dafür sind Änderungen an der CSS Datei notwendig....

Ok... Link zu Seite

Und die CSS folgt hier

Code:

body
	{
		margin: 0;
		padding: 0;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
    		font-size:12px;
    		text-align:justify;
		color: #505367;
		background-color: #fff;
	}
	
	#container
	{
		margin: 1em auto;
		width: 800px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #4B5861;
		background:url(../images/navigationsleiste_bg.png) repeat-y;
	}
	
	#topsearch
	{
	  height: 40px;
		background:url(../images/sky.jpg) repeat-x;
	}
	
	#topmenu
	{
	  float:left;
	  width: 640px;
		height: 40px;
		background:url(../images/sky.jpg) repeat-x;
	}
	
	#header
	{
		height: 210px;
		background:url(../images/header.png) no-repeat;
	}
	
	#menu
	{
	  padding:20px 10px 10px 20px;
		float:left;
		width: 170px;	
	}
	
	#contents	
	{
	  padding:60px 5px 20px 20px;
	  margin-left: 180px;
		height: auto;
		background:url(../images/content_bg.jpg) repeat-x;
	}
	
	
	#footer	
	{
		clear: both;
		height: 30px;
		background:url(../images/footer.gif);
		padding:0px 0px 0px 10px;
		text-align:left;
	}
	
	/* Hyperlink hover*/
#footer a:link, a:visited, a:hover, a:active {
	color:#4B5B64;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}
	
	a:link, a:visited, a:hover {
text-decoration:none;
color:#cc4b35;
}

/*SCHRIFTFRABE INHALT*/
td,tr,p,div {
color:#4B5B64;
}

.rechte_spalte{

}
.usermodules_tbl li a:link,.usermodules_tbl li a:hover,.usermodules_tbl li a:visited{
font-weight:normal;
color:#4A5660;
}
.usermodules_tbl h3{
padding-bottom:5px;
border-bottom:2px dotted #408CB3;
}
.usermodules_tbl ul {
margin-top:0;
padding-top:0;
}

ul#mainlevel-nav /*top menu*/
{
margin:0;
padding:0;
font-size:11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

ul#mainlevel-nav li
{
list-style: none;
display:inline;
border-right:2px solid #FFFFFF;
padding:0px 10px 0px 10px;
}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited
{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
ul#mainlevel-nav li a:hover
{
}
.menuecontainer {
width:180px;

}

/*Überschrift*/
.contentheading, .blog_more strong {
font-size:19px;
color:#cc4b35;
background:url(../images/indent2.png) no-repeat;
margin:0px;
padding-left:20px;
padding-bottom:15px;
}

.blog_more strong {
font-weight:lighter;
}

/*MODULE AUSRICHTUNG*/
.moduletable {
padding-top:8px;
text-align:left;
}

.moduletable table tr td div img{
margin-left:-4px;
}.moduletable table tr td div {
height:18px;
}
.moduletable h3 {
font-size:12px;
text-transform:uppercase;
color:#006699;
text-align:left;
margin:0px;
margin-bottom:10px;
}

table.contentpaneopen {
border-spacing:0px;
}
table.contentpaneopen td{
padding-right:10px;
}
.nisi {
	display:none;
}
.contentpane td {
padding-bottom:10px;
}
/* Login-Modul */
#mod_login_username, #mod_login_password{
width:100px;
padding:2px;
}
#mod_login_remember{
padding-bottom:5px;
padding-top:5px;
margin-left:0px;
}

/* Schnellsuche */

#mod_search_searchword{
margin:0;
padding:0;
width:130px;
font-size:9px !important;
border:1px solid #4A5660;
padding:3px;
}


/* Contentgestaltung */

.createdate {
font-size:9px;
padding-bottom:10px;
}
.small{
font-size:9px;
font-weight:bold;
}
.modifydate{
font-size:9px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}
.pagenavbar{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding:5px;
padding-left:0px;
font-weight:bold;
}
.readon:link,.readon:hover,.readon:visited,
.pagenav_next a:hover,.pagenav_next a:link,.pagenav_next a:visited
{
border-left:2px solid #cc4b35;
border-bottom:1px dotted #cc4b35;
padding-left:5px;
padding-bottom:2px;
}
.pagenav_prev a:hover,.pagenav_prev a:link,.pagenav_prev a:visited
{
border-right:2px solid #cc4b35;
border-bottom:1px dotted #cc4b35;
padding-right:5px;
padding-bottom:2px;
}

/* Standard-Tag-Formatierung */
ul {
margin:0;
padding:17px;
}
li{
list-style:url(../images/indent1.png);
}
li a{
font-weight:bold;
}
/* Menüformatierung */
/* -> Hauptmenüpunkt */
a.mainlevel:link, a.mainlevel:visited{
display: block;
color:#4A5660;
text-align:left;
background:url(../images/line_dotted.gif) repeat-x bottom left;
padding-top:4px;
padding-bottom:4px;
height:15px;
}
a.mainlevel:hover{
display: block;
color:#cc4b35;
background-color:#E6E6E6;
padding-left:0px;
}
/* -> Untermenüpunkt */
a.sublevel:link, a.sublevel:visited{
color:#4A5660;
margin-left:10px;
}
a.sublevel:hover{
color:#006699;
}
#active_menu {
font-weight:bold;
}
/*Sectiontable */

.sectiontableheader {
background-color:#dddddd;
font-weight:bold;
padding: 3px 0px 3px 10px;
}
.sectiontableentry1, .sectiontableentry2{
text-align:left !important;
}
.sectiontableentry1, .sectiontableentry1 td{
background-color:#e6e6e6;
padding: 3px 0px 3px 10px;
}
.sectiontableentry2, .sectiontableentry2 td {
background-color:#EFEFEF;
padding: 3px 0px 3px 10px;
}
.sectiontableentry1 a, .sectiontableentry2 a {
font-weight:bold;
}

/* Umfragetabelle */
.poll {
border-spacing:0;
width:100% !important;
}
.button, .inputbox{
border:1px solid #999999;
background-color:#EEEEEE;
margin-bottom:1px;
font-size:11px;
}
.button {
margin-bottom:10px;
margin-top:10px;
}
.inputbox {
padding:3px;
}
.label{
padding:0px;
margin:0px;
vertical-align:top;
}
.contenttoc{
margin:5px;
border:1px solid #CCCCCC;
border-top: none;
border-right:none;
}
.contenttoc td, .contenttoc th  {
text-align:left;
font-size:9px;
padding-left:4px;
padding-bottom:2px;
padding-top:2px;
}
.pagenavcounter {
font-weight:bold;
}
.mosimage {
border:1px solid #CCCCCC;
margin:5px;
}
.mosimage_caption {
border-top:1px solid #CCCCCC;
}
.highlight {
background-color:#DDFFFF;
}

#seitentitel {
	font-size:32px; border-bottom:2px dotted #CCCCCC;
}

#seitenslogan {
	font-size:8px; color:#006699; padding-top:10px; padding-left:2px;
}

**brö$el** · 04.08.2008 22:20

Zitat von ElPresidente

Ohne nen Link zur Seite wird dir keiner helfen können. Dafür sind Änderungen an der CSS Datei notwendig....

Ok... Link zu Seite

Und die CSS folgt hier

Code:

body
	{
		margin: 0;
		padding: 0;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
    		font-size:12px;
    		text-align:justify;
		color: #505367;
		background-color: #fff;
	}
	
	#container
	{
		margin: 1em auto;
		width: 800px;
		text-align: left;
		background-color: #fff;
		border: 1px solid #4B5861;
		background:url(../images/navigationsleiste_bg.png) repeat-y;
	}
	
	#topsearch
	{
	  height: 40px;
		background:url(../images/sky.jpg) repeat-x;
	}
	
	#topmenu
	{
	  float:left;
	  width: 640px;
		height: 40px;
		background:url(../images/sky.jpg) repeat-x;
	}
	
	#header
	{
		height: 210px;
		background:url(../images/header.png) no-repeat;
	}
	
	#menu
	{
	  padding:20px 10px 10px 20px;
		float:left;
		width: 170px;	
	}
	
	#contents	
	{
	  padding:60px 5px 20px 20px;
	  margin-left: 180px;
		height: auto;
		background:url(../images/content_bg.jpg) repeat-x;
	}
	
	
	#footer	
	{
		clear: both;
		height: 30px;
		background:url(../images/footer.gif);
		padding:0px 0px 0px 10px;
		text-align:left;
	}
	
	/* Hyperlink hover*/
#footer a:link, a:visited, a:hover, a:active {
	color:#4B5B64;
	font-family: Tahoma, Arial, Helvetica, sans-serif; 
}
	
	a:link, a:visited, a:hover {
text-decoration:none;
color:#cc4b35;
}

/*SCHRIFTFRABE INHALT*/
td,tr,p,div {
color:#4B5B64;
}

.rechte_spalte{

}
.usermodules_tbl li a:link,.usermodules_tbl li a:hover,.usermodules_tbl li a:visited{
font-weight:normal;
color:#4A5660;
}
.usermodules_tbl h3{
padding-bottom:5px;
border-bottom:2px dotted #408CB3;
}
.usermodules_tbl ul {
margin-top:0;
padding-top:0;
}

ul#mainlevel-nav /*top menu*/
{
margin:0;
padding:0;
font-size:11px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
}

ul#mainlevel-nav li
{
list-style: none;
display:inline;
border-right:2px solid #FFFFFF;
padding:0px 10px 0px 10px;
}

ul#mainlevel-nav li a:link, ul#mainlevel-nav li a:visited
{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
ul#mainlevel-nav li a:hover
{
}
.menuecontainer {
width:180px;

}

/*Überschrift*/
.contentheading, .blog_more strong {
font-size:19px;
color:#cc4b35;
background:url(../images/indent2.png) no-repeat;
margin:0px;
padding-left:20px;
padding-bottom:15px;
}

.blog_more strong {
font-weight:lighter;
}

/*MODULE AUSRICHTUNG*/
.moduletable {
padding-top:8px;
text-align:left;
}

.moduletable table tr td div img{
margin-left:-4px;
}.moduletable table tr td div {
height:18px;
}
.moduletable h3 {
font-size:12px;
text-transform:uppercase;
color:#006699;
text-align:left;
margin:0px;
margin-bottom:10px;
}

table.contentpaneopen {
border-spacing:0px;
}
table.contentpaneopen td{
padding-right:10px;
}
.nisi {
	display:none;
}
.contentpane td {
padding-bottom:10px;
}
/* Login-Modul */
#mod_login_username, #mod_login_password{
width:100px;
padding:2px;
}
#mod_login_remember{
padding-bottom:5px;
padding-top:5px;
margin-left:0px;
}

/* Schnellsuche */

#mod_search_searchword{
margin:0;
padding:0;
width:130px;
font-size:9px !important;
border:1px solid #4A5660;
padding:3px;
}


/* Contentgestaltung */

.createdate {
font-size:9px;
padding-bottom:10px;
}
.small{
font-size:9px;
font-weight:bold;
}
.modifydate{
font-size:9px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}
.pagenavbar{
border-top:1px dotted #CCCCCC;
border-bottom:1px dotted #CCCCCC;
padding:5px;
padding-left:0px;
font-weight:bold;
}
.readon:link,.readon:hover,.readon:visited,
.pagenav_next a:hover,.pagenav_next a:link,.pagenav_next a:visited
{
border-left:2px solid #cc4b35;
border-bottom:1px dotted #cc4b35;
padding-left:5px;
padding-bottom:2px;
}
.pagenav_prev a:hover,.pagenav_prev a:link,.pagenav_prev a:visited
{
border-right:2px solid #cc4b35;
border-bottom:1px dotted #cc4b35;
padding-right:5px;
padding-bottom:2px;
}

/* Standard-Tag-Formatierung */
ul {
margin:0;
padding:17px;
}
li{
list-style:url(../images/indent1.png);
}
li a{
font-weight:bold;
}
/* Menüformatierung */
/* -> Hauptmenüpunkt */
a.mainlevel:link, a.mainlevel:visited{
display: block;
color:#4A5660;
text-align:left;
background:url(../images/line_dotted.gif) repeat-x bottom left;
padding-top:4px;
padding-bottom:4px;
height:15px;
}
a.mainlevel:hover{
display: block;
color:#cc4b35;
background-color:#E6E6E6;
padding-left:0px;
}
/* -> Untermenüpunkt */
a.sublevel:link, a.sublevel:visited{
color:#4A5660;
margin-left:10px;
}
a.sublevel:hover{
color:#006699;
}
#active_menu {
font-weight:bold;
}
/*Sectiontable */

.sectiontableheader {
background-color:#dddddd;
font-weight:bold;
padding: 3px 0px 3px 10px;
}
.sectiontableentry1, .sectiontableentry2{
text-align:left !important;
}
.sectiontableentry1, .sectiontableentry1 td{
background-color:#e6e6e6;
padding: 3px 0px 3px 10px;
}
.sectiontableentry2, .sectiontableentry2 td {
background-color:#EFEFEF;
padding: 3px 0px 3px 10px;
}
.sectiontableentry1 a, .sectiontableentry2 a {
font-weight:bold;
}

/* Umfragetabelle */
.poll {
border-spacing:0;
width:100% !important;
}
.button, .inputbox{
border:1px solid #999999;
background-color:#EEEEEE;
margin-bottom:1px;
font-size:11px;
}
.button {
margin-bottom:10px;
margin-top:10px;
}
.inputbox {
padding:3px;
}
.label{
padding:0px;
margin:0px;
vertical-align:top;
}
.contenttoc{
margin:5px;
border:1px solid #CCCCCC;
border-top: none;
border-right:none;
}
.contenttoc td, .contenttoc th  {
text-align:left;
font-size:9px;
padding-left:4px;
padding-bottom:2px;
padding-top:2px;
}
.pagenavcounter {
font-weight:bold;
}
.mosimage {
border:1px solid #CCCCCC;
margin:5px;
}
.mosimage_caption {
border-top:1px solid #CCCCCC;
}
.highlight {
background-color:#DDFFFF;
}

#seitentitel {
	font-size:32px; border-bottom:2px dotted #CCCCCC;
}

#seitenslogan {
	font-size:8px; color:#006699; padding-top:10px; padding-left:2px;
}

Zitat von ElPresidente

Lediglich Punkt 1 kannste ohne CSS kentnisse lösen...zumindest wenn du nur den Inhalt/Text ändern möchtest.

Nein ich möchte gerne die Schriftgröße ändern.

**anfänger1** · 04.08.2008 22:22

1. http://wiki.joomlers.de/templates:firebug

2. breadcrumbs

3. http://www.joomla-workshop.de/content/view/357/44/

**ElPresidente** · 04.08.2008 22:28

Wie immer gilt vorher ne Template Sicherung machen

1. Die Schriftgröße/Farbe wird für alles zusammen hier gesteuert. (ab Zeile 5):

body
margin: 0;
padding: 0;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
color: #505367;
background-color: #fff;

**ElPresidente** · 04.08.2008 22:34

2. wurde dir beantwortet...pathway entfernen als Suchwort bringt ebenfalls viele Lösungen über die Suchfunktion

3. ab Zeile 147 (CSS):

/*MODULE AUSRICHTUNG*/.moduletable {
padding-top:8px;
text-align:left;

Das fett markierte....da nen höheren Wert eintragen

**Wizard1** · 04.08.2008 22:39

3.) Ich würde ein padding-bottom hinzufügen.

Ich weiß nicht warum Firebug & Co so hoch gehandelt werden. Wenn keine Grundkenntnisse vorhanden sind, helfen die Tools auch nichts.

Thema: Template anpassen (3 Einstellungen)

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Template Einstellungen

Re:

Re:

Erhielt Danksagungen von:

Re:

Erhielt Danksagungen von:

Re:

Erhielt Danksagungen von:

Re

Erhielt Danksagungen von:

Lesezeichen

Lesezeichen

Berechtigungen