Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 17.03.2008, 22:20
nieselfriem nieselfriem ist offline
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2008
Beiträge: 2
nieselfriem befindet sich auf einem aufstrebenden Ast
Standard joomla template entschlüsseln

Hallo!
Ich möchte eine von einem Joomla-Template erstellte seite auseinanderklamüsernund selbs schreiben. Dort stört mich doch das vorhandenen Tabellendesign, welches ebenfalls in en Menüs vorherrscht. Dieses möchte ich gern in listen umändern
dabei habe ich folgendes Problem, dass das Listenelement zu weit rechts ist. Ich weiß nciht wie ich es weiter links bekomme
Dazu mal das CSS aus Joomla
Code:
body{
margin:0;
padding:0;
text-align: center;
font-family: verdana, arial, sans-serif;
background: #FFF url(back_verlauf.jpg) repeat-x top;
}

a {
text-decoration:  none;
font-weight: bold;
color: #002E61; 
border: none;
 }

a:hover {
text-decoration:  underline; 
border: none;
 }

 #accessibility {
position: absolute -2000px -1000px;
display: none;
}

#source {
position: absolute -2000px -1000px;
display: none;
}

#top-spacer {
width: 100%;
height: 25px;
}

#pagewidth{
width:770px;
text-align:left;
min-width: 500px; 
margin-left:auto;
margin-right:auto;
background: url(back_all.gif) repeat-y top;
}

#header {
height:  116px; 
width:  100%; 
background: #FFF url(back_verlauf.jpg) repeat-x top;
 }
 
#top-top {
height: 30px;
width: 100%;
background: transparent;
}

#top-bottom {
height: 80px;
width: 100%;
background: transparent;
}



#search {
margin: 0px;
padding: 0px;
width: 148px;
height: 28px;
float: right;
background: url(back_search.jpg) right top no-repeat;
padding-left: 10px;
padding-top: 2px;
vertical-align: top;
}

#search .inputbox{
width: 100px;
height: 18px;
font-size: 10px;
color: #002E61;
background: transparent;
border: none;
margin: 0px;
padding: 0px;
line-height: 14px;
}

#search .button{
margin: 0px;
padding: 0px;
height: 14px;
font-size: 10px;
color: #002E61;
background: transparent;
border: none;
line-height: 10px;
}



#search form {
margin: 0px;
padding: 0px;
}

#topmenu {
height: 20px;
float: right;
width: 600px;
}

#pathway{ 
width: 500px;
height: 19px;
padding-left: 20px;
padding-top: 5px;
}

#leftcol{
 width: 152px;
 float: left;
 position: relative;
 margin-right: 1px;
 } 

#rightcol{
 width: 155px;
 float: right;
 position: relative;
 margin-right: 1px;
 margin-top: -25px;
 } 

#outer{
width: 770px;
background: url(content-top.gif) no-repeat top;
padding-top: 6px;
} 



#footer{  
 height: 100px; 
 width:100%; 
 background: url(footer.jpg) no-repeat #FFFFFF; 
 font-size: 10px;
}

#maincol{ 
 float: left; 
 width: 445px;
 position: relative;
 padding-left: 5px; 
 } 

 #maincol-wide{ 
 float: left; 
 width: 595px;
 position: relative; 
 padding-left: 5px;
 } 

.clr{clear:both;}

.content {
padding: 0px 0px 0px 0px;
font-size: 10px;
line-height: 18px;
border: border: 1px solid #999;
}

ul.menu {
	font-style:normal;
	list-style:none;
}

#leftcol div.module, #rightcol div.module {
width: 152px;
background: transparent url(module_middle.jpg) left repeat-y;
margin-bottom: 10px;
}

#leftcol div.module div, #rightcol div.module div {
width: 152px;
background: transparent url(module_top.jpg) top left no-repeat;
}

#leftcol div.module div div, #rightcol div.module div div {
width: 152px;
background: transparent url(module_bottom.jpg)  bottom left no-repeat;
}

#leftcol div.module div div div,#rightcol div.module div div div{
width: 137px;
padding-left: 5px;
padding-right: 10px;
padding-top: 10px;
background: transparent;
padding-bottom: 10px;
font-size: 10px;
}

#leftcol div.module div div div div, #rightcol div.module div div div div{
padding: 0px;
margin: 0px;
}

div.module h3 {
color: #003366;
font-size: 14px;
width: 130px;
border-bottom: 1px solid #002E61;
font-weight: bold;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

#maincol div.module, #maincol-wide div.module {
background: #F6F6F6 url(module_left_top.gif) top left no-repeat;
float: left;
width: 48%;
margin-right: 10px;
margin-bottom: 10px;
}

#maincol div.module div, #maincol-wide div.module div{
background: url(module_right_top.gif) top right no-repeat;
}

#maincol div.module div div, #maincol-wide div.module div div{
background: url(module_right_bottom.gif) bottom right no-repeat;
}

#maincol div.module div div div, #maincol-wide div.module div div div{
background:  transparent url(module_left_bottom.gif) bottom left no-repeat;
padding: 5px;
font-size: 10px;
}
 ul#mainlevel-nav
{
list-style: none;
padding: 0;
margin: 0;
float: right;
}

ul#mainlevel-nav li{
width: auto !important;
width: 5%;
float: right;
margin: 0;
font-size: 10px;
height: 20px;
line-height: 20px;
white-space: nowrap;
background: url(headmenu_left.gif) bottom left no-repeat;
margin-right: 1px;	
}

ul#mainlevel-nav li a{
font-weight: normal;
height: 20px;
display: block;
padding-left: 5px;
padding-right: 10px;
text-decoration: none;
color: #CCCCCC;
background: url(headmenu_right.gif) bottom right no-repeat;
margin-left: 5px;
}

ul#mainlevel-nav li:hover, ul#mainlevel-nav li.sfhover {
background: url(headmenu_left_hover.gif) bottom left no-repeat;
}

ul#mainlevel-nav li:hover a, ul#mainlevel-nav li.sfhover a{
background: url(headmenu_right_hover.gif) bottom right no-repeat;
}
/* Main Menu(s) */

a.mainlevel {
font-size: 10px;
margin-right: 4px;
padding-left: 4px;
width: 139px;
display: block;
line-height: 26px;
margin-bottom: 2px;
text-decoration: none;
color: #002E61;
font-weight: normal;
}

a.mainlevel:hover, a.mainlevel#active_menu {
background: #F1F1F1;
border-right: 4px solid #6685A3;
text-decoration: none;
width: 135px;
}

a.sublevel {
padding: 0px;
margin: 0px;
font-size: 10px;
margin-right: 4px;
padding-left: 12px;
width: 127px;
display: block;
line-height: 20px;
background: url(submenu_back.gif) left center no-repeat;
margin-bottom: 2px;
text-decoration: none;
color: #002E61;
font-weight: normal;
}

a.sublevel:hover, a.sublevel#active_menu {
background: #F1F1F1 url(submenu_back.gif) left center no-repeat;
border-right: 4px solid #6685A3;
text-decoration: none;
width: 123px;

}



/* Module specific */



#leftcol div.module div div div div.syndicate {

background: transparent;

width: 137px;

margin: 0px;

padding: 0px;

}



#leftcol div.module div div div div.syndicate div {

background: transparent;

width: 137px;

margin: 0px;

padding: 0px;

}











div.moduletable h3 {

width: 175px;

height: 30px;

background-color: #E6EDF1;

color: #333333;

font-weight: bold;

font-size: 120%;

font-family: "Trebuchet MS", Verdana, sans serif;

line-height: 32px;

padding-left:5px;

margin-bottom: 5px;

margin-top: 17px;

}



div.moduletable-menu h3 {

width: 175px;

height: 30px;

background-color: #E6EDF1;

color: #333333;

font-weight: bold;

font-size: 100%;

font-family: "Trebuchet MS", Verdana, sans serif;

line-height: 32px;

padding-left:5px;

margin-bottom: 5px;

margin-top: 17px;

}



/* Other Mambo Stuff */



#title {

}

.pathway {

color: #BBBBBB;

font-size: 10px;

text-decoration: none;

font-weight: normal;

}



.pathway a{

color: #BBBBBB;

text-decoration: none;

font-weight: normal;

}



.date {

}

hr {

width:  90%; 

 }

hr.separator {

width:  40%; 

 }

a.pnav {

}

.pnav:hover {

}

.small {

font-size: 10px;

color: #ABABAB;

line-height: 0.7;

}

.smalldark {

font-size: 10px;

color: #000;

height: 10px;

line-height: 10px;

text-align: left;

}



.sectiontableentry1 {

text-align: left;

background: #EFEFEF;

font-size: 10px;

padding: 2px;

}

.sectiontableentry2 {

background: #FFF;

font-size: 10px;

text-align: left;

padding: 2px;

}

.button {

border: 1px solid #BBBBBB;

}

.inputbox {

border: 1px solid #BBBBBB;

}



.createdate {

font-size: 10px;

color: #ABABAB;

height: 10px;

line-height: 0.7;

}

.modifydate {

font-size: 10px;

color: #ABABAB;

height: 20px;

line-height: 20px;

margin-bottom: 5px;

}

a.readon {

font-size: 10px;

text-decoration: none;

line-height: 15px;

border: 1px solid #EEEEEE;

padding-left: 13px;

background: url(readon.gif) no-repeat left;

margin-top: 10px;

text-decoration: none;

font-weight: normal;

}



.blog_more {

font-size: 10px;

}



a.readon:hover {

background: #EEEEEE url(readon.gif) no-repeat left;

text-decoration: none;

}



.blog {

width: 100%;

}



.contentheading {

width: 98%;

font-weight: bold;

font-size: 16px;

height: 23px;

line-height: 20px;

border-bottom: 1px solid #002E61;

font-family: 'Trebuchet MS', verdana, sans-serif;

color: #002E61;

}



table.contentpaneopen {

font-size: 10px;

line-height: 1.8;

width: 98%;

}



table.contentpane td.contentheading {

width: 98%;

font-weight: bold;

font-size: 16px;

height: 23px;

line-height: 20px;

font-family: 'Trebuchet MS', verdana, sans-serif;

color: #002E61;

border: none;

}



table.contentpane ul {

margin: 0px;

padding: 0px;

list-style: none;

}



table.contentpane ul li{

padding: 0px;

margin: 0px;

background: url(readon2.gif) no-repeat left top;

padding-left: 15px;

}



.contentdescription {

font-size: 10px;

}

.sectiontableheader {

font-weight: bold;

font-size: 10px;

height: 25px;

line-height: 25px;

}

.categorytitle {

font-weight: bold;

font-size: 16px;

height: 25px;

line-height: 25px;

font-family: "Trebuchet MS", Verdana, sans serif;

}

.componentheading {

font-weight: bold;

font-size: 16px;

height: 23px;

line-height: 20px;

font-family: "Trebuchet MS", Verdana, sans serif;

border-bottom: 1px solid #002E61;

color: #002E61;

margin-bottom: 5px;

}

a.category {

text-decoration:  underline; 

 }

a.category:hover {

text-decoration:  underline; 

 }

table.moduletable {

width:  100%; 

font-size: 80%;

 }

table.moduletable th  {

font-size: 80%;

}



.poll {

font-size: 10px;

text-align: center;

}





.back_button a{

font-size: 10px;

font-weight: normal;

}



.blogsection {

font-size: 10px;
}

.blog_more ul li{
list-style: none;
padding-left: 14px;
background: url(readon.gif) no-repeat left;
line-height: 18px;
}
table.contenttoc {
border: 1px solid #CCCCCC;
padding: 3px;
}
table.contenttoc th{
font-weight: bold;
font-size: 10px;
border-bottom: 1px solid #BBBBBB;
}
Sorry, dass der COde so lang gezogen ist, im editor ist es nicht so

gruß niesel
Mit Zitat antworten
Sponsored Links