PRVI:
ukoliko nemam tekst, ili samo par reci u tekstu nekok Artikla u Joomli, sirina contetn sadrzaja nije maksimalna, vec se suzi,
http://hosting.ebchost.info/index.php?o ... 2&Itemid=2
DRUGI:
ukoliko iskljucim module na levoj ili desnoj koloni, content sadrzaj se ne prosiri levo ili desno, vec ostaje tu gde jeste. kako da to prebrodim
Evo koda templejta
Naziv fajla: index.php
Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/templateee/css/template.css" type="text/css" />
</head>
<body id="pozadina">
<table id="container">
<tr>
<td id="header">
<jdoc:include type="modules" name="header" />
<h1>Moj prvi joomla templejt</h1>
</td>
</tr>
<tr>
<td>
<ul id="menu" >
<jdoc:include type="modules" name="user3" />
</ul>
</td>
</tr>
<tr>
<td>
<table align='center' width='100%'>
<tr>
<td valign='top' id="sidebar_left" >
<jdoc:include type="modules" name="left" style="XHTML" />
</td>
<td id="content">
<jdoc:include type="component" />
</td>
<td id="sidebar_right" valign='top'>
<jdoc:include type="modules" name="right" style="XHTML" />
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Code: Select all
* {
padding: 0;
margin:0;
}
#pozadina {
background-color: #E8E8E8;
}
input.button {
width: 100px;
font-size:13px;
margin-bottom: 10px;
margin-top: 10px;
}
input.inputbox#mod_login_remember {
margin-bottom: 10px;
}
.moduletable h3{
padding: 10px;
background-color: #3366FF;
color: #ffffff;
text-align: center;
font-family:Helvetica,Arial,Verdana,sans-serif;
text-transform:uppercase;
font-size:13px;
border-color: #D0D0D0;
border-style: solid;
border-width: 1px;
border-radius: 15px;
margin-bottom: 10px;
}
.moduletable th{
font-size: 14px;
text-align: left;
font-family: verdana;
}
.moduletable {
padding: 10px;
border-color: #D0D0D0;
border-style: solid;
border-width: 1px;
border-radius: 15px;
font-family: verdana;
font-size: 12px;
text-align: left;
margin-bottom:10px;
}
.contentheading {
font-size: 30px;
width: 100%;
height: 30px;
line-height: 30px;
font-family: verdana;
color: #02576B;
}
.contentpaneopen {
font-size: 9px;
text-align: left;
font-family: verdana;
}
.createdate {
font-size: 15px;
text-align: left;
font-family: verdana;
}
.modifydate {
font-size: 9px;
text-align: left;
font-family: verdana;
}
.blog {
font-size: 15px;
width: 100%;
font-family: verdana;
border-color: #D0D0D0;
border-style: solid;
border-width: 1px;
border-radius: 15px;
padding: 10px;
}
#content img{
margin:15px;
}
ul {
list-style:none;
}
.float {
float: left;
}
.clear {
clear: both;
}
#container {
width:1200px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
border-color: #E8E8E8;
border-style: solid;
border-width: 1px;
border-radius: 15px;
text-align: justify;
display: block;
background-color: #ffffff;
}
#header {
background-color:#ffffff;
height: auto;
border-radius: 15px;
padding: 10px;
}
#content {
/*width: 700px; */
text-align: center;
padding: 10px;
}
fieldset{
border:none;
}
#sidebar_left {
margin-top: 0px;
padding: 10px;
width: 200px;
}
#sidebar_right {
margin-top: 0px;
padding: 10px;
background-color:#ffffff;
width: 200px;
}
#footer {
background-color:#999999;
text-align:center;
}
.readon {
margin:0;
padding:0;
list-style-type:none;
width: 80px;
position:relative;
display:block;
height:40px;
text-transform:uppercase;
font-size:13px;
background:transparent url("../images/blue.jpg") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
a.readon {
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:12px 20px 0 20px;
border-radius: 15px;
height:28px;
}
a.readon:hover{
background:transparent url("../images/black.jpg") repeat-x top left;
}
ul#menu{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:40px;
text-transform:uppercase;
font-size:13px;
background:transparent url("../images/blue.jpg") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
}
ul#menu li{
display:block;
float:left;
margin:0;
padding:0;
border-right:1px solid #ffffff;
}
ul#menu li a{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
padding:12px 20px 0 20px;
height:28px;
}
ul#menu li a:hover{
background:transparent url("../images/black.jpg") repeat-x top left;
}
