سلام من یه قالب دارم که منو آن سمت راسته و میخام ببرم سمت چپ این هم کد آن
چی کار باید انجام بدم؟
مرسی
چی کار باید انجام بدم؟
مرسی
کد:
html {
height: 100%;
margin-bottom: 1px;
}
body {
margin: 0;
padding: 0;
height: 100%;
}
#bg {
font: normal 12px tahoma, Helvetica, sans-serif;
}
.clearfix {
clear: both;
}
form {
margin: 0;
padding: 0;
}
h1, h2, h3, h4, h5, h6 {
padding-bottom: 5px;
margin: 10px 0;
}
a:link, a:visited {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ul {
padding: 0 0 0 2px;
margin: 0;
list-style-type: disc;
margin-left:13px;
}
ul li {
}
ol {
margin-top: 5px;
margin-bottom: 15px;
}
ol li {
margin-left: 0;
line-height: 170%;
}
fieldset {
border: 0;
padding: 5px 0;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 180%;
}
h3 {
font-size: 160%;
}
h4 {
font-size: 140%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
p {
margin: 10px 0 10px;
font-size: 100%;
}
th {
padding: 4px;
font-weight: bold;
text-align: right;
}
fieldset {
border: none;
}
fieldset a {
font-weight: bold;
}
input, select {
font: normal 12px tahoma, Helvetica, sans-serif;
}
a img {
border: none;
}
td, div {
font-size: 12px;
}
/* MAJOR BLOCKS
-------------------------------------------------------------------------------*/
div.wrapper {
width: 999px;
margin: 0 auto;
padding: 0;
}
div#pagewrap {
width: 989px;
margin: 0 auto;
padding: 0;
}
div#toparea {
width: 100%;
height: 28px;
padding: 0;
}
table#contentwrap {
width: 100%;
margin: 0;
padding: 0;
}
table#mainbodywrap {
padding: 0 0 0 8px;
width: 100%;
overflow: hidden;
}
table#downarea {
width: 100%;
margin: 0;
padding: 8px;
padding-top: 20px;
}
.spacer {
}
td#mainbodycont {
overflow: hidden;
}
td#insetwrap {
overflow: hidden;
width: 30%;
margin: 0;
padding: 0;
}
div.shadow-l {
width: 8px;
height: 125px;
}
div.shadow-r {
width: 8px;
height: 125px;
}
div.shadow-n {
width: 8px;
}
.null-1 {
width: 8px;
}
div.null-0 {
width: 0px;
}
td#rightwrap {
overflow: hidden;
width: 25%;
margin: 0;
padding: 0;
}
td.moduliki-full {
overflow: hidden;
width: 100%;
}
div#newsflasharea {
float: right;
width: 468px;
color: #fff;
height: 60px;
margin-top: 12px;
overflow: hidden;
}
/* MEMBER LOGIN AREA
------------------------------------------------------------------------------------------ */
div#memberarea {
float: right;
font: normal 11px tahoma, Helvetica, sans-serif;
margin-top: 4px;
padding-left: 20px;
}
div#memberarea label {
padding-left: 20px;
}
div#memberarea input, div#searcharea input {
border: 0px;
padding-left: 3px;
}
div#memberarea form input.button, div#searcharea form input.button {
width: 57px;
height: 19px;
line-height: 22px;
padding: 0 0 0 1px;
margin-left: 10px;
}
div#memberarea form input.button:hover, div#searcharea form input.button:hover {
text-decoration: none;
}
div#memberarea form input.button:active, div#searcharea form input.button:active {
}
/* SEARCH AREA
------------------------------------------------------------------------------------------ */
div#searcharea {
float: right;
margin: 4px 10px 0 0;
}
div#tools {
float: right;
margin: 9px 10px 0 0;
}
div#searcharea form input.button {
margin-left: 5px;
color: #fff;
}
div#searcharea input.inputbox {
background: #fff url('../images/sportmx_icon-search.png') no-repeat 100% 50%;
}
/* STYLE SWITCHER
------------------------------------------------------------------------------------------ */
div#stylearea {
float: left;
margin-top: 8px;
padding-left: 20px;
}
.style_switcher {
margin-right: 4px;
}
#st_icon-0, #st_icon-1, #st_icon-2, #st_icon-3 {
display: block;
float: right;
width: 16px;
height: 13px;
}
#st_icon-0 {
background: url('../images/icon_change-style.png') no-repeat 100% 50%;
}
#st_icon-1 {
background: url('../images/icon-style1.png') no-repeat 100% 50%;
}
#st_icon-2 {
background: url('../images/icon-style2.png') no-repeat 100% 50%;
}
#st_icon-3 {
background: url('../images/icon-style3.png') no-repeat 100% 50%;
}
/* HEADER
------------------------------------------------------------------------------------------ */
div#header {
width: 100%;
padding: 0;
}
div#imghead {
display: block;
height: 112px;
width: 989px;
margin: 0 auto;
padding: 0;
}
#imghead a {
float: right;
}
/* LOGO
------------------------------------------------------------------------------------------ */
#logo {
margin: 43px 0 0 18px;
width: 246px;
height: 47px;
}
div#menu {
position: relative;
width: 100%;
height: 42px;
margin-top: -10px;
}
/* SETUP USERS AREA (MODULES)
---------------------------------------------------------------------------------------- */
.moduliki {
overflow: hidden;
width: 50%;
}
.moduliki-l {
overflow: hidden;
float: right;
}
.moduliki-r {
overflow: hidden;
float: right;
}
.moduliki-l div.moduletable, .moduliki-r div.moduletable {
margin: 0;
}
/* FOOTER
-------------------------------------------------------------------------------------------*/
div#footer {
width: 100%;
height: 47px;
margin: 0;
padding-top: 4px;
}
div#footer span {
float: right;
}
div#footer span#info {
float: right;
margin-left: 10px;
text-align: right;
font-size: 10px;
}
div#footer span#info a {
font-size: 10px;
}
/* MODULETABLE
------------------------------------------------------------------------------------------ */
div.moduletable, div.moduletable-black, div.moduletable-gkmod, div.moduletable-clear, div.moduletable-advert {
font: normal 12px tahoma, Helvetica, sans-serif;
padding: 10px 10px 15px 10px;
margin: 0 0 10px 0;
}
div.moduletable-advert {
text-align: center;
padding: 4px 4px 4px 4px;
}
div.moduletable-clear {
font: normal 12px tahoma, Helvetica, sans-serif;
padding: 0;
margin: 0 0 10px 0;
}
div.moduletable-gkmod {
padding: 0 2px 15px 2px;
margin: 0 0 10px 0;
}
div.moduletable h3, div.moduletable-black h3, div.moduletable-gkmod h3 {
font: bold 12px tahoma, Helvetica, sans-serif;
line-height: 25px;
padding: 0 15px 0 10px;
height: 35px;
margin: -10px -15px 0 -10px;
}
div.moduletable-advert h3 {
font: normal 10px tahoma, Helvetica, sans-serif;
margin: -5px 0 0 0;
width: 80px;
line-height: 10px;
float: right;
}
div.moduletable-clear h3 {
background: none;
font: bold 12px tahoma, Helvetica, sans-serif;
line-height: 25px;
padding: 0 15px 0 10px;
height: 35px;
margin: 0px -15px 0 -10px;
}
div.moduletable-gkmod h3 {
line-height: 25px;
padding: 0 15px 0 10px;
margin: -1px -15px 0 -10px;
}
div.moduletable-black {
}
div.moduletable-black h3 {
}
div.moduletable-black a:link, div.moduletable-black a:visited {
}
div.moduletable-black a:hover {
}
#insetwrap div.moduletable, #insetwrap div.moduletable-black {
padding: 10px 9px 15px 9px;
margin: 0 0 10px 0;
}
#rightwrap div.moduletable {
padding: 10px 9px 15px 9px;
margin: 0 0 10px 0;
}
#insetwrap div.moduletable h3, #rightwrap div.moduletable h3, #insetwrap div.moduletable-black h3 {
margin-left: 0;
padding: 0 15px 0 10px;
margin: -10px -9px 0.5em -9px;
}
#insetwrap div.moduletable h3 {
}
#rightwrap div.moduletable h3 {
}
#downarea div.moduletable {
}
#downarea div.moduletable h3 {
background: none;
}
td#mainbodywrap .moduliki-l {
float: right;
}
td#mainbodywrap .moduliki-r {
float: right;
}
/* JOOMLA STYLES
------------------------------------------------------------------------------------------ */
.contentheading, .componentheading, .contentpaneopen h2 {
font: bold 16px tahoma, Helvetica, sans-serif;
}
.contentheading a:link, .contentheading a:visited {
font: bold 16px tahoma, Helvetica, sans-serif;
}
.small, .smalldark, .createdate, .modifydate, .mosimage_caption, .back_button, .pagenavcounter, .pagenav, .pagenavbar {
font: bold 10px tahoma, Helvetica, sans-serif;
}
a.readon {
font: bold 12px tahoma, Helvetica, sans-serif;
}
table.contenttoc th {
font: normal 12px tahoma, Helvetica, sans-serif;
}
.sectiontableheader {
font: bold 12px tahoma, Helvetica, sans-serif;
}
.pagenav, .pagenav_prev, .pagenav_next, .pagenavbar {
padding: 0 2px;
font: normal 12px tahoma, Helvetica, sans-serif;
}
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a {
}
a.pagenav:hover, a.pagenav:active, a.pagenav:focus, .pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus, .pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus, .pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {
}
div#newsflash table td {
font: normal 12px tahoma, Helvetica, sans-serif;
}
.contentheading {
}
.contentheading a:link, .contentheading a:visited {
text-decoration: none;
}
.contentheading a:hover {
}
.contentpaneopen h2 {
padding: 0;
margin: 0;
}
.small, .modifydate, .createdate, .mosimage_caption {
}
.smalldark {
text-align: right;
}
div.syndicate div {
text-align: center;
}
.modifydate {
padding-top: 6px;
}
div.pagenavcounter {
float: right;
}
.mosimage_caption {
padding-top: 3px;
padding-bottom: 3px;
}
.sectiontableentry1, .sectiontableentry2 {
}
.componentheading {
text-align: right;
margin-bottom: 10px;
}
table.blog span.article_seperator {
display: block;
height: 15px;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0px 0 12px 0;
width: 200px;
}
table.contenttoc td {
padding: 1px 5px 2px 18px;
}
table.contenttoc td a:link, table.contenttoc td a:visited {
}
table.contenttoc td a:hover {
}
table.contenttoc th {
padding: 2px 4px;
text-indent: 15px;
text-align: right;
font-size: 14px;
}
.contentpaneopen {
width: 100%;
}
.contentpaneopen1 {
width: 100%;
}
table.contentpane {
width: 100%;
margin-bottom: 30px;
}
.sectiontableheader {
line-height: 29px;
padding: 0 10px;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
height: 20px;
padding: 0 10px;
line-height: 29px;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
}
.highlight {
}
.contentpane {
width: auto;
}
table.poll {
padding: 0;
width: 100%;
border-collapse: collapse;
}
table.pollstableborder, table.pollstableborder-blue, table.pollstableborder-bdark, table.pollstableborder-beige {
padding: 0;
width: 100%;
border: none;
text-align: right;
}
table.pollstableborder img, table.pollstableborder-blue img, table.pollstableborder-bdark img, table.pollstableborder-beige img {
vertical-align: baseline;
}
table.pollstableborder td.sectiontableentry1, table.pollstableborder td.sectiontableentry2, table.pollstableborder-black td.sectiontableentry1-black, table.pollstableborder-black td.sectiontableentry2-black, table.pollstableborder-gkmod td.sectiontableentry1-gkmod, table.pollstableborder-gkmod td.sectiontableentry2-gkmod, table.pollstableborder-clear td.sectiontableentry1-clear, table.pollstableborder-clear td.sectiontableentry2-clear, table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td, table.pollstableborder-black tr.sectiontableentry1-black td, table.pollstableborder-black tr.sectiontableentry2-black td, table.pollstableborder-gkmod tr.sectiontableentry1-gkmod td, table.pollstableborder-gkmod tr.sectiontableentry2-gkmod td, table.pollstableborder-clear tr.sectiontableentry1-clear td, table.pollstableborder-clear tr.sectiontableentry2-clear td {
border-bottom: none;
height: 20px;
padding-left: 5px;
padding-right: 10px;
line-height: 18px;
background: none;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
table.adminform {
width: 400px!important;
}
.adminform .inputbox {
}
a.readon {
margin-top: 15px;
display: block;
float: right;
width: 117px;
height: 31px;
line-height: 25px;
padding-left: 30px;
font-size: 11px;
}
a.readon:hover {
text-decoration: underline;
}
div.back_button a {
margin: 15px 0 15px 0;
display: block;
float: right;
width: 86px;
height: 23px;
line-height: 18px;
padding-left: 32px;
}
div.back_button a:hover {
text-decoration: underline;
}
div.back_button a:active {
}
.button, .button:hover {
}
.button:active, .button:focus {
}
/* TYPOGRAPHY
------------------------------------------------------------------------------------------ */
/* typohraphy */
span.beige, span.black, span.clear, span.color, span.color-1 {
display: block;
padding: 10px;
margin-bottom: 10px;
}
span.beige {
background-color: #F2F3F3;
border-top: 1px solid #c8c6c6;
border-bottom: 1px solid #c8c6c6;
color: #000;
}
span.black {
background-color: #000;
border: 1px solid #000;
color: #fff;
}
span.clear {
background-color: #fff;
border: 1px solid #d8d7d7;
}
blockquote {
background: transparent url('../images/quoleft.gif') no-repeat 0 0;
}
blockquote div {
background: transparent url('../images/quoright.gif') no-repeat right bottom;
padding: 0 30px;
}
/* NEWS MODULES CLASSES
------------------------------------------------------------------------------------------ */
/*NS 1.0 SE*/
div.gk_news_show {
}
div.gk_ns_first_news_container {
}
a.gk_ns_first_news_image_link {
}
img.gk_ns_image {
padding: 2px;
margin-right: 6px;
margin-bottom: 2px;
}
div.moduletable-black img.gk_ns_image {
}
a.gk_ns_first_news_title_link {
}
h4.gk_ns_first_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_ns_first_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_ns_first_news_text_link {
}
p.gk_ns_first_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_ns_first_news_readmore {
}
ul.gk_ns_rest_news {
}
li.gk_ns_rest_news_pos {
}
a.gk_ns_rest_news_pos_link {
}
/*News Column*/
div.gk_news_column {
}
div.gk_news_column_col {
margin-right: 7px;
padding-bottom: 15px;
}
div.gk_news_column_col h3 {
margin: 0 -10px 10px 0;
padding: 0;
background: none;
border: none;
height: 20px;
line-height: 20px;
}
div.gk_news_column_col h3 a {
margin: 0;
padding: 0 6px 3px 6px;
width: 100%;
}
div.gk_nc_first_news_container {
}
a.gk_nc_first_news_image_link {
}
gk_nc_first_news_container img.gk_ns_image {
margin: 0;
padding: 0;
}
a.gk_nc_first_news_title_link {
}
h4.gk_nc_first_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_nc_first_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_nc_first_news_text_link {
}
p.gk_nc_first_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_nc_first_news_readmore {
}
ul.gk_nc_rest_news {
}
li.gk_nc_rest_news_pos {
}
a.gk_nc_rest_news_pos_link {
}
/*FCS 3.0*/
div.gk_fcs {
}
div.gk_fcs_news_container_main {
overflow:hidden;
}
div.gk_fcs_news_container {
margin-bottom: 20px;
}
a.gk_fcs_news_image_link {
border: none;
}
img.gk_fcs_image {
}
a.gk_ns_fcs_news_title_link {
}
h4.gk_fcs_news_header {
padding: 0;
}
h5.gk_fccs_news_info {
}
a.gk_fcs_news_text_link {
}
p.gk_fcs_news_content {
}
a.gk_fcs_news_readmore {
}
ul.gk_fcs_rest_news {
}
ul.gk_ns_rest_news_floated {
padding: 2px;
margin-left: 0px;
}
li.gk_fcs_rest_news_pos {
}
li.gk_fcs_rest_news_pos_floated {
display: inline;
list-style: circle;
}
a.gk_fcs_rest_news_pos_link {
padding: 2px;
font-size: 11px;
}
li.link_active {
font-weight: bold;
direction: rtl;
}
div.fcs3_panel {
text-align: right;
float: right;
margin-top: 4px;
height: 9px;
}
div.fcs3_options {
float: right;
margin-top: 4px;
margin-left: 3px;
height: 9px;
}
.prev_button, .next_button, .play_button, .pause_button {
padding-top: 1px;
}
.tools_button {
padding-left: 5px;
padding-top: 0px;
}
div.fcs3_panel img {
cursor: pointer;
margin: 3px;
display: block;
float: right;
line-height: 9px;
padding: 2px;
}
div.fcs3_options img {
cursor: pointer;
margin: 3px;
margin-bottom: 0px;
padding: 2px;
line-height: 9px;
}
/*News Slider 1.0*/
div.gk_ns10 {
}
div.gk_ns10_news_container_main {
overflow:hidden;
}
div.gk_ns10_news_container {
margin-right: 4px;
}
a.gk_ns10_news_image_link {
}
img.gk_ns10_image {
padding: 2px;
margin-bottom: 4px;
}
div.moduletable-black img.gk_ns10_image {
padding: 2px;
margin-bottom: 4px;
}
a.gk_ns_ns10_news_title_link {
}
h4.gk_ns10_news_header {
font-size: 14px;
margin: 0;
padding: 0;
}
h5.gk_ns10_news_info {
font-size: 10px;
padding: 0;
margin: 0;
}
a.gk_ns10_news_text_link {
}
p.gk_ns10_news_content {
margin: 4px 0;
padding: 0;
}
a.gk_ns10_news_readmore {
}
div.ns10_panel {
text-align: right;
float: right;
}
div.ns10_panel img {
cursor: pointer;
margin: 3px;
display: block;
float: right;
padding: 2px;
line-height: 9px
}
div.ns10_panel img.ns_next_button {
}
div.ns10_panel img.ns_prev_button {
}
table , tr , td , p , cell { direction : rtl; }
