- Posts: 4
- Thank you received: 0
Kunena 7.0.4 Released
The Kunena team has announce the arrival of Kunena 7.0.4 [K 7.0.4] in stable which is now available for download as a native Joomla extension for J! 5.4.x/6.0.x. This version addresses most of the issues that were discovered in K 6.2 / K 6.3 / K 6.4 and issues discovered during the last development stages of K 7.0
Question i have integrate the forum but some changes occur please help
17 years 2 months ago #6607
by mega0079
first of all thanks for reading
jommla 1.5.9
kunena 1.0.8
kunena templete default_ex
templete of joomla jamesolite
well as you can see on my website wwwdotpc-gsdotcom everything looks in order, i mean the menu in the left side, but if you click were it said "foros de soporte" you will find that my menu module is now on the bottom, i want it to be on the left side as the home page show it.
I tried move some css code, but nothing work, is there someone who can help me?
thanks a lot
jommla 1.5.9
kunena 1.0.8
kunena templete default_ex
templete of joomla jamesolite
well as you can see on my website wwwdotpc-gsdotcom everything looks in order, i mean the menu in the left side, but if you click were it said "foros de soporte" you will find that my menu module is now on the bottom, i want it to be on the left side as the home page show it.
I tried move some css code, but nothing work, is there someone who can help me?
thanks a lot
Please Log in or Create an account to join the conversation.
17 years 2 months ago - 17 years 2 months ago #6618
by core2
Visit the Kunena documantation .
Replied by core2 on topic Re:i have integrate the forum but some changes occur please help
This sounds like a css problem with your joomla template. Does your template have a fixed width? Can you increase it? Have you tested with other joomla template?
Visit the Kunena documantation .
Last edit: 17 years 2 months ago by core2.
Please Log in or Create an account to join the conversation.
17 years 2 months ago - 17 years 2 months ago #6630
by mega0079
Replied by mega0079 on topic Re:i have integrate the forum but some changes occur please help
thanks fot your answer, well i havnt try it with another theme, im going to try it, this is my css file
/* COMMON STYLE
*/
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: "Segoe UI", "Lucida Grande", Tahoma, Arial, sans-serif;
line-height: 1.6;
}
body#bd {
color: #666666;
background: #E6E6E6;
margin: 30px 0;
}
body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}
/* Normal link */
a {
color: #00A9DD;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #00A9DD;
text-decoration: underline;
}
a img {
border: none;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
line-height: normal;
}
.contentheading, .componentheading {
}
/* Small text */
small, .small, .smalldark, .img_caption, a.readon, #ja-footer {
font-size: 92%;
}
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption p, p.site-slogan {
color: #999999;
}
img {
margin: 0;
padding: 0;
}
/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
background: url('/../images/bullet.gif') no-repeat 22px 8px;
line-height: 160%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 35px;
}
th {
font-weight: bold;
padding: 8px;
text-align: left;
}
fieldset {
border: none;
padding: 10px 5px;
background: url('/../images/dot-h.gif') repeat-x top;
}
fieldset a {
font-weight: bold;
}
fieldset.input {
padding: 0;
background: none;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #E6E6E6;
height: 1px;
}
br {
height: 1px;
font-size: 1px;
}
td, div {
font-size: 100%;
}
/* FORM
*/
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox, .button {
font-family: "Segoe UI", Tahoma, Arial, sans-serif;
font-size: 100%;
color: #666666;
}
.inputbox {
padding: 2px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #999999;
background: #FFFFCC;
}
.button {
padding: 2px 8px;
border: 1px solid #00A9DD;
background: #00A9DD;
font-weight: bold;
color: #FFFFFF;
}
* html .button { /*IE 6*/
padding: 0 5px !important;
}
*+html .button { /*IE 7*/
padding: 0 5px !important;
}
/* JOOMLA STYLE
*/
.article_separator {
clear: both;
display: block;
height: 30px;
margin: 0;
background: url('/../images/dot-h.gif') repeat-x center;
}
.column_separator {
padding: 0 25px;
}
/* content tables */
.sectiontableheader {
background: #333333;
padding: 8px;
color: #FFFFFF;
font-weight: bold;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url('/../images/dot-h.gif') repeat-x bottom;
}
tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}
table.contenttoc td {
background: url('/../images/bullet.gif') no-repeat 12px 8px;
padding: 1px 5px 1px 20px;
}
table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #F7F7F7;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
.blog_more {
margin: 15px 0 0;
padding: 10px 0 0;
background: url('/../images/dot-h.gif') repeat-x top;
}
.blog_more strong {
display: block;
margin: 0 0 5px;
text-transform: uppercase;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url('/../images/bullet.gif') no-repeat 4px 8px;
margin: 0;
padding: 0 0 0 12px;
}
.category {
font-weight: bold;
text-transform: uppercase;
}
h1.componentheading, .componentheading {
margin: 0 0 10px;
padding: 0 0 10px;
font-size: 175%;
}
.componentheading {
font-size: 100%;
background: url('/../images/dot.gif') repeat-x bottom;
text-transform: uppercase;
color: #666666;
}
.contentdescription {
padding-bottom: 30px;
}
h2.contentheading, .contentheading {
margin: 0;
padding: 0 0 5px;
font-size: 200%;
}
table.blog .contentheading {
font-size: 175%;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}
a.readon {
text-align: center;
text-decoration: none;
color: #666666;
text-transform: uppercase;
font-weight: bold;
background: url('/../images/arrow-readon-1.png') no-repeat left 2px;
padding-left: 12px;
}
a.readon:hover, a.readon:focus, a.readon:active {
background: url('/../images/arrow-readon-2.png') no-repeat left 2px;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.moduletable {
padding: 0;
}
ul.pagination {
margin: 15px auto 0;
padding: 10px 0 0;
background: url('/../images/dot-h.gif') repeat-x top;
}
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
ul.pagination li span{
padding: 2px 5px;
}
ul.pagination a {
padding: 2px 3px;
text-decoration: none;
background: #666666;
color: #FFFFFF;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #00A9DD;
color: #FFFFFF;
}
.pagenavbar {
background: url('/../images/icon-pages.gif') no-repeat center left;
font-weight: bold;
padding-left: 14px;
}
.pagenavcounter {
background: url('/../images/icon-pages.gif') no-repeat 0 11px;
font-weight: bold;
padding: 8px 14px 0 14px;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
ul.latestnews a, ul.mostread a {
color: #666666;
}
/* META
*/
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 0;
text-transform: uppercase;
font-size: 92%;
position: relative;
}
.article-tools {
display: block;
padding: 0 10px 0 0;
white-space: nowrap;
}
.article-meta {
width: 70%;
float: left;
}
.createby {
padding: 0 5px 0;
background: #666666;
color: #FFFFFF;
}
.createdate {
padding: 0 5px 0 0;
}
.modifydate {
width: 100%;
display: block;
margin-bottom: 10px;
}
div.buttonheading {
position: absolute;
top: 0;
right: 10px;
}
.buttonheading img {
margin: 0 0 0 5px;
border: 0;
float: right;
}
/* MAIN LAYOUT DIVS
*/
#ja-wrapper {
width: 952px;
margin: 0 auto;
clear: both;
}
.narrow #ja-wrapper {
width: 752px;
}
#ja-wrapper-inner {
border: 1px solid #E6E6E6;
}
#ja-container {
position: relative;
}
/* PRIMARY COLUMN
*/
#ja-mainbody {
width: 760px;
float: right;
clear: both;
}
.narrow #ja-mainbody {
width: 600px;
}
#ja-content {
padding: 15px;
position: relative;
border-bottom: 1px solid #E6E6E6;
}
/* COLUMNS
*/
#ja-col {
float: left;
overflow: hidden;
width: 190px;
}
.narrow #ja-col {
width: 150px;
}
/*common style for column*/
#ja-col table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-col .article_separator {
display: none;
}
/* COLLAPSIBLE LAYOUT
*/
#ja-containerwrap,
#ja-containerwrap-f {
padding: 0;
margin: 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #E6E6E6;
}
#ja-containerwrap {
background: url('/../images/dot.gif') repeat-y 190px 0 #FFFFFF;
}
.narrow #ja-containerwrap {
background: url('/../images/dot.gif') repeat-y 150px 0 #FFFFFF;
}
/*full*/
#ja-containerwrap-f {
background: #FFFFFF;
}
#ja-containerwrap-f #ja-mainbody {
width: 100%;
}
/* MODULE
*/
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_menuhilite h3 {
font-size: 100%;
margin: 0 -15px 5px -16px;
padding: 10px 15px;
border-bottom: 1px solid #E6E6E6;
text-transform: uppercase;
background: url('/../images/dot-hilite.gif') repeat-y left #F7F7F7;
}
div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span {
color: #00A9DD;
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_menuhilite,
div.moduletable_hilite1 {
margin: 0;
padding: 0 15px 10px;
border-bottom: 1px solid #E6E6E6;
}
div.moduletable_menu h3,
div.moduletable_menuhilite h3 {
margin-bottom: 0;
border-bottom: none;
}
div.moduletable_menu,
div.moduletable_menuhilite {
padding: 0 15px;
}
div.moduletable_menuhilite h3 {
background: #00A9DD;
color: #FFFFFF;
}
/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}
div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}
div.moduletable ul {
list-style: none;
}
div.moduletable li {
background: url('/../images/bullet.gif') no-repeat 3px 8px;
line-height: 160%;
padding-left: 12px;
}
/* HEADER
*/
#ja-headerwrap {
height: 100px;
background: url('/../images/main-tr.gif') no-repeat top right #FFFFFF;
}
#ja-header {
height: 100px;
line-height: normal;
position: relative;
background: url('/../images/main-tl.gif') no-repeat top left;
}
h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 200%;
}
h1.logo a {
width: 940px;
display: block;
background: url('/../images/logo.gif') no-repeat;
position: absolute;
height: 100px;
top: 0;
left: 10px;
}
h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
text-decoration: none;
outline: none;
position: absolute;
top: 25px;
left: 20px;
text-transform: uppercase;
}
h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
}
p.site-slogan {
margin: 0;
padding: 0;
position: absolute;
top: 55px;
left: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
#ja-vmcurrency {
width: 300px;
position: absolute;
top: 20px;
right: 230px;
height: 65px;
border-right: 1px solid #E6E6E6;
}
#ja-vmcurrency div.moduletable {
padding: 15px 0 0 15px;
border: none;
}
#ja-vmcurrency div.moduletable h3 {
background: none;
border: none;
margin: 0 0 10px;
padding: 0;
}
/* MAIN NAVIGATION
*/
#ja-mainnavwrap {
background: #333333;
border-top: 1px solid #E6E6E6;
height: 35px;
z-index: 999;
}
#ja-mainnav {
height: 35px;
width: 760px;
float: right;
background: url('/../images/dot-dark.gif') repeat-y left;
}
.narrow #ja-mainnav {
width: 600px;
}
#ja-mainnav a, #ja-subnav a {
outline: none;
}
#ja-subnav ul {
list-style: none;
margin: 0;
padding: 0;
}
#ja-subnav li {
background: none;
margin: 0;
padding: 1px 0;
}
#ja-subnav a {
display: block;
outline: none;
padding: 4px 2px 4px 14px;
text-decoration: none;
background: url('/../images/bullet.gif') no-repeat 3px 10px;
}
#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
}
#ja-subnav li.active a {
}
/* breadcrumbs */
#ja-pathway {
padding: 10px 15px;
margin-left: 1px;
text-transform: uppercase;
background: #F7F7F7;
border-bottom: 1px solid #E6E6E6;
line-height: normal;
}
#ja-pathway strong {
margin-right: 5px;
color: #00A9DD;
}
#ja-pathway a {
text-decoration: none;
}
#ja-pathway a:hover {
text-decoration: underline;
}
#ja-pathway img {
margin: 1px 5px;
}
/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.menu li {
display: block;
background: none;
margin: 0;
padding: 0;
line-height: normal;
}
ul.menu li a {
display: block;
outline: none;
padding: 8px 15px 9px;
margin: 0 -15px;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #E6E6E6;
background: url('/../images/arrow.png') no-repeat 92% 14px;
}
* html ul.menu li a {
padding: 7px 15px 8px;
width: 190px;
}
* html .narrow ul.menu li a {
padding: 7px 15px 8px;
width: 150px;
}
*+html ul.menu li a {
padding: 7px 15px 8px;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: url('/../images/arrow.png') no-repeat 92% 14px #F7F7F7;
text-decoration: none;
}
ul.menu li.active a {
background: url('/../images/arrow.png') no-repeat 92% 14px #FFFFCC;
font-weight: bold;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
background: #FFFFCC;
}
ul.menu li li {
border: none;
}
ul.menu li li a {
background: url('/../images/bullet.gif') no-repeat 18px 14px #FFFFCC !important;
border: none;
padding-left: 26px !important;
text-transform: none;
font-weight: normal !important;
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
color: #00A9DD;
}
ul.menu li li.active a {
color: #00A9DD;
font-weight: bold;
}
ul.menu li li li a {
color: #666666 !important;
font-weight: normal !important;
padding-left: 38px !important;
background: url('/../images/bullet.gif') no-repeat 30px 14px #FFFFCC !important;
}
ul.menu li li li.active a {
font-weight: bold !important;
}
/* SPOTLIGHT
*/
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-left, .ja-box-center {
background: url('/../images/dot.gif') repeat-y right;
}
/* Top spotlight */
#ja-topsl1 {
position: relative;
height: 250px;
margin-left: 1px;
border-bottom: 1px solid #E6E6E6;
}
#ja-topsl2, #ja-topsl3 {
margin-left: 1px;
}
#ja-topsl2 div.moduletable h3, #ja-topsl3 div.moduletable h3 {
background: #F7F7F7;
color: #666666;
margin-left: -15px;
}
#ja-topsl3 table {
padding: 0;
margin: 0;
}
#ja-topsl3 td {
padding: 15px 0;
margin: 0;
}
#ja-topsl3 tr {
background: url('/../images/dot-h.gif') repeat-x bottom;
}
/* Bottom spotlight */
#ja-botsl {
position: relative;
border-top: 1px solid #E6E6E6;
margin-left: 1px;
clear: both;
background: #F7F7F7;
}
#ja-botsl div.moduletable {
position: relative;
border: none;
padding: 15px;
}
#ja-botsl div.moduletable h3 {
margin: 0;
padding: 0;
background: none;
border: none;
font-size: 100%;
}
/* FOOTER
*/
#ja-footerwrap {
position: relative;
clear: both;
background: url('/../images/main-br.gif') no-repeat bottom right #333333;
}
#ja-footer {
background: url('/../images/main-bl.gif') no-repeat bottom left;
color: #666666;
text-transform: uppercase;
font-size: 92%;
}
#ja-footer small {
color: #666666;
font-size: 100%;
padding: 10px 10px 10px 20px;
}
#ja-footer ul {
margin: 0;
padding: 0 10px 5px 10px;
line-height: normal;
}
#ja-footer li {
display: inline;
margin: 0;
padding: 0;
background: url('/../images/vline.gif') no-repeat center left;
}
#ja-footer li a {
display: inline;
line-height: normal;
padding: 0 10px;
}
li.ja-firstitem {
background: none !important;
}
#ja-footer a {
color: #999999;
text-decoration: none;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
color: #FFFFFF;
}
div.sublogo {
width: 20%;
float: left;
}
div.sublogo a {
font-size: 200%;
display: block;
text-align: center;
background: url('/../images/logo-sub.gif') no-repeat right;
width: 150px;
height: 70px;
text-indent: -5000px;
position: absolute;
left: 10px;
}
.narrow div.sublogo a {
width: 140px;
height: 70px;
}
div.copyright {
width: 80%;
padding: 20px 0;
float: right;
background: url('/../images/dot-dark.gif') repeat-y left;
}
div.foot-rss {
position: absolute;
top: 30px;
right: 20px;
}
div.foot-rss img {
vertical-align: middle;
}
/* MISCELLANOUS
*/
ul.accessibility {
position: absolute;
top: -100%;
}
/* Login */
#form-login p {
margin: 0 0 5px;
}
#form-login ul {
margin: 5px 0 0;
}
#modlgn_username, #modlgn_passwd {
width: 90%;
}
/* Search */
#ja-search {
float: left;
width: 190px;
height: 35px;
background: url('/../images/icon-search.png') no-repeat 5px 0;
overflow: hidden;
}
.narrow #ja-search {
width: 150px;
}
#ja-search .inputbox {
padding: 10px 0 0 40px;
background: none;
border: none;
font-weight: bold;
color: #CCCCCC;
}
/*others*/
#ja-banner {
padding: 20px 0 0;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
background: none!important;
display: block;
margin: 10px 0;
text-decoration: none!important;
}
.clr {
clear: both;
}
.hasTip img {
border: none;
margin: 10px 5px 0 0;
}
div.ja-innerdiv {
padding: 6px 0 7px;
background: url('/../images/dot-h.gif') repeat-x bottom;
}
div.ja-innerdiv img {
padding: 0;
margin: 0;
}
/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
max-width: 200px;
padding: 5px;
z-index: 999;
color: #333333;
}
.tool-title {
background: url('/../../system/images/selector-arrow.png') no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}
.tool-text {
font-size: 100%;
margin: 0;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #FFFFFF;
margin: 0;
padding: 5px;
}
/* System Standard Messages */
#system-message dd.message ul {
background: #666666;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
background: #666666;
border: none;
}
/* System Notice Messages */
#system-message dd.notice ul {
background: #666666;
border: none;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
thanks for the help
Warning: Spoiler!
/* COMMON STYLE
*/
html, body, form, fieldset {
margin: 0;
padding: 0;
}
body {
background: #FFFFFF;
color: #000000;
font-family: "Segoe UI", "Lucida Grande", Tahoma, Arial, sans-serif;
line-height: 1.6;
}
body#bd {
color: #666666;
background: #E6E6E6;
margin: 30px 0;
}
body.contentpane {
color: #000000;
font-size: 12px;
line-height: 1.3em;
margin: 0;
margin: 1em 2em;
width: auto; /* Printable Page */
}
body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}
/* Normal link */
a {
color: #00A9DD;
text-decoration: none;
}
a:hover, a:active, a:focus {
color: #00A9DD;
text-decoration: underline;
}
a img {
border: none;
}
/* Title text */
.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
line-height: normal;
}
.contentheading, .componentheading {
}
/* Small text */
small, .small, .smalldark, .img_caption, a.readon, #ja-footer {
font-size: 92%;
}
small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption p, p.site-slogan {
color: #999999;
}
img {
margin: 0;
padding: 0;
}
/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
margin: 1em 0;
padding: 0;
}
ul {
list-style: none;
}
ul li {
background: url('/../images/bullet.gif') no-repeat 22px 8px;
line-height: 160%;
padding-left: 30px;
}
ol li {
line-height: 180%;
margin-left: 35px;
}
th {
font-weight: bold;
padding: 8px;
text-align: left;
}
fieldset {
border: none;
padding: 10px 5px;
background: url('/../images/dot-h.gif') repeat-x top;
}
fieldset a {
font-weight: bold;
}
fieldset.input {
padding: 0;
background: none;
}
hr {
border-bottom: 0;
border-left: 0;
border-right: 0;
border-top: 1px solid #E6E6E6;
height: 1px;
}
br {
height: 1px;
font-size: 1px;
}
td, div {
font-size: 100%;
}
/* FORM
*/
form {
margin: 0;
padding: 0;
}
form label {
cursor: pointer;
}
input, select, textarea, .inputbox, .button {
font-family: "Segoe UI", Tahoma, Arial, sans-serif;
font-size: 100%;
color: #666666;
}
.inputbox {
padding: 2px;
border: 1px solid #CCCCCC;
background: #FFFFFF;
}
.inputbox:hover, .inputbox:focus {
border: 1px solid #999999;
background: #FFFFCC;
}
.button {
padding: 2px 8px;
border: 1px solid #00A9DD;
background: #00A9DD;
font-weight: bold;
color: #FFFFFF;
}
* html .button { /*IE 6*/
padding: 0 5px !important;
}
*+html .button { /*IE 7*/
padding: 0 5px !important;
}
/* JOOMLA STYLE
*/
.article_separator {
clear: both;
display: block;
height: 30px;
margin: 0;
background: url('/../images/dot-h.gif') repeat-x center;
}
.column_separator {
padding: 0 25px;
}
/* content tables */
.sectiontableheader {
background: #333333;
padding: 8px;
color: #FFFFFF;
font-weight: bold;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {
color: #FFFFFF;
}
tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
padding: 8px;
background: url('/../images/dot-h.gif') repeat-x bottom;
}
tr.sectiontableentry0:hover,
tr.sectiontableentry1:hover,
tr.sectiontableentry2:hover {
}
table.contentpane {
border: none;
width: 100%;
}
table.contentpaneopen {
border: none;
border-collapse: collapse;
border-spacing: 0;
}
table.contenttoc {
margin: 0 0 10px 10px;
padding: 0;
width: 30%;
float: right;
}
table.contenttoc td {
background: url('/../images/bullet.gif') no-repeat 12px 8px;
padding: 1px 5px 1px 20px;
}
table.contenttoc th {
border-bottom: 1px solid #CCCCCC;
padding: 0 0 3px;
text-indent: 5px;
}
table.poll {
border-collapse: collapse;
padding: 0;
width: 100%;
}
table.pollstableborder {
border: none;
padding: 0;
text-align: left;
width: 100%;
}
table.pollstableborder img {
vertical-align: baseline;
}
table.pollstableborder td {
border-collapse: collapse;
border-spacing: 0;
padding: 4px !important;
background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
background: #F7F7F7;
}
table.searchintro {
padding: 10px 0;
width: 100%;
}
table.searchintro td {
padding: 5px!important;
}
.blog_more {
margin: 15px 0 0;
padding: 10px 0 0;
background: url('/../images/dot-h.gif') repeat-x top;
}
.blog_more strong {
display: block;
margin: 0 0 5px;
text-transform: uppercase;
}
.blog_more ul {
margin: 0;
padding: 0;
}
.blog_more ul li {
background: url('/../images/bullet.gif') no-repeat 4px 8px;
margin: 0;
padding: 0 0 0 12px;
}
.category {
font-weight: bold;
text-transform: uppercase;
}
h1.componentheading, .componentheading {
margin: 0 0 10px;
padding: 0 0 10px;
font-size: 175%;
}
.componentheading {
font-size: 100%;
background: url('/../images/dot.gif') repeat-x bottom;
text-transform: uppercase;
color: #666666;
}
.contentdescription {
padding-bottom: 30px;
}
h2.contentheading, .contentheading {
margin: 0;
padding: 0 0 5px;
font-size: 200%;
}
table.blog .contentheading {
font-size: 175%;
}
a.contentpagetitle,
a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
}
a.readon {
text-align: center;
text-decoration: none;
color: #666666;
text-transform: uppercase;
font-weight: bold;
background: url('/../images/arrow-readon-1.png') no-repeat left 2px;
padding-left: 12px;
}
a.readon:hover, a.readon:focus, a.readon:active {
background: url('/../images/arrow-readon-2.png') no-repeat left 2px;
}
table.contentpaneopen td, table.contentpane td {
}
table.contentpaneopen, table.contentpane, table.blog {
width: 100%;
}
.moduletable {
padding: 0;
}
ul.pagination {
margin: 15px auto 0;
padding: 10px 0 0;
background: url('/../images/dot-h.gif') repeat-x top;
}
ul.pagination li {
background: none;
display: inline;
margin: 0;
padding: 0;
}
ul.pagination li span{
padding: 2px 5px;
}
ul.pagination a {
padding: 2px 3px;
text-decoration: none;
background: #666666;
color: #FFFFFF;
}
ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
background: #00A9DD;
color: #FFFFFF;
}
.pagenavbar {
background: url('/../images/icon-pages.gif') no-repeat center left;
font-weight: bold;
padding-left: 14px;
}
.pagenavcounter {
background: url('/../images/icon-pages.gif') no-repeat 0 11px;
font-weight: bold;
padding: 8px 14px 0 14px;
}
.smalldark {
text-align: left;
}
div.syndicate div {
text-align: center;
}
.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
background: none;
}
ul.latestnews a, ul.mostread a {
color: #666666;
}
/* META
*/
.article-toolswrap {
display: block;
margin: 0 0 10px;
padding: 0;
text-transform: uppercase;
font-size: 92%;
position: relative;
}
.article-tools {
display: block;
padding: 0 10px 0 0;
white-space: nowrap;
}
.article-meta {
width: 70%;
float: left;
}
.createby {
padding: 0 5px 0;
background: #666666;
color: #FFFFFF;
}
.createdate {
padding: 0 5px 0 0;
}
.modifydate {
width: 100%;
display: block;
margin-bottom: 10px;
}
div.buttonheading {
position: absolute;
top: 0;
right: 10px;
}
.buttonheading img {
margin: 0 0 0 5px;
border: 0;
float: right;
}
/* MAIN LAYOUT DIVS
*/
#ja-wrapper {
width: 952px;
margin: 0 auto;
clear: both;
}
.narrow #ja-wrapper {
width: 752px;
}
#ja-wrapper-inner {
border: 1px solid #E6E6E6;
}
#ja-container {
position: relative;
}
/* PRIMARY COLUMN
*/
#ja-mainbody {
width: 760px;
float: right;
clear: both;
}
.narrow #ja-mainbody {
width: 600px;
}
#ja-content {
padding: 15px;
position: relative;
border-bottom: 1px solid #E6E6E6;
}
/* COLUMNS
*/
#ja-col {
float: left;
overflow: hidden;
width: 190px;
}
.narrow #ja-col {
width: 150px;
}
/*common style for column*/
#ja-col table {
border-collapse: collapse;
border-spacing: 0;
}
#ja-col .article_separator {
display: none;
}
/* COLLAPSIBLE LAYOUT
*/
#ja-containerwrap,
#ja-containerwrap-f {
padding: 0;
margin: 0;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #E6E6E6;
}
#ja-containerwrap {
background: url('/../images/dot.gif') repeat-y 190px 0 #FFFFFF;
}
.narrow #ja-containerwrap {
background: url('/../images/dot.gif') repeat-y 150px 0 #FFFFFF;
}
/*full*/
#ja-containerwrap-f {
background: #FFFFFF;
}
#ja-containerwrap-f #ja-mainbody {
width: 100%;
}
/* MODULE
*/
div.moduletable h3,
div.moduletable_menu h3,
div.moduletable_text h3,
div.moduletable_hilite h3,
div.moduletable_menuhilite h3 {
font-size: 100%;
margin: 0 -15px 5px -16px;
padding: 10px 15px;
border-bottom: 1px solid #E6E6E6;
text-transform: uppercase;
background: url('/../images/dot-hilite.gif') repeat-y left #F7F7F7;
}
div.moduletable h3 span,
div.moduletable_menu h3 span,
div.moduletable_text h3 span,
div.moduletable_hilite h3 span {
color: #00A9DD;
}
div.moduletable,
div.moduletable_menu,
div.moduletable_text,
div.moduletable_menuhilite,
div.moduletable_hilite1 {
margin: 0;
padding: 0 15px 10px;
border-bottom: 1px solid #E6E6E6;
}
div.moduletable_menu h3,
div.moduletable_menuhilite h3 {
margin-bottom: 0;
border-bottom: none;
}
div.moduletable_menu,
div.moduletable_menuhilite {
padding: 0 15px;
}
div.moduletable_menuhilite h3 {
background: #00A9DD;
color: #FFFFFF;
}
/* mis */
div.banneritem_text {
padding: 5px 0 !important;
}
div.advs {
clear: both;
display: block;
float: left;
width: 100%;
}
div.moduletable ul {
list-style: none;
}
div.moduletable li {
background: url('/../images/bullet.gif') no-repeat 3px 8px;
line-height: 160%;
padding-left: 12px;
}
/* HEADER
*/
#ja-headerwrap {
height: 100px;
background: url('/../images/main-tr.gif') no-repeat top right #FFFFFF;
}
#ja-header {
height: 100px;
line-height: normal;
position: relative;
background: url('/../images/main-tl.gif') no-repeat top left;
}
h1.logo, h1.logo-text {
margin: 0;
padding: 0;
font-size: 200%;
}
h1.logo a {
width: 940px;
display: block;
background: url('/../images/logo.gif') no-repeat;
position: absolute;
height: 100px;
top: 0;
left: 10px;
}
h1.logo a:hover, h1.logo a:active, h1.logo a:focus {
}
h1.logo a span {
position: absolute;
top: -1000px;
}
h1.logo-text a {
text-decoration: none;
outline: none;
position: absolute;
top: 25px;
left: 20px;
text-transform: uppercase;
}
h1.logo-text a:hover, logo-text a:active, logo-text a:focus {
}
p.site-slogan {
margin: 0;
padding: 0;
position: absolute;
top: 55px;
left: 20px;
text-transform: uppercase;
letter-spacing: 1px;
}
#ja-vmcurrency {
width: 300px;
position: absolute;
top: 20px;
right: 230px;
height: 65px;
border-right: 1px solid #E6E6E6;
}
#ja-vmcurrency div.moduletable {
padding: 15px 0 0 15px;
border: none;
}
#ja-vmcurrency div.moduletable h3 {
background: none;
border: none;
margin: 0 0 10px;
padding: 0;
}
/* MAIN NAVIGATION
*/
#ja-mainnavwrap {
background: #333333;
border-top: 1px solid #E6E6E6;
height: 35px;
z-index: 999;
}
#ja-mainnav {
height: 35px;
width: 760px;
float: right;
background: url('/../images/dot-dark.gif') repeat-y left;
}
.narrow #ja-mainnav {
width: 600px;
}
#ja-mainnav a, #ja-subnav a {
outline: none;
}
#ja-subnav ul {
list-style: none;
margin: 0;
padding: 0;
}
#ja-subnav li {
background: none;
margin: 0;
padding: 1px 0;
}
#ja-subnav a {
display: block;
outline: none;
padding: 4px 2px 4px 14px;
text-decoration: none;
background: url('/../images/bullet.gif') no-repeat 3px 10px;
}
#ja-subnav a:hover,
#ja-subnav a:active,
#ja-subnav a:focus {
}
#ja-subnav li.active a {
}
/* breadcrumbs */
#ja-pathway {
padding: 10px 15px;
margin-left: 1px;
text-transform: uppercase;
background: #F7F7F7;
border-bottom: 1px solid #E6E6E6;
line-height: normal;
}
#ja-pathway strong {
margin-right: 5px;
color: #00A9DD;
}
#ja-pathway a {
text-decoration: none;
}
#ja-pathway a:hover {
text-decoration: underline;
}
#ja-pathway img {
margin: 1px 5px;
}
/* Default Joomla! Menu */
ul.menu {
list-style: none;
margin: 0;
padding: 0;
display: block;
}
ul.menu li {
display: block;
background: none;
margin: 0;
padding: 0;
line-height: normal;
}
ul.menu li a {
display: block;
outline: none;
padding: 8px 15px 9px;
margin: 0 -15px;
text-decoration: none;
text-transform: uppercase;
color: #666666;
border-top: 1px solid #E6E6E6;
background: url('/../images/arrow.png') no-repeat 92% 14px;
}
* html ul.menu li a {
padding: 7px 15px 8px;
width: 190px;
}
* html .narrow ul.menu li a {
padding: 7px 15px 8px;
width: 150px;
}
*+html ul.menu li a {
padding: 7px 15px 8px;
}
ul.menu li a:hover,
ul.menu li a:active,
ul.menu li a:focus {
background: url('/../images/arrow.png') no-repeat 92% 14px #F7F7F7;
text-decoration: none;
}
ul.menu li.active a {
background: url('/../images/arrow.png') no-repeat 92% 14px #FFFFCC;
font-weight: bold;
}
ul.menu li ul {
list-style: none;
margin: 0;
padding: 0;
background: #FFFFCC;
}
ul.menu li li {
border: none;
}
ul.menu li li a {
background: url('/../images/bullet.gif') no-repeat 18px 14px #FFFFCC !important;
border: none;
padding-left: 26px !important;
text-transform: none;
font-weight: normal !important;
}
ul.menu li li a:hover,
ul.menu li li a:active,
ul.menu li li a:focus {
background: none;
color: #00A9DD;
}
ul.menu li li.active a {
color: #00A9DD;
font-weight: bold;
}
ul.menu li li li a {
color: #666666 !important;
font-weight: normal !important;
padding-left: 38px !important;
background: url('/../images/bullet.gif') no-repeat 30px 14px #FFFFCC !important;
}
ul.menu li li li.active a {
font-weight: bold !important;
}
/* SPOTLIGHT
*/
/* Spotlight Box Style */
.ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
float: left;
overflow: hidden;
}
.ja-box-left, .ja-box-center {
background: url('/../images/dot.gif') repeat-y right;
}
/* Top spotlight */
#ja-topsl1 {
position: relative;
height: 250px;
margin-left: 1px;
border-bottom: 1px solid #E6E6E6;
}
#ja-topsl2, #ja-topsl3 {
margin-left: 1px;
}
#ja-topsl2 div.moduletable h3, #ja-topsl3 div.moduletable h3 {
background: #F7F7F7;
color: #666666;
margin-left: -15px;
}
#ja-topsl3 table {
padding: 0;
margin: 0;
}
#ja-topsl3 td {
padding: 15px 0;
margin: 0;
}
#ja-topsl3 tr {
background: url('/../images/dot-h.gif') repeat-x bottom;
}
/* Bottom spotlight */
#ja-botsl {
position: relative;
border-top: 1px solid #E6E6E6;
margin-left: 1px;
clear: both;
background: #F7F7F7;
}
#ja-botsl div.moduletable {
position: relative;
border: none;
padding: 15px;
}
#ja-botsl div.moduletable h3 {
margin: 0;
padding: 0;
background: none;
border: none;
font-size: 100%;
}
/* FOOTER
*/
#ja-footerwrap {
position: relative;
clear: both;
background: url('/../images/main-br.gif') no-repeat bottom right #333333;
}
#ja-footer {
background: url('/../images/main-bl.gif') no-repeat bottom left;
color: #666666;
text-transform: uppercase;
font-size: 92%;
}
#ja-footer small {
color: #666666;
font-size: 100%;
padding: 10px 10px 10px 20px;
}
#ja-footer ul {
margin: 0;
padding: 0 10px 5px 10px;
line-height: normal;
}
#ja-footer li {
display: inline;
margin: 0;
padding: 0;
background: url('/../images/vline.gif') no-repeat center left;
}
#ja-footer li a {
display: inline;
line-height: normal;
padding: 0 10px;
}
li.ja-firstitem {
background: none !important;
}
#ja-footer a {
color: #999999;
text-decoration: none;
}
#ja-footer a:hover, #ja-footer a:active, #ja-footer a:focus {
color: #FFFFFF;
}
div.sublogo {
width: 20%;
float: left;
}
div.sublogo a {
font-size: 200%;
display: block;
text-align: center;
background: url('/../images/logo-sub.gif') no-repeat right;
width: 150px;
height: 70px;
text-indent: -5000px;
position: absolute;
left: 10px;
}
.narrow div.sublogo a {
width: 140px;
height: 70px;
}
div.copyright {
width: 80%;
padding: 20px 0;
float: right;
background: url('/../images/dot-dark.gif') repeat-y left;
}
div.foot-rss {
position: absolute;
top: 30px;
right: 20px;
}
div.foot-rss img {
vertical-align: middle;
}
/* MISCELLANOUS
*/
ul.accessibility {
position: absolute;
top: -100%;
}
/* Login */
#form-login p {
margin: 0 0 5px;
}
#form-login ul {
margin: 5px 0 0;
}
#modlgn_username, #modlgn_passwd {
width: 90%;
}
/* Search */
#ja-search {
float: left;
width: 190px;
height: 35px;
background: url('/../images/icon-search.png') no-repeat 5px 0;
overflow: hidden;
}
.narrow #ja-search {
width: 150px;
}
#ja-search .inputbox {
padding: 10px 0 0 40px;
background: none;
border: none;
font-weight: bold;
color: #CCCCCC;
}
/*others*/
#ja-banner {
padding: 20px 0 0;
text-align: center;
overflow: hidden;
width: 100%;
clear: both;
}
div.back_button a,
div.back_button a:hover,
div.back_button a:active {
background: none!important;
display: block;
margin: 10px 0;
text-decoration: none!important;
}
.clr {
clear: both;
}
.hasTip img {
border: none;
margin: 10px 5px 0 0;
}
div.ja-innerdiv {
padding: 6px 0 7px;
background: url('/../images/dot-h.gif') repeat-x bottom;
}
div.ja-innerdiv img {
padding: 0;
margin: 0;
}
/* Tooltips */
.tool-tip {
background: #FFFFFF;
border: 1px solid #CCCCCC;
float: left;
max-width: 200px;
padding: 5px;
z-index: 999;
color: #333333;
}
.tool-title {
background: url('/../../system/images/selector-arrow.png') no-repeat;
font-size: 100%;
font-weight: bold;
margin: 0;
margin-top: -15px;
padding: 0;
padding-bottom: 5px;
padding-top: 15px;
}
.tool-text {
font-size: 100%;
margin: 0;
}
#system-message dd.message ul,
#system-message dd.error ul,
#system-message dd.notice ul {
margin: 0;
padding: 0;
}
#system-message dd.message ul li,
#system-message dd.error ul li,
#system-message dd.notice ul li {
background: none;
color: #FFFFFF;
margin: 0;
padding: 5px;
}
/* System Standard Messages */
#system-message dd.message ul {
background: #666666;
border: none;
}
/* System Error Messages */
#system-message dd.error ul {
background: #666666;
border: none;
}
/* System Notice Messages */
#system-message dd.notice ul {
background: #666666;
border: none;
}
/* Clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
* html > body .clearfix {
display: block;
width: 100%;
}
* html .clearfix {
height: 1%;
}
thanks for the help
Last edit: 17 years 2 months ago by mega0079.
Please Log in or Create an account to join the conversation.
17 years 2 months ago #6632
by mega0079
Replied by mega0079 on topic Re:i have integrate the forum but some changes occur please help
pd.: it looks the same with other template :S
Please Log in or Create an account to join the conversation.
17 years 2 months ago - 17 years 2 months ago #6635
by core2
Visit the Kunena documantation .
Replied by core2 on topic Re:i have integrate the forum but some changes occur please help
It seems like the css you attached has fixed width. Have a look at section /* MAIN LAYOUT DIVS and /* PRIMARY COLUMN. You can try to increase some of the widths, but this normally involve either good css skills or a lot of trails and error. Probably you have to edit some of the background images as well.
The default joomla template should work...
The default joomla template should work...
Visit the Kunena documantation .
Last edit: 17 years 2 months ago by core2.
Please Log in or Create an account to join the conversation.
17 years 2 months ago #6675
by mega0079
Replied by mega0079 on topic Re:i have integrate the forum but some changes occur please help
thanks for the answer i have been modifing the values of /* MAIN LAYOUT DIVS and /* PRIMARY COLUMN but without a good ressult.
As you say with the default template of joomla this menu seems to be in the right position but i dont know which code i should move, i hope u can help me thanks a lot
As you say with the default template of joomla this menu seems to be in the right position but i dont know which code i should move, i hope u can help me thanks a lot
Please Log in or Create an account to join the conversation.
Time to create page: 0.250 seconds