Imam veliki problem , isti ovaj template mi se na manjim monitorima tipa 17 i 15 incha skuplja desna strana, to jest , tekst se skuplja i ide u duzinu a slika se odsece naprimer na neke 2/3 , elementi gde mogu da idu dole oni se spuste a gde ne odseku se sa desne strane ...ufff ... Evo css koda layout.css i template.css , ja sam pokusavao da menjam one komande
Code:
.mega-wrap-page{
overflow: hidden;
sa hidden u auto ali dobijem neke uspravne klizace za sadrzaj. Moze li da bude neka fiksna sirina stranice tipa 1300-1400px i ako je monitor uzi da im se pojavi skrol bar dole i da lepo idu levo desno da vide ceo sadrzaj. U css folderu ima jos par fajlova ali mislim da oni nisu problematicni ...
evo slika koji su , pa kodovi
layout.css
Code:
/**
# mega_etanol - Mega Etanol Template for Joomla! 1.7
# author OmegaTheme.com
# copyright Copyright(C) 2011 - OmegaTheme.com. All Rights Reserved.
# @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Website: http://omegatheme.com
# Technical support: Forum - http://omegatheme.com/forum/
**/
/**------------------------------------------------------------------------
* file: layout.css 1.7.0 00001, July 2011 12:00:00Z OmegaTheme $
* package: Mega Etanol Template
*------------------------------------------------------------------------*/
* {
margin:0;
padding:0;
}
body#mega_body{
background: #FFF;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.mega_wrapper{
width: 100%;
margin: 0 auto;
overflow: hide;
}
.mega_wrapper_i,
.mega_banner,
.mega_extend1,
.mega_extend2,
.mega_tops_extend,
.mega_mainbody,
.mega_footer{
width: 100%;
float: left;
}
.mega_banner_w,
.mega_extend1_w,
.mega_extend2_w,
.mega_mainbody_w,
.mega_footer_w{
float: left;
margin-left: 410px;
margin-right: 50px;
overflow: auto;
width: 810px;
}
.mega_banner_w{
background: url("../images/banner_bg.png") no-repeat center center;
font-family: "Estrangelo Edessa";
font-size: 17px;
text-transform: uppercase;
}
.mega_extend1_w{
font-family: "Estrangelo Edessa";
font-size: 17px;
text-transform: uppercase;
}
.mega_banner_i,
.mega_extend1_i,
.mega_extend2_i,
.mega_mainbody_i,
.mega_footer_i{
width: 100%;
float: left;
padding: 40px 0;
}
.mega_banner h3,
.mega_extend1 h3,
.mega_extend2 h3,
.mega_tops_extend h3,
.mega_footer h3{
color: #FFFFFF;
font-family: Tahoma;
font-size: 44px;
font-weight: normal;
letter-spacing: 4px;
margin-bottom: 50px;
margin-top: 0;
text-align: center;
text-transform: uppercase;
}
.mega_wrapper_i{
height: 100%;
overflow: hide;
position: relative;
}
.mega_tops_extend{
padding-bottom: 40px;
}
.mega_tops_extend{
}
.mega_tops_extend .firstbox{
float: left;
}
.mega_tops_extend .firstbox .megaclassbox_2{
padding-right: 20px;
}
.mega_tops_extend .midbox{
float: left;
margin-left: 3px;
}
.mega_tops_extend .midbox .megaclassbox_2{
padding: 0 10px;
}
.mega_tops_extend .lastbox{
float: right;
}
.mega_tops_extend .lastbox .megaclassbox_2{
padding-left: 20px;
}
#mega_hbanner,
#mega_hextend1,
#mega_hextend2,
#mega_hmainbody,
#mega_hfooter{
position: absolute;
left: 0;
}
/* ++++++++++++++++ Style for Leftcol ++++++++++++++ */
.mega_leftcol{
float: left;
position: relative;
margin-left: 50px;
width: 340px;
z-index: 9;
}
.mega_leftcol_i{
position: relative;
}
.mega_leftcol .megamodule,
.mega_topleft,
.mega_logo,
.mega_leftmods{
color: #FFF;
float: left;
width: 100%;
padding-bottom: 40px;
}
.mega_topleft,
.mega_logo,
.mega_leftmods{
background: url(../images/leftcol_bg.jpg) repeat-y;
float: left;
width: 270px;
padding: 0 31px 160px 39px;
}
.mega_topleft,
.mega_logo{
padding: 0px 31px 40px 39px;
overflow: hidden;
}
.mega_logo{
display: block;
}
.mega_logo a.logo{
background: url("../../images/blue/logo.png") no-repeat scroll center 0 transparent;
display: block;
height: 230px;
text-align: center;
}
.mega_leftmods{
background: url(../images/leftcol_bottom_bg.png) no-repeat left bottom;
position: absolute;
width: auto;
padding-top: 0px;
padding-bottom: 51px;
}
.mega_leftcol h3{
color: #FFFFFF;
font-family: Tahoma;
font-size: 20px;
font-weight: normal;
letter-spacing: 2px;
margin-bottom: 20px;
text-transform: uppercase;
}
.mega_leftcol ul.menu li{
background: none;
margin-left: -50px;
padding-left: 50px;
padding-bottom: 0;
padding-top: 0;
}
.mega_leftcol ul.menu li.active{
background: url(../images/blue/leftmenu_active_bg.png) no-repeat 0 8px;
}
.mega_leftcol ul.menu li a{
background: url(../images/leftmenu_links_border_bg.jpg) repeat-x 0px 0;
display: block;
padding-top: 11px;
padding-bottom: 11px;
}
.mega_leftcol ul.menu li.last a{
background: url(../images/leftmenu_last_link_border_bg.png) repeat-x 0px 0;
}
.mega_leftcol ul.menu li.active a span,
.mega_leftcol ul.menu li a:hover span{
background: url(../images/blue/leftmenu_hover_bg.png) no-repeat 6px 0;
color: #FFF;
text-decoration: none;
}
.mega_leftcol ul.menu li a span{
background: url(../images/leftmenu_link_bg.png) no-repeat 6px 0;
color: #7E7E7E;
display: block;
font-family: "Trebuchet MS";
font-size: 22px;
font-weight: normal;
height: 49px;
line-height: 49px;
padding: 0 16px;
text-align: center;
text-transform: uppercase;
width: 238px;
}
.mega_leftcol ul.menu li a span{
display: block;
}
.mega_leftcol_botbg{
/* background: url(../images/leftcol_bot_bg.png) no-repeat;
height: 51px;
float: left;
width: 340px; */
}
/*+++++++++++++++++++++++++++++++++++++++++++++*/
.mega_rightcol{
}
.mega_banner{
}
.mega_extend1{
background: url(../images/features_bg.jpg);
}
.mega_mainbody{
}
.mega_frontpage,
.mega_footer_border_top{
float: left;
width: 100%;
}
.mega_footer{
background: url(../images/footer_bg.jpg);
color: #878787;
text-transform: uppercase;
}
.mega_footer_border_top{
margin-top: 5px;
border-top: 1px dashed #333;
}
.mega_footer h3{
text-align: left;
}
.mega_footer form.contact-us{
}
.mega_footer form.contact-us input{
width: 300px;
overflow: hide;
}
.mega_footer form.contact-us textarea{
width: 355px;
height: 140px;
overflow: hide;
}
.mega_footer form.contact-us input,
.mega_footer form.contact-us textarea{
background: #484848;
border: none;
color: #FFF;
padding: 3px;
}
.mega_footer form.contact-us input.submit{
color: #878787;
cursor: pointer;
padding: 3px 18px;
text-transform: uppercase;
width: auto;
}
form.contact-us span.address,
form.contact-us span.email,
form.contact-us span.phone{
padding: 12px 20px 12px 60px;
line-height: 50px;
}
form.contact-us span.address{
background: url(../images/address-icon.png) no-repeat;
}
form.contact-us span.email{
background: url(../images/email-icon.png) no-repeat;
}
form.contact-us span.phone{
background: url(../images/phone-icon.png) no-repeat;
}
#mega_top_onclick{
background: url(../images/footer_bg.jpg);
width: 100%;
height: 173px;
display: block;
position: absolute;
left: 0;
}
.mega_topclick a{
background: url(../images/topclick_bg.png) no-repeat;
display: block;
height: 173px;
left: 50%;
position: relative;
width: 201px;
}
template.css
Code:
/**
# mega_etanol - Mega Etanol Template for Joomla! 1.7
# author OmegaTheme.com
# copyright Copyright(C) 2011 - OmegaTheme.com. All Rights Reserved.
# @license http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Website: http://omegatheme.com
# Technical support: Forum - http://omegatheme.com/forum/
**/
/**------------------------------------------------------------------------
* file: template.css 1.7.0 00001, July 2011 12:00:00Z OmegaTheme $
* package: Mega Etanol Template
*------------------------------------------------------------------------*/
*{
margin:0;
padding:0;
}
body#mega_page{
background: #FFF;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
/*+++++++++++ @group Joomla Elements ++++++++++*/
.mega-wrap-page{
overflow: hidden;
}
.blog-featured{
}
.items-leading{
padding-bottom: 10px;
overflow: hidden;
}
h1.mega-title,
.items-leading h2.mega-title{
color: #FFFFFF;
font-family: Tahoma;
font-size: 44px;
font-weight: normal;
margin-bottom: 25px;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
}
.items-leading h2.mega-title a{
color: #FFF;
}
.items-leading h2.mega-title a:hover{
color: #B62B00;
}
.items-row{
width: 100%;
float: left;
padding-bottom: 10px;
}
.items-row .item{
float: left;
}
.items-row .item h2.mega-title{
color: #FFFFFF;
font-family: Tahoma;
font-size: 44px;
font-weight: normal;
margin-bottom: 25px;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
}
.items-row .item h2.mega-title a{
color: #FFF;
}
.items-row .item h2.mega-title a:hover{
color: #B62B00;
}
/* Style for two column */
.cols-2 .item{
width: 48%;
}
.cols-2 .column-2{
float: right;
}
/* Style for three column */
.cols-3 .item{
width: 32%;
overflow: hidden;
}
.cols-3 .column-1{
}
.cols-3 .column-2{
margin-left: 2%;
}
.cols-3 .column-3{
float: right;
}
/* Style for four column */
.cols-4 .item{
width: 23%;
overflow: hidden;
}
.cols-4 .column-1{
}
.cols-4 .column-2{
margin-left: 3%;
}
.cols-4 .column-3{
margin-left: 2%;
}
.cols-4 .column-4{
float: right;
}
/* Style for article view */
.item-page{
float: left;
width: 100%;
}
.item-custom,
.component-page{
background: none;
border: none;
float: left;
}
.item-custom-bg,
.component-page-bg{
border: none;
float: left;
padding: 0;
overflow: hidden;
}
.item-page h2.mega-title{
color: #FFFFFF;
font-family: Tahoma;
font-size: 44px;
font-weight: normal;
margin-bottom: 25px;
padding-bottom: 5px;
text-align: center;
text-transform: uppercase;
}
.items-more h3{
font-size: 13px;
}
.mega-wrap-page ul,
.mega-wrap-page ol{
}
.mega-wrap-page ul li,
.mega-wrap-page ol li{
}
.mega-title-actions{
width: 100%;
float: left;
padding-bottom: 10px;
}
ul.actions,
dl.article-info{
float: left;
margin: 0;
padding: 0 0 10px 20px;
width: 96%;
}
ul.actions{
float: right;
width: auto;
}
dl.article-info{
padding-left: 0;
width: 100%;
}
ul.actions li{
background: none;
width: auto;
float: left;
padding: 0;
margin-right: 5px;
list-style: none;
}
dl.article-info dd.published{
font-size: 11px;
color: #999;
}
dd.createdby{
font-size: 11px;
color: #666;
}
.content-details-area {
float: left;
padding-left: 0px;
width: 100%;
}
.megaclub-info-demo{
float: left;
}
/* Style for Category list page */
.category-list{
}
.categories-list ul{
padding-left: 10px;
}
.categories-list ul li{
background: url("../images/doted.png") no-repeat 0 5px;
width: 98%;
float: left;
list-style: none;
padding: 5px 0 5px 10px;
}
.cat-items{
}
.display-limit{
padding-bottom: 10px;
}
table.category tr.cat-list-row1 td{
background: #EEE;
}
/* End */
ul.pagenav{
width: 100%;
float: left;
overflow: hidden;
padding: 15px 0 0 0;
text-align: center;
}
.item-page ul.pagenav li{
background: none repeat scroll 0 0 transparent;
display: inline;
float: none;
margin: 0 2px;
width: auto;
}
/* Style page counter */
.pagination{
float: left;
margin-top: 15px;
width: 100%;
text-align: center;
}
.pagination ul li{
width: auto;
float: none;
display: inline;
padding: 0;
margin: 0 3px;
text-align: center;
}
.pagination p.counter{
padding-bottom: 10px;
}
.pagination a.pagenav,
.pagination span.pagenav{
height: 25px;
padding: 0px 8px;
border: 1px #ccc solid;
line-height: 25px;
}
.pagination span.pagenav{
background: #FFF;
}
.pagination a.pagenav{
background: #e0dcdb;
}
/* Readmore */
p.readmore {
float: right;
line-height: 1;
margin-top: 1px;
text-align: right;
}
p.readmore a.readmore {
background: none repeat scroll 0 0 #EDEDED;
color: #883727;
display: block;
line-height: 20px;
text-align: center;
width: 80px;
}
/* ++++++++++++++++++++ article-count +++++++++++++++++ */
dl.article-count{
float: left;
margin: 5px 0;
width: 100%;
}
dl.article-count dt{
float: left;
margin-right: 10px;
}
dl.article-count dd{
}
/* +++++++++++++++++++++ Style for contact form ++++++++++ */
div.contact h2{
border-bottom: 1px solid #C8C8C8;
margin-bottom: 8px;
padding-bottom: 5px;
}
div.contact-form-custom{
width: 73%;
float: left;
}
div.contact-links-custom{
width: 25%;
float: right;
}
div.contact div.contact-links,
div.contact div.contact-miscinfo{
width: 100%;
float: right;
}
.contact-slider{
}
.contact-slider .panel{
}
.contact-form{
}
.contact-form form#contact-form fieldset{
border: none;
}
.contact-form form#contact-form fieldset legend{
font-weight: normal;
font-size: 12px;
}
h2 span.contact-name{
color: #272727;
font-family: helvetica;
font-size: 13px;
line-height: normal;
margin-bottom: 5px;
padding-bottom: 5px;
text-transform: uppercase;
}
.contact-form .contact-email{
}
.contact-form form#contact-form dt,
.contact-form form#contact-form dd{
width: 100%;
float: left;
}
.contact-form form#contact-form dt{
margin-top: 10px;
}
.contact-form form#contact-form dd input,
.contact-form .contact-email div,
.contact-form .contact-email div label,
.contact-form .contact-email div input,
.contact-form .contact-email div textarea{
width: 80%;
float: left;
margin-bottom: 8px;
}
.contact-form form#contact-form dt label#jform_contact_email_copy-lbl,
.contact-form form#contact-form dd input#jform_contact_email_copy{
float: left;
width: auto;
}
.contact-form form#contact-form dt label#jform_contact_email_copy-lbl{
margin-left: 20px;
}
.contact-form form#contact-form dd input#jform_contact_email_copy{
margin-top: -14px;
}
.contact-form .contact-email div button{
float: left;
}
.contact-form .contact-email div input#contact-email-copy{
width: auto;
float: left;
}
/* Custom style for breadcrumbs mod */
.breadcrumbs{
}
.breadcrumbs img{
padding-top: 2px;
}
/* Style for Login form */
.login {
line-height: 40px;
}
.login .login-fields label,
.login .login-fields input{
}
.login fieldset{
padding: 10px;
}
form#login-form{
text-align: left;
}
form#login-form span.input_login {
background: url("../images/input_bg.png") no-repeat scroll 0 0 transparent;
display: block;
height: 30px;
width: 205px;
}
form#login-form input#modlgn-username,
form#login-form input#modlgn-passwd{
background: none repeat scroll 0 0 transparent;
border: medium none;
height: 20px;
overflow: hidden;
padding: 5px;
width: 195px;
}
p#form-login-remember {
line-height: normal;
padding: 8px 0;
}
input#modlgn-remember {
background: url("../images/remmember_input_bg.jpg") no-repeat scroll 0 0 transparent;
float: left;
height: 15px;
margin-right: 5px;
width: 15px;
}
div.submit-login {
background: url("../../images/orange/login_button_bg.png") no-repeat scroll 0 0 transparent;
display: block;
height: 35px;
width: 90px;
}
div.submit-login input.button {
background: none repeat scroll 0 0 transparent;
border: medium none;
color: #FFFFFF;
cursor: pointer;
display: block;
height: 32px;
text-align: center;
text-transform: uppercase;
width: 88px;
}
form#login-form ul li {
background: none repeat scroll 0 0 transparent;
border: medium none;
float: left;
padding: 3px 0;
width: 100%;
}
form#login-form ul li a {
color: #FFFFFF;
font-size: 11px;
font-weight: bold;
}
fieldset.userdata{
border: none;
}
fieldset.userdata p{
padding: 5px 0;
}
form#member-registration{
}
form#member-registration fieldset{
border: none;
line-height: 25px;
}
/* Custom style for joomla search */
.mega_topextend1 .search {
float: left;
width: 260px;
}
.search {
float: right;
line-height: 25px;
right: 0;
text-align: right;
width: 100%;
}
form#searchForm{
padding:10px;
line-height:30px;
}
input#mod-search-searchword{
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
color: #333436;
float: left;
height: 22px;
padding: 5px;
width: 210px;
}
.search span.submit{
background: #e69d00;
height: 17px;
padding: 5px;
margin-left: 5px;
float:right;
}
.search span input.button{
background: #e69d00;
color: #fff;
border: none;
cursor: pointer;
}
/* End */