OSDN Git Service

テンプレート「bootstrap_yeti」にスライド型のポジションブロック追加。
authornaoki hirata <naoki@magic3.org>
Mon, 17 Mar 2014 01:31:54 +0000 (10:31 +0900)
committernaoki hirata <naoki@magic3.org>
Mon, 17 Mar 2014 01:31:54 +0000 (10:31 +0900)
templates/bootstrap_yeti/css/style.css
templates/bootstrap_yeti/css/style_layout.css
templates/bootstrap_yeti/index.php

index 675e8f1..94a426c 100644 (file)
@@ -6,6 +6,10 @@ body {
 .button {
        margin:5px;
 }
-.pos-static {
+#pos-fixed {
        position:fixed;
 }
+#pos-slide.affix {
+       position: fixed;
+       top:80px;
+}
\ No newline at end of file
index 2ca2b7f..5443721 100644 (file)
@@ -1,4 +1,4 @@
 /* レイアウト補正用 */
-.pos-static {
+#pos-fixed {
        position:relative;
 }
index eafea9c..2b8104e 100644 (file)
@@ -32,6 +32,12 @@ $templateUrl = $document->baseurl . '/templates/' . $document->template;
 //<![CDATA[
 $(function(){
     $('.button').addClass('btn btn-default');
+       
+       $('#pos-slide').affix({
+               offset: {
+                       top: 100
+               }
+       });
 });
 //]]>
 </script>
@@ -41,11 +47,12 @@ $(function(){
 <jdoc:include type="modules" name="user3" />
 <div class="hidden-xs"><jdoc:include type="modules" name="top-hide" style="none" /></div>
 <div class="row">
-<?php if ($document->countModules('left') || $document->countModules('left-static') || $document->countModules('left-hide')): ?>
+<?php if ($document->countModules('left') || $document->countModules('left-fixed') || $document->countModules('left-hide') || $document->countModules('left-slide')): ?>
     <div class="col-sm-3"><div class="row">
-       <?php if ($document->countModules('left-static')): ?><div class="col-sm-12 hidden-xs"><div class="pos-static"><jdoc:include type="modules" name="left-static" style="none" /></div></div><?php endif; ?>
+       <?php if ($document->countModules('left-fixed')): ?><div class="col-sm-12 hidden-xs"><div id="pos-fixed"><jdoc:include type="modules" name="left-fixed" style="none" /></div></div><?php endif; ?>
        <?php if ($document->countModules('left')): ?><div class="col-sm-12"><jdoc:include type="modules" name="left" style="none" /></div><?php endif; ?>
        <?php if ($document->countModules('left-hide')): ?><div class="col-sm-12 hidden-xs"><jdoc:include type="modules" name="left-hide" style="none" /></div><?php endif; ?>
+       <?php if ($document->countModules('left-slide')): ?><div class="col-sm-12"><div id="pos-slide"><jdoc:include type="modules" name="left-slide" style="none" /></div></div><?php endif; ?>
        </div></div>
     <div class="col-sm-9"><div class="row">
        <?php if ($document->countModules('banner')): ?><div class="col-sm-12"><jdoc:include type="modules" name="banner" style="none" /></div><?php endif; ?>