zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden joomla template entschlüsseln

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 17.03.2008, 23:20
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
  #2 (permalink)  
Alt 18.03.2008, 12:58
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 17.03.2008
Beiträge: 2
nieselfriem befindet sich auf einem aufstrebenden Ast
Standard ergänzung

auf dieser Seite könnt ihr euch das problem mal anschauen
Jtest
der obere menüeintrag Personalmanagement liste ist das problem
gruß niesel
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 18.03.2008, 14:12
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 26.10.2005
Beiträge: 165
tesa befindet sich auf einem aufstrebenden Ast
Standard

gib ul.menu mal padding-left:0;
lies bitte auch Für Fragende, für Antwortende
__________________
"Das macht nicht wirklich Sinn" hat eigentlich keinen Sinn!

Geändert von tesa (18.03.2008 um 14:14 Uhr)
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Joomla 1.5 - Menüstrukur: Template Siteground j15-59 MarcusAntonius CSS 0 05.10.2010 19:54
Joomla Template - Seite zentrieren? Dav1d CSS 15 02.02.2009 15:38
Design CCS Problem bei Joomla Template KITN Alomaman CSS 4 07.01.2008 16:43
Joomla Template Problem tyrannski CSS 0 15.02.2007 16:06


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:26 Uhr.