آژانس هواپیمایی
pop up

منو در قالب

شروع موضوع توسط mska ‏20 آگوست 2007 در انجمن Joomla , Drupal - مامبو ، جوملا و دروپال

  1. mska

    mska Registered User

    تاریخ عضویت:
    ‏22 ژوئن 2006
    نوشته ها:
    454
    تشکر شده:
    15
    محل سکونت:
    کرج
    سلام من یه قالب دارم که منو آن سمت راسته و میخام ببرم سمت چپ این هم کد آن
    چی کار باید انجام بدم؟

    مرسی
    کد:
    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; }
    
     
  2. amir abbas

    amir abbas Registered User

    تاریخ عضویت:
    ‏28 سپتامبر 2004
    نوشته ها:
    388
    تشکر شده:
    17
    هیچ کس نمیتونه فقط از طریق داشتن کد CSS شما منو رو ببره سمت چپ
    باید قالبت آنلاین باشه بعد آدرسش رو به بچه ها بدی اون موقع شاید بشه یه کاری کرد