Forum

MamboHacks.com => Mambo-SMF Integration 1.2.0 Support => Topic started by: trusk on April 30, 2005, 04:53:16 AM



Title: SMF integration changing appearance of template
Post by: trusk 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;
}


Title: Re: SMF integration changing appearance of template
Post by: cowboy 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)


Title: Re: SMF integration changing appearance of template
Post by: alon on July 11, 2005, 11:14:27 AM
how do you do that ?


Title: Re: SMF integration changing appearance of template
Post by: cowboy 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.


Forum | Powered by SMF 1.0.5 & Mambo-SMF.
© 2001-2005, Lewis Media. All Rights Reserved.