حاولت فيها ما ظبط معي
الصورة الى بخلفية العنوان
اسمها
(images/cat.jpg)
هذا الكود تبع القوائم
كود:
/*++++++++++++++++++++++++++++++ Sidebar +++++++++++++++++++++++++++++++++*/
.sidebar{
float: right;
width: 386px;
margin: 1px 0 0 2px;
background:#fff;
}
.sidebar ul{
list-style: none;
margin: 0;
padding: 0 10px 0 10px;
}
.sidebar ul li{
padding: 10px 0;
}
.sidebar ul li h2{
font-family: Arial, Sans-serif;
font-size: 14px;
}
.sidebar ul ul li{
padding: 0;
line-height: 24px;
}
/*+++++++++++++++++++++++ Sidebar: Top component ++++++++++++++++++++++++++*/
#sidebar_top {
margin:6px 0 0 0;padding:8px;
background:url(images/sidebar_top.jpg) repeat-x;
width: 369px;
line-height:12px;
text-align:justify;
border:1px solid #91d3e9;
font-size:10px;
font-family:Tahoma;arail;verdana;
}
#sidebar_top h4 {
color:#0e5268;
margin-bottom:3px;
font-size:14px;
}
/*++++++++++++++++++++++ Sidebar: Left component +++++++++++++++++++++++++*/
.lsidebar {
margin:0; padding:0;
float:left;
width:181px;
}
.lsidebar ul{
list-style: none;
margin: 0;
padding: 0 1px 0 0;
}
.lsidebar ul li{
padding: 4px 0px 4px 0;
font-family: Arial, Georgia, Sans-serif;
font-size: 11px;
color:#7a888c;
margin:0;
}
.lsidebar ul li a:link, .lsidebar ul li a:visited {
color:#0199cb;
font-weight:700;
}
.lsidebar ul li h2{
font-family:Arial, Georgia, Sans-serif;
font-size: 12px;
background:url(images/cat.jpg) no-repeat top left;
margin:0; padding:7px 0px 0 0px;
height:30px;width:182px;
color:#fff;
}
.lsidebar ul ul li{
padding: 0 25px 0 0;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
background:url(images/arrow_blue.jpg) right no-repeat;
}
.lsidebar ul ul ul li{
padding: 0 0 0 14px;
line-height: 18px;
font-family: Arial, Georgia, Sans-serif;
font-size:11px;
background:url(images/sub-cat.jpg) no-repeat 3px 3px;
}
.lsidebar ul ul ul li a:link, .lsidebar ul ul ul li a:visited {
color:#39b0d8;
font-weight:700;
}