0

こんにちはみんな私は私が他の質問でそれを尋ねたことを知っていますが、私は自分自身を説明する方法を知りませんでした

そのため、flexi cssで、自分のサイトのテンプレートを作成しました。これにはDIVクラスがあります...。

ですから、私が提供した写真を見ると、メイン列でのみリンクを開くようにしたいと思います。リンクをクリックするとページ全体が変更されますが、メインページのみを変更したいからです。リンクをclass='row_6cssLIPageLayout28_row_6_design'で開きたいです。助けてください

私の画像へのリンク クリック

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="includes/CSSLayouts/CSSLayouts.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="includes/CSSLayouts/debug_plus.js"></script>
<link href="includes/CSSLayouts/PageLayout28.css" rel="stylesheet" type="text/css" />
<link href="includes/CSSLayouts/PageLayout28_user.css" rel="stylesheet" type="text/css" />
</head>

<body class="PageLayout28_body_design">
<div class="PageLayout28">
<!-- (CSSLayouts Begin)  #PageLayout28 #build_version=1.1.284;pack=User;category=My Page Layouts;layout=;layoutType=page;scheme=;cssSource=file;assets=;halign=center;minwidth=1028px;maxwidth=1028px;width=1028px;bc=My Page Layouts;bl=final10062012-->

<div class='cssLO PageLayout28_wrapper_layout'>
<div class='wrapper cssLI PageLayout28_wrapper_design'>
<div class='cssLO PageLayout28_row_1_layout'>
<div class='row_1 cssLI PageLayout28_row_1_design'>
<div class='cssLO PageLayout28_column_3_layout'>
<div class='column_3 cssLI PageLayout28_column_3_design'><!-- column_3 Content Starts Here -->&nbsp;<!-- column_3 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_column_4_layout'>
<div class='column_4 cssLI PageLayout28_column_4_design'><!-- column_4 Content Starts Here -->&nbsp;<!-- column_4 Content Ends Here -->
</div>
</div>
<div class='cssLClearC'></div>
</div>
</div>
<div class='cssLO PageLayout28_row_2_layout'>
<div class='row_2 cssLI PageLayout28_row_2_design'><!-- row_2 Content Starts Here -->&nbsp;<!-- row_2 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_row_3_layout'>
<div class='row_3 cssLI PageLayout28_row_3_design'>
<div class='cssLO PageLayout28_column_1_layout'>
<div class='column_1 cssLI PageLayout28_column_1_design'><!-- column_1 Content Starts Here -->&nbsp;<!-- column_1 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_column_2_layout'>
<div class='column_2 cssLI PageLayout28_column_2_design'>
<div class='cssLO PageLayout28_row_6_layout'>
<div class='row_6 cssLI PageLayout28_row_6_design'><!-- row_6 Content Starts Here -->

              MAIN

            <!-- row_6 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_row_7_layout'>
<div class='row_7 cssLI PageLayout28_row_7_design'>
<div class='cssLO PageLayout28_row_7_xtdalignwrapper_layout'>
<div class='row_7_xtdalignwrapper cssLI PageLayout28_row_7_xtdalignwrapper_design'>
<div class='cssLO PageLayout28_column_5_layout'>
                                               <div class='column_5 cssLI PageLayout28_column_5_design'><!-- column_5 Content Starts Here -->&nbsp;<!-- column_5 Content Ends Here -->
                                               </div>
</div>
<div class='cssLO PageLayout28_column_6_layout'>
                                               <div class='column_6 cssLI PageLayout28_column_6_design'><!-- column_6 Content Starts Here -->&nbsp;<!-- column_6 Content Ends Here -->
                                               </div>
</div>
<div class='cssLO PageLayout28_column_7_layout'>
                                               <div class='column_7 cssLI PageLayout28_column_7_design'><!-- column_7 Content Starts Here -->&nbsp;<!-- column_7 Content Ends Here -->
                                               </div>
</div>
<div class='cssLO PageLayout28_column_8_layout'>
                                               <div class='column_8 cssLI PageLayout28_column_8_design'><!-- column_8 Content Starts Here -->&nbsp;<!-- column_8 Content Ends Here -->
                                               </div>
</div>
<div class='cssLClearC'>
</div>
</div>
</div>
<div class='cssLClearR'>  
</div>
</div>
</div>
<div class='cssLClearR'></div>
</div>
</div>
<div class='cssLClearC'></div>
</div>
</div>
<div class='cssLO PageLayout28_row_4_layout'>
<div class='row_4 cssLI PageLayout28_row_4_design'><!-- row_4 Content Starts Here -->&nbsp;<!-- row_4 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_row_5_layout'>
<div class='row_5 cssLI PageLayout28_row_5_design'>
<div class='cssLO PageLayout28_column_9_layout'>
<div class='column_9 cssLI PageLayout28_column_9_design'><!-- column_9 Content Starts Here -->



<!-- column_9 Content Ends Here -->
</div>
</div>
<div class='cssLO PageLayout28_column_10_layout'>
<div class='column_10 cssLI PageLayout28_column_10_design'><!-- column_10 Content Starts Here -->

          test | test | test | test |test

<!-- column_10 Content Ends Here -->
</div>
</div>
<div class='cssLClearC'>
</div>
</div>
</div>
<div class='cssLO PageLayout28_row_8_layout'>
<div class='row_8 cssLI PageLayout28_row_8_design'><!-- row_8 Content Starts Here -->

      CopyRight © 2012   All rights reserved

<!-- row_8 Content Ends Here -->
</div>
</div>
<div class='cssLClearR'></div>
</div>
</div>
<div class="cssLClearL"></div>
<!-- #PageLayout28 (CSSLayouts End) -->
</div>

</body>
</html>
4

1 に答える 1

2

ページをロードせずにメイン セクションに動的コンテンツを含める必要があると思います。カンタントに基づいて、i-frame または JavaScript/jQuery トグルのいずれかを使用してこれを実現できます。

これは、 i-frameを使用したjsfiddleの例です

私はあなたのフレキシレイアウトに従ってレイアウトを作ってみました

jsfiddle デモ

于 2012-10-10T11:11:51.633 に答える