Demo

討論

保持飢餓,保持愚笨 (Stay hungry, stay foolish)。 史蒂夫·賈伯斯

公告

本網站已取消討論區的討論方式,如果您有問題請至LINE群行動條碼圖片網址,或Facebook社團

請教各位先進學長 如何改樣版裡模組的位置呢

  • victory7199
  • victory7199 的個人頭像 Topic Author
  • 訪客
  • 訪客
2010-11-28 03:16 #19211 來自 victory7199
victory7199 created the topic: 請教各位先進學長 如何改樣版裡模組的位置呢
Dear all:
請教各位先進學長
如何改樣版裡模組的位置呢



我想把 banner 位置 跟 left 的位置互相換,該怎麼改呢
是不是要改 index.php 還是要改 那裡的 css
麻煩各位先進學長教我一下

感恩

victor

Please 登入 to join the conversation.

More
2010-11-28 09:52 #19212 來自 abokuo
abokuo replied the topic: 請教各位先進學長 如何改樣版裡模組的位置呢
沒記錯的話是修改 "index.php" 的內容,找到像是
<div id="banner">
的字樣然後更改順序 (頁面讀取順序是從上而下),應該就可以了。
更改之前別忘記將 "index.php" 做個複本,如果改壞了還有辦法恢復回來。

我的 Joomla! 資訊網站:http://www.abokuo.com
Joomla! 書籍:Joomla! 3.x 素人架站計畫(2015.07)

Please 登入 to join the conversation.

  • victory7199
  • victory7199 的個人頭像 Topic Author
  • 訪客
  • 訪客
2010-11-28 12:12 #19213 來自 victory7199
victory7199 replied the topic: 請教各位先進學長 如何改樣版裡模組的位置呢
Dear all:

原來代碼:
<div id="jv-containerwrap" class="clearfix">
		<div id="jv-container<?php echo $jv_width; ?>" class="clearfix">

			<?php if($this->countModules('left')) : ?>
			<div class="jv-left-wrapper">
				<div id="jv-left">
					<jdoc:include type="modules" name="left" style="jvrounded" />
				</div>	
			</div>
			<?php endif; ?>

			<div class="jv-content-wrapper">
				<div id="jv-padding">	
					<jdoc:include type="message" />
					<?php if($this->countModules('banner')): ?>
					<div id="jv-banner">
						<jdoc:include type="modules" name="banner" style="rounded" />
					</div>
					<?php endif;?>
					<jdoc:include type="component" />		
				</div>
			</div>
		</div>
		
	</div>

我把這2段代碼對調,位置是交換了,但是位置的長度沒有卻不對(沒有跟著交換),是要在那裡改變位置的長度呢?
left 要比較短, banner 要比較長.
<div id="jv-banner">
		<jdoc:include type="modules" name="banner" style="rounded" />
	</div>
<div id="jv-left">
	        <jdoc:include type="modules" name="left" style="jvrounded" />
	</div>

Please 登入 to join the conversation.

  • specialtommy
  • specialtommy 的個人頭像
  • 訪客
  • 訪客
2010-11-28 18:30 #19214 來自 specialtommy
specialtommy replied the topic: 請教各位先進學長 如何改樣版裡模組的位置呢
我想........寬度的部份應該會是在CSS的地方做調整,你可以查一下這兩個id的css樣式寬度寫法!

Please 登入 to join the conversation.

  • victory7199
  • victory7199 的個人頭像 Topic Author
  • 訪客
  • 訪客
2010-11-29 01:43 #19216 來自 victory7199
victory7199 replied the topic: 請教各位先進學長 如何改樣版裡模組的位置呢
template.css 代碼如下:
我看不出來要改什麼地方,可能是功力不夠...
請各位先進學長幫我看看,謝謝 :grin:

/* BANNER
*/
#jv-banner {
width: 100%;
margin: 0;
padding: 0;
text-align: left;
overflow: hidden;



#jv-left ul li {
background: none;
padding: 0;
text-decoration: none;
}
#jv-left li a {
display: block;
padding-left: 20px;
line-height: 20px;
background: url(../images/arrow.gif) left 2px no-repeat;
}
#jv-left ul#mainlevel li a {
padding-left: 20px !important;
}
#jv-left li a:hover,
#jv-left li a:active,
#jv-left li a:focus {
background: url(../images/arrow_active.gif) left 2px no-repeat;
}
#jv-left ul li span {
background: url(../images/dot_line_bg.gif) repeat-x scroll left bottom;
display:block;
padding: 0px 2px 0 18px;
}
#jv-left h3 {
background: #9B9B9B url(../images/bg_h3_l.jpg) no-repeat top left;
color: #1C1C1C;
margin: 0;
padding: 0 0 0 10px;
line-height: 32px;
height: 32px;
text-transform: uppercase;
font-size: 100%;
text-shadow: 0 1px 0 #c8c8c8;
}
#jv-left h3 span {
display: block;
padding: 0 10px 0 0;
line-height: 32px;
height: 32px;
background: url(../images/bg_h3_r.jpg) no-repeat top right;
}

This message has an attachment file.
Please log in or register to see it.

Please 登入 to join the conversation.