PDA

Zobacz pełną wersję : Cała Joomla do lewej krawędzi ?



manoa
28-04-2013, 22:24
Witam,
Korzystam z Joomli 2.5 i dodatku JV Framework do budowania szablonu i mam problem z jego wyrównaniem, bo standardowo obojętnie ilu kolumnowy układ sie wybierze zawsze jest on środkowany względem całego ekranu. A w jaki sposób mogę dopisać jakąś komendę aby całość była wyrównana do lewej strony ekranu a nie wyśrodkowana ?

idek
28-04-2013, 22:48
najlepiej jakbyś zapoznał się z podstawami css i dopisał do pliku css Twojej templatki float:left w najbardziej zewnętrznym divie

ew. podeślij link do templatki jak masz ją gdzies online, to pewnie ktoś CI podpowie, bo można tez usunąc komende margin: 0 auto, która pewnie jest w tym najbardziej zewnętrznym divie :)

manoa
29-04-2013, 00:30
Plik template.css zamieszczam poniżej i nie bardzo łapię do którego fragmentu miałbym dopisać to o czym mówisz ?


body{background:url(images/bg.jpg); background-position: center top; background-attachment:fixed; background-repeat:no-repeat; background-color: #fff; color: #170800; background-size: 100% 100%; }

/* CLASS PUBLIC
---------------------------------------------------------------*/

a { color:#4d4d4d; text-decoration:none; outline:none; }
a:link { color:#666666; }
a:visited { color:#666666; }
a:hover { color:#dc3e3e; }
a:active { color:#dc3e3e; }

#jv-header, #jv-slide, #jv-modulebox1, #jv-container, #jv-breadcrumb, #jv-modulebox2 { margin-bottom:10px;}
.jv-block { background:url(images/transparent.png);}

#jv-slide .jv-block, #jv-modulebox1 .jv-block, #jv-modulebox2 .jv-block, #jv-modulebox3 .jv-block { padding:10px 0;}

.comcontent table { width:100%;}
input.button { background:#333; border:0; color:#fff; padding:2px 5px; }

/* HEADER
----------------------------------------------------------------------------------------------------------*/
#jv-header .jv-block { background:none;}
/* Logo */
#logo {width:136px; height:64px; float: left;}
#logo a { background:url(../images/logo.jpg); display: block; height:64px; width: 100%;}

/* Search */
.jv-search { float:right; margin-top: 20px;}
.search .inputbox {background:url(../images/default/search.png); border:0; height:19px; width:120px; padding:0 10px 0 20px; }

/* MENU
----------------------------------------------------------------------------------------------------------*/
#jv-mainnav { position:relative; z-index:99;}
#jv-mainnav .jv-menu { margin:0 !important}
.jv-module h3.title, .page_heading, input.button, ul.mainmenu { background-image: url(../images/default/menu.jpg);}


/* MODULE
----------------------------------------------------------------------------------------------------------*/
.jv-module { background:none;}
.jv-module .contentmod { padding:10px }

.jv-module h3.title , .page_heading { font-size:100%; font-weight:bold; background:#333; line-height:25px; color:#fff; text-transform:uppercase; padding:0 10px;}
.jv-module h3.title { margin:0;}

/* Login */
.form-login label { float: left; width:80px; }
.form-login p { margin-bottom:10px;}
.mod-login .login-input { border:1px solid #cdcdcd; padding-left:5px; height:20px; line-height:20px; margin-bottom:10px; background:#fff;}
.mod-login .inputbox { width:100%; background:none; border:0; height:20px; font-size:11px; line-height:20px }
.more-login a { display:block; margin-bottom: 2px;}

/* SLIDE
----------------------------------------------------------------------------------------------------------*/
#jv-slide .contentmod { padding: 0;}

/* MODULE BOX
----------------------------------------------------------------------------------------------------------*/
#jv-modulebox2 ul { padding:0;}
#jv-modulebox2 li{ padding:2px 0 0; background:url(../images/default/line2.jpg) repeat-x top left ; }
#jv-modulebox2 li:first-child { background:none;}
#jv-modulebox2 li a{ color:#333; display: block; line-height: 30px; }
#jv-modulebox2 li a:hover { color:#366672;}

/*follow us */
.follow-us li a { background:url(../images/follow.png) no-repeat; padding-left:25px;}
.follow-us .rss a { background-position: 0 6px; }
.follow-us .facebook a { background-position: 0 -18px; }
.follow-us .twitter a { background-position: 0 -44px; }
.follow-us .people a { background-position: 0 -68px; }

/* CONTAINER
----------------------------------------------------------------------------------------------------------*/
#jv-container .jv-block { padding-top:10px;}

/* FOOTER
----------------------------------------------------------------------------------------------------------*/
#jv-footer { background:#666; padding:10px 0px; text-align:center;}
#jv-footer .jv-block { padding:10px 0;}
div.jv-footer small {display: block;}

idek
29-04-2013, 09:38
spróbuj dopisać:

#jv-container {float:left}

a jak nie zadziałą, to pokaż jeszcze kilka pierwszychy linijek z index.php templatki (tych zaraz po <BODY>)

manoa
29-04-2013, 10:03
dzięki, zadziałało tak w 50% :)
Cała strona przesunęła się do lewej, natomiast slider nivo został na środku tak jakby on nie odziedziczył tego znacznika, da się to może dopisać w jakimś centralnym miejscu które obejmie wszystko ?

idek
29-04-2013, 17:38
pewnie ten slider ma jakieś inne wartości "position" które determinują, że jest w takiej a nie innej pozycji, bez poznania kod css i kodu slidra nikt raczej nic nie wymyśli