bebek54 » 07 Mar 2008
hasan alta temamın css kodlarımı vereceğim bu kodlardan nereye ve hangi kodu yazmayalım modül arkaplanına istediğim resimleri yerleştirmem için yardımcı olursan sevinirim
---joomla.css----
* {
margin:0;
padding:0;
}
/*general*/
body {
}
td,p,div,tr {
font-family:"Trebuchet MS", Arial,Verdana,Tahoma;
font-size:12px;
color:#666;
line-height:normal;
//linklerin rengi deÄŸiÅŸiyor
}
p {margin:0 0 1em 0}
a:link, a:visited {
color: #FF4A77;
text-decoration:none;
font-weight:bold;
//kinklerin üzerine gelinceki renk
}
a:hover{
color: #FC90D0;
}
form {
display:inline;
margin:0; padding:0;
}
h1{
font-weight:normal;
font-size:20px;
}
h2{
font-weight:bold;
font-size:18px;
}
h3{
font-weight: normal;
font-size:18px;
}
h4{
font-weight:normal;
font-size:16px;
}
h5{
font-weight:normal;
font-size:14px;
}
ul {
}
li {
margin-left:20px;
}
img {
border:none;
}
ol{
margin-left:40px;
list-style-position:inherit;
}
blockquote {
margin: 10px;
}
blockquote div {
}
pre {
}
/* joomla - mambo css */
table.contenttoc{
margin:3px;
padding:3px;
text-align:left;
}
.contenttoc th{
border-bottom:1px solid #666;
padding-bottom:5px;
color:#333333;
font-weight:bold;
text-align:left;
}
.contenttoc a {
padding-left:0;
font-weight:bold;
}
table.contenttoc td {
text-align:left;
font-size:85%;
}
.contentpane{
text-align:left;
color:#F9E5BB;
line-height:18px;
}
.contentpaneopen ul {
margin-left:20px;}
.contentpane ul {
margin-left:20px;}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
table.contentpaneopen li {
margin-left:40px;
}
.contentpaneopen fieldset{
width:100%;
border:none;
}
.contentpaneopen td{
text-align:left;
}
.contentpaneopen td.buttonheading{
padding:0px;
margin:0px;
}
td.contentdescription {
width:100%;}
li.latestnews a {
color: #cc0000;
}
li.latestnews a:hover {
color: #000;
}
li.latestnews a:visited{
color: #999;
}
ul.mostread {
font-weight:normal;
}
li.mostread a {
color: #cc0000;
}
li.mostread a:hover {
color: #000;
}
li.mostread a:visited{
color: #999;
}
.contentheading,td.contentheading {
font-size:20px;
font-weight:normal;
font-family:"Lucida Sans","Trebuchet MS", Arial,Verdana, Tahoma;
color: #BABA04;
text-align:left;
line-height:20px;
}
div.componentheading {
font-size:20px;
font-weight:normal;
font-family:"Lucida Sans","Trebuchet MS", Arial,Verdana, Tahoma;
color: #BABA04;
text-align:left;
line-height:20px;
}
a.contentpagetitle {
font-weight:normal;
font-family:Arial, Verdana, Tahoma;
font-size:24px;
color: #cc0000;
padding-top:2px;
padding-bottom:5px;
}
a.contentpagetitle:hover{
color: #000;
}
a.category{ font-weight:bold;}
.createdate,td.createdate{
color:#333;
font-size:11px;
font-weight:bold;
height:10px;
background:url(../images/date.gif) no-repeat;
padding:0 0 2px 20px;
}
td.modifydate{
color:#666;
font-size:10px;
font-weight:normal;
}
span.small{
color: #666;
font-size:11px;
font-weight:bold;
}
.highlight {
background-color: #009900;
color:#F9E5BB;
}
.mosimage {
margin:5px;
padding:5px;
}
.mosimage_caption {
padding:3px 2px;
color:#666;
font-size:10px;
border-top:1px solid #666;
}
.contentpaneopen img { margin:5px;}
.contentpane img { margin:5px;}
a.mainlevel:link, a.mainlevel:visited {
font-family:"Lucida Sans", "Trebuchet MS", Arial;
font-size:13px;
vertical-align:middle;
padding:0 0 0 0;
font-weight: bold;
color: #BABA04;
text-align:right;
text-decoration:none;
display:block;
width:170px!important;
width:180px;
margin-bottom:4px;
line-height:20px;
border-bottom:2px dotted #CCC;
background:url(../images/kres.gif) right bottom no-repeat;
padding-right:20px;
}
a.mainlevel:hover {
display:block;
line-height:20px;
color:#ccc;
background:url(../images/kres_hover.gif) right bottom no-repeat;
}
a.mainlevel#active_menu {
color: #000000;
display:block;
background:url(../images/kres_hover.gif) right bottom no-repeat;
line-height:20px;
}
a.mainlevel#active_menu:hover {
}
a.sublevel:link, a.sublevel:visited {
font-size:11px;
font-family:"Lucida Sans", "Trebuchet MS", Arial;
font-weight:bold;
height:13px;
line-height:10px;
display:block;
color: #666;
padding-left:20px;
border-bottom:2px dotted #cccccc;
background:url(../images/kres.gif) no-repeat left bottom;
}
a.sublevel:hover {
color: #333333;
text-decoration:underline;
}
#mod_login_username{
color: #666;
border:1px solid #ff0000;
}
#mod_login_password{
color: #666;
border:1px solid #ff0000;
}
#mod_login_remember{
border:none;
background:none;
margin:0;
}
ul#mainlevel-nav {
list-style : none;
}
ul#mainlevel-nav li {
float : right;
font-weight : normal;
text-align : center;
display : block;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 20px;
padding-right : 5px;
padding-top:0px;
text-decoration : none;
color: #333;
font-size:11px;
border-left:1px dotted #ccc;
}
ul#mainlevel-nav li a:hover {
display : block;
padding-left : 20px;
padding-right : 5px;
color: #cc0000;
}
.inputbox {
background:#fff;
border:1px solid #f0f0f0;
color:#666;
}
.button{
background:#FF4571;
color:#fff;
padding:1px;
margin:5px 0 5px 0;
font-size:10px;
border:1px #DC0037 solid;}
#mod_login_remember{
border:none;
background:none;
}
#mod_search_searchword {
font-size:11px;
font-weight:bold;
font-family:arial,verdana,tahoma;
height:16px;
color:#CCCCCC;
border:none;
background:#FF0000;
border:1px solid #538FCB;
margin:5px;
}
.sectiontableheader {
font-weight:bold;
padding:4px;
}
.sectiontableentry1 td {
background:#FBC6D3;
padding-bottom:2px;
}
.sectiontableentry2 td{
padding-bottom:2px;
}
.sectiontableentry1 {
padding:3px;
}
.sectiontableentry2 {
padding:3px;
}
.sectiontableentry1 label{
padding-left:5px;}
.sectiontableentry2 label {
padding-left:5px;}
ul.latestnews li{
padding:0px;
margin-left:0px;
text-align:left;
}
ul.latestnews {
margin-left:15px;
font-weight:normal;
}
.latestnews a:hover {
color: #99FF99;
}
.mostread a:visited{
color: #ccc;
}
.readon {
text-align:right;
display:block;
background:url(../images/star_readon.gif) no-repeat right top;
padding-right:15px;
}
.back_button a {
display:block;
text-align:center;
font-weight:bold;
}
.back_button a:hover {
color: #009933;
}
.pagenav {
text-align: center;
color: #999999;
}
.pagenavcounter {
font-weight:bold;
}
a.pagenav, a.pagenav:visited {
color:#666;
}
a.pagenav:hover {
color: #333333;
text-decoration:underline;
}
span.pathway {
color:#8C8C34;
font-size:11px;
}
span.pathway a:link,
span.pathway a:visited {
color:#8C8C34;
font-weight:bold;
font-size:11px;}
div.moduletable {
text-align:left;
margin-top:0;
color:#FF9600;
//modul başlıkları
}
div.moduletable ul li.latestnews,
div.moduletable ul li.mostread
{
line-height: normal;
}
div.moduletable table {
width: auto;
}
div.moduletable td {
text-align:left;
}
div.moduletable img {
margin:4px;
}
div.moduletable h3 {
}
----custom.css----
.bodies {
font-weight:normal;
font-family: arial,Verdana,tahoma;
color:#666;
background: url(../images/bg_all.gif) repeat-x #ffffff;
}
#wrapper {
margin:auto 0px;
}
#pagewrapper {
background:url(../images/bg_repeatx.jpg) repeat-x;
}
#pagewrapper_inner_left {
background:url(../images/bg_norepeat_left.jpg) no-repeat top left;
}
#pagewrapper_inner_right {
background:url(../images/bg_norepeat_right.jpg) no-repeat top right;
}
#bodywrapper {
margin:0 100px 0 100px;
padding-top:72px;
/* border:1px solid #FF0000;*/
}
#logo {
text-align:left;}
#xtd_menu {
margin-left:20px;
}
#slideshow {
margin-top:10px;
margin-left:0px!important;
margin-left:10px;
}
#midsect {
margin-top:10px;
margin-left:10px;}
#midsect_left {
width:190px;
margin-right:10px;
float:left;}
#midsect_right div.moduletable h3,
#midsect_left div.moduletable h3 {
margin-bottom:5px;
padding-left:25px;
font-weight:bold;
line-height:34px;
background:url(../images/star.gif) no-repeat;
width:170px;}
#midsect_right div.moduletable,
#midsect_left div.moduletable {
margin-bottom:5px;
}
#midsect_mid {
float:left;}
#midsect_right {
width:190px;
float:left;
margin-left:10px;}
/* setting for 4 top medule */
#topmodsection {
background: url(../images/bggreenshad.gif) repeat-x top left #FF91BA;
width:760px;
margin-top:10px;
}
#topmodsection a { color:#CE004B;}
#topmodsection a:hover { color:#FFFFFF;}
#topmodsection_inner {}
.topmodsection_inner_c{}
#topmodsection_1 {
float:left;
}
#topmodsection_2 {
float:left;}
#topmodsection_3 {
float:left;}
#topmodsection_4 {
float:left;}
#topmodsection div.moduletable h3 {
font-size:12px;
font-family:"Lucida Sans", Arial, Verdana;
text-transform:uppercase;
font-weight:bold;
color:#fff;
margin-bottom:7px;
padding-left:25px;
line-height:20px;
background:url(../images/leaf.gif) no-repeat top left;
}
#topmodsection div.moduletable,
#topmodsection div.moduletable p,
#topmodsection div.moduletable td {
color:#FFFFFF;
padding:10px;
font-size:11px;
margin-bottom:0;
}
/*setting for footer */
#footer_wrapper {
margin-top:10px;
background:#ffffff;
padding:10px;
border-top:2px dotted #cccccc;
}
#footer_left {
width:300px;
float:left;}
#footer_left div {
text-align:left;
font-size:10px;
color:#666;}
#footer_left div a {
color:#666;}
#footer_right {
width:450px;
float:right;
padding-top:5px;}