Home arrow Forum
SMF integration changing appearance of template
  Welcome, Guest. Please login or register.
September 07, 2008, 09:09:02 PM
Home New Posts Search Calendar


Login with username, password and session length
Forum  |  MamboHacks.com  |  Mambo-SMF Integration 1.2.0 Support  |  Topic: SMF integration changing appearance of template « previous next »
Pages: [1] Go Down Print
Author Topic: SMF integration changing appearance of template  (Read 4707 times)
trusk
Newbie
*

Karma: +0/-0
Offline Offline

Posts: 3


View Profile WWW
SMF integration changing appearance of template
« on: April 30, 2005, 04:53:16 AM »

hi

i have a problem with my mambo template. when I use the 1.2.0 bridge (I like the smf - login component better than the mambo one) the forum changes the view of the template. the menu bar, fonts etc. change. how can I avoid this?

see screenshots below for a better understanding

the css sheet:
Quote
/**
* AkoDarkGem - A Mambo 4.5.1 template
* @version 2.0
* @package AkoDarkGem
* @copyright (C) 2004 by Arthur Konze - All rights reserved!
* @license http://www.konze.de/content/view/8/26/ Copyrighted Commercial Software
*/

/* ###################### OVERALL SETTINGS ###################### */
BODY {
  background-color : #000000;
  color            : #CCCCCC;
}

td, tr, p, div {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 10px;
  color            : #ccc;
}

h4 { color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; }
h5 { color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }
h6 { color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; }

li {
  list-style       : inside url(../images/arrow.png) 3px;
  list-style-image : url(../images/arrow.png);
}

hr {
  color            : #444444;
  height           : 1px;
  width            : 100%;
}

.pathwaytext {
  color            : #808080;
}

/* ######################## BUTTON BAR ######################## ok */
ul#mainlevel-nav {
  padding-left     : 0;
  margin-left      : 0;
  color            : White;
  float            : left;
  width            : 100%;
  font-family      : arial, helvetica, sans-serif;
}

ul#mainlevel-nav li {
  display          : inline;
}

ul#mainlevel-nav li a {
  padding          : 0.2em 1em;
  color            : #999;
  text-decoration  : none;
  float            : left;
  background       : url(../images/menu_bar_div.gif) no-repeat right;
}

ul#mainlevel-nav li a:hover {
  text-decoration  : none;
  color            : #CC3333;
}
/* ###################### LINKS ###################### */
a:link, a:visited {
  font-size        : 10px
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  color            : #5D74A3;
  font-weight      : bold;
  text-decoration  : none;
}

a:hover {
  color            : #FFFFFF;
  text-decoration  : none;
}

a.mainlevel:link, a.mainlevel:visited {
  color            : #808080;
  font-weight      : normal;
}

a.mainlevel:hover {
  color            : #3F7A12;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  color            : #999999;
  font-weight      : bold;
}

a.category:hover {
  color            : #3F7A12;
}

/* ###################### MODULE SETTINGS ###################### */
table.moduletable {
  width            : 100%;
  margin-bottom    : 5px;
  border-bottom    : 1px solid #000;
}

table.moduletable th {
  font             : bold 11px Verdana, Arial, Helvetica, sans-serif;
  color            : #6F9949;
  text-align       : left
  letter-spacing   : 1px;
}

table.moduletable td {
  padding          : 2px 2px 5px 2px;
}


/* ###################### FORMULAR SETTINGS ###################### */
.button {
  font             : bold 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #515A6D;
  background-color : #2E3440;
  border           : 1px solid #000000;
}

.inputbox {
  font             : 10px Verdana, Arial, Helvetica, sans-serif;
  color            : #CCCCCC;
  background-color : #333333;
  border           : 1px solid #000000;
}

/* ###################### CONTENT PAGE SETTINGS ###################### */
.contentpane {
  border           : none;
}

.contentpaneopen {
  border           : none;
}

.contentheading, .componentheading {
  font             : bold 11px Verdana, Arial, Helvetica, sans-serif;
  font-variant     : small-caps;
  color            : #6F9949;
  text-align       : left
  width            : 100%;
  height           : 20px;
  border-bottom    : 1px solid #000000;
}

.contentdescription {
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  color            : #CCCCCC;
  text-align       : left;
}

.category {
  color            : #999999;
  font-family      : Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
  font-size        : 11px;
  font-weight      : bold;
  text-decoration  : none;
}

/* ###################### SECTION LISTING SETTINGS ###################### */
.sectiontableentry1 {
  background-color : #475063;
}

.sectiontableentry2 {
  background-color : #363D4C;
}

.sectiontableheader {
  background-color : #000000;
  background       : url(../images/top_bar_back.gif);
  height           : 20;
  color            : #FFFFFF;
  font-weight      : bold;
}

/* ###################### SMALL FONT SETTINGS ###################### */
.small {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #71809D;
  text-decoration  : none;
}

.smalldark {
  font             : 9px Verdana, Arial, Helvetica, sans-serif;
  color            : #6F9949;
}

.createdate {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-size        : 9px;
  color            : #666666;
  text-decoration  : none;
  font-weight      : normal;
}

/* ######################### VOTING SETTINGS ######################### */
.content_rating {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #339900;
  font-size        : 9px;
}

.content_vote {
  background       : #2E3440;
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-weight      : normal;
  color            : #CC9999;
  font-size        : 9px;
}

.content_vote.button {
  font-family      : Verdana, Arial, Helvetica, sans-serif;
  font-style       : normal;
  width            : 60px;
  font-weight      : bold;
  font-size        : 10px;
  color            : #333333;
  background       : #EEEEEE;
  border           : 1px solid #999999;
}

* homeview.jpg (174.65 KB - downloaded 25 times.)
* forumview.jpg (174.96 KB - downloaded 25 times.)
Logged
cowboy
Administrator
Hero Member
*****

Karma: +30/-0
Offline Offline

Posts: 663



View Profile WWW
Re: SMF integration changing appearance of template
« Reply #1 on: April 30, 2005, 12:22:00 PM »

It's being overidden by the smf css. Open the mod_smf_login.php and modify the html code and add a specific css class. You may want to try first version 1.3 of that module, (i'm just not sure if it works with 1.2 comp or if it will completely solve your problem)
Logged
alon
Newbie
*

Karma: +0/-0
Offline Offline

Posts: 13


View Profile
Re: SMF integration changing appearance of template
« Reply #2 on: July 11, 2005, 11:14:27 AM »

how do you do that ?
Logged
cowboy
Administrator
Hero Member
*****

Karma: +30/-0
Offline Offline

Posts: 663



View Profile WWW
Re: SMF integration changing appearance of template
« Reply #3 on: July 13, 2005, 03:23:35 PM »

Edit SMF theme's style.css. Make the classes similar between smf theme and mambo template. For example... the input button class.. etc.
Logged
Pages: [1] Go Up Print 
Forum  |  MamboHacks.com  |  Mambo-SMF Integration 1.2.0 Support  |  Topic: SMF integration changing appearance of template « previous next »
Jump to:  



Login with username, password and session length

Powered by MySQL Powered by PHP Forum | Powered by SMF 1.0.5 & Mambo-SMF.
© 2001-2005, Lewis Media. All Rights Reserved.
Valid XHTML 1.0! Valid CSS!
None of the text or images in this public website may be copied without the expressed written consent of the authors.
Copyright 2005 by MamboHacks.com. Powered by Mambo. All rights reserved.
TERMS OF USE