beyond_illusions
11-08-2009, 18:31
Witam.
próbuję zrobić sobie prostą stronę. Nie mam doświadczenia dużego z Joomlą, ale przez ostatnie parę dni ogarnąłem to i owo.
Próbuję przerobić template JA_Purity na własne potrzeby.
Mam jednak duży problem z wycentrowaniem modułu rotatora obrazów.
Przypisałem mu pozycję "user2".
W index.php templatki nie znalazłem informacji o alignie, jedynie ze user2 przypisany jest do diva
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
<div id="ja-botsl" class="clearfix">
<?php if( $this->countModules('user1') ): ?>
<div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if( $this->countModules('user2') ): ?>
<div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
Dalej grzebałem w opcji EDIT CSS w panelu administratora i odnalazłem ten tag Spotlight box.
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}
.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}
.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}
#ja-botsl h3 {
background: none;
}
#ja-botslwrap {
border-top: 5px solid #CCCCCC;
background: #444444;
color: #CCCCCC;
}
#ja-botsl {
padding: 15px 0;
}
#ja-botsl div.moduletable {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
#ja-botsl h3 {
margin: 0 0 12px;
padding: 0;
color: #FFFFFF;
}
#ja-botsl a {
color: #CCCCCC;
}
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #FFFFFF;
}
#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
padding: 0;
margin: 0 !important;
}
#ja-botsl ul li {
padding: 0 0 0 15px;
margin: 0;
background: url(../images/bullet2.gif) no-repeat 3px 8px;
}
#ja-botsl ol li {
margin-left: 25px;
padding: 0 !important;
}
#ja-botsl td {
padding: 0;
}
#ja-botsl .article_separator {
display: none;
}
#ja-botsl table {
border-spacing: 0;
border-collapse: collapse;
}
Rozumiem, że pierwsze 3 linijki ustawiają float na lewą stronę dla wszystkich wymienionych eeerr... nazw.
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}próbowałem zmieniać float na : center; ale nie dawało to żadnego rezultatu.
próbowałem też z text-align, myśląc, że może modul jest traktowany jako zawartość tekstowa ale też nie dawało to skutku.
Proszę o pomoc.
Nie mam za dużej wiedzy z zakresu CSS ani HTML, a poszukiwania na forum nie pomogły mi w rozwiązania problemu.
Z góry dziękuję.
próbuję zrobić sobie prostą stronę. Nie mam doświadczenia dużego z Joomlą, ale przez ostatnie parę dni ogarnąłem to i owo.
Próbuję przerobić template JA_Purity na własne potrzeby.
Mam jednak duży problem z wycentrowaniem modułu rotatora obrazów.
Przypisałem mu pozycję "user2".
W index.php templatki nie znalazłem informacji o alignie, jedynie ze user2 przypisany jest do diva
<!-- BEGIN: BOTTOM SPOTLIGHT -->
<div id="ja-botslwrap">
<div id="ja-botsl" class="clearfix">
<?php if( $this->countModules('user1') ): ?>
<div class="ja-box<?php echo $botsl['user1']['class']; ?>" style="width: <?php echo $botsl['user1']['width']; ?>;">
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<?php endif; ?>
<?php if( $this->countModules('user2') ): ?>
<div class="ja-box<?php echo $botsl['user2']['class']; ?>" style="width: <?php echo $botsl['user2']['width']; ?>;">
<jdoc:include type="modules" name="user2" style="xhtml" />
Dalej grzebałem w opcji EDIT CSS w panelu administratora i odnalazłem ten tag Spotlight box.
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-left div.moduletable,
.ja-box-full div.moduletable {
padding-right: 30px;
background: none;
}
.ja-box-right div.moduletable {
padding-left: 30px;
background: url(../images/vdot2.gif) repeat-y left;
}
.ja-box-center div.moduletable {
padding: 0 30px;
background: url(../images/vdot2.gif) repeat-y left;
}
#ja-botsl h3 {
background: none;
}
#ja-botslwrap {
border-top: 5px solid #CCCCCC;
background: #444444;
color: #CCCCCC;
}
#ja-botsl {
padding: 15px 0;
}
#ja-botsl div.moduletable {
padding-top: 0;
padding-bottom: 0;
margin: 0;
}
#ja-botsl h3 {
margin: 0 0 12px;
padding: 0;
color: #FFFFFF;
}
#ja-botsl a {
color: #CCCCCC;
}
#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
color: #FFFFFF;
}
#ja-botsl ul, #ja-botsl p, #ja-botsl ol {
padding: 0;
margin: 0 !important;
}
#ja-botsl ul li {
padding: 0 0 0 15px;
margin: 0;
background: url(../images/bullet2.gif) no-repeat 3px 8px;
}
#ja-botsl ol li {
margin-left: 25px;
padding: 0 !important;
}
#ja-botsl td {
padding: 0;
}
#ja-botsl .article_separator {
display: none;
}
#ja-botsl table {
border-spacing: 0;
border-collapse: collapse;
}
Rozumiem, że pierwsze 3 linijki ustawiają float na lewą stronę dla wszystkich wymienionych eeerr... nazw.
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}próbowałem zmieniać float na : center; ale nie dawało to żadnego rezultatu.
próbowałem też z text-align, myśląc, że może modul jest traktowany jako zawartość tekstowa ale też nie dawało to skutku.
Proszę o pomoc.
Nie mam za dużej wiedzy z zakresu CSS ani HTML, a poszukiwania na forum nie pomogły mi w rozwiązania problemu.
Z góry dziękuję.