Moderators: mem paulo89 adminik
 |  |
| How can I customize my site? | | Author | Text | HkDng Suspended

Posts: 47

Gender:  Online: No
Languages: HkDng |
Date: 23/04/2008 22:23 How can I customize my site? | #post6450 | Hi there.
I want to make it bigger between 2 menu in Navigator, for example:
I want like below:
Thanks. |
|
 |
| |
paulo89 Moderator Developer

Posts: 1032

Gender:  Online: No
Version: 3.8.1 Country: Portugal Languages: Portuguese and Portuguese ^^ and little English |
Date: 23/04/2008 22:56 Re: How can I customize my site? | #post6452 | Hi
open file style.css (templates/your_template/style.css)
Find:
| code |
.nav a {
display: block;
padding: 0 0 2px 15px;
}
|
you can change this in the first zero
Replace: (example)
| code |
.nav a {
display: block;
padding: 8px 0 2px 15px;
}
|
|
|
 |
| |
HkDng Suspended

Posts: 47

Gender:  Online: No
Languages: HkDng |
Date: 24/04/2008 08:17 Re: How can I customize my site? | #post6469 | Thank you very much Paulo.
You are doing so much for us.
I show here with my style.css, please correct it for me:
| code |
/********************************************************************************
- MemHT Portal -
Copyright (C) 2007-2008 by Miltenovik Manojlo
http://www.memht.com
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your opinion) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License along
with this program; if not, see <http://www.gnu.org/licenses/> (GPLv2)
or write to the Free Software Foundation, Inc., 51 Franklin Street,
Fifth Floor, Boston, MA02110-1301, USA.
********************************************************************************/
/***********************************************************************
STYLE REQUIRED BY THE SITE ENGINE - DO NOT RENAME OR DELETE
***********************************************************************/
/*****************
Text
*****************/
#info {
font-size: 9px;
color:#AAA;
}
#info a {
color:#AAA;
text-decoration: none;
}
#errorText { color: #900000; }
#small { font-size: 9px; }
.std_code {
margin-left: 10px;
padding-left: 10px;
border-left: 3px solid #C0D7E7;
}
/*****************
Boxes
*****************/
.box {
padding: 4px;
background-color: #F6F6F6;
border: 1px solid #DDD;
margin: 2px 0;
}
.stitle {
padding: 1px 0;
background-image:url(images/stitle.gif);
background-repeat:repeat-x;
border-bottom: 1px solid #CCC;
color:#AAA;
}
.note {
padding: 4px;
background-color: #F6F6F6;
border: 1px solid #DDD;
margin: 2px 0;
}
.quote_box {
border: 1px solid #CCC;
}
.quote_title {
background-color: #EEE;
padding:1px 2px;
border-bottom: 1px dashed #CCC;
}
.quote_body {
background-color: #FFF;
padding:1px 2px;
}
.code_box {
border: 1px solid #CCC;
}
.code_title {
background-color: #EEE;
padding:1px 2px;
border-bottom: 1px dashed #CCC;
}
.code_body {
background-color: #FFF;
padding:1px 2px;
}
/*****************
Tables
*****************/
table {
vertical-align: top;
}
table a {
text-decoration: none;
}
th {
text-align: left;
}
.std_data_table td {
padding:1px;
background-color:#EEE;
font-size:10px;
}
/*****************
Other
*****************/
.underlined {
border-bottom: 1px solid #D1CEC0;
}
/*****************
Datebox in comments
*****************/
.datebox {
width:41px;
height:38px;
background-image: url(images/datebg.gif);
background-repeat: no-repeat;
text-align: center;
margin-right: 12px;
}
.datebox_day {
padding-top: 2px;
font-weight: bold;
color: #FFF;
font-size:16px;
}
.datebox_month {
padding-top: 3px;
font-size: 10px;
color: #666;
}
/*****************
Comments
*****************/
.tpl_comments_box {
background-color: #EEE;
background-image: url(images/comments_linguetta.gif);
background-repeat: no-repeat;
background-position: top right;
margin-bottom: 4px;
padding: 4px;
border-left: 8px solid #DDD;
border-bottom: 1px solid #DDD;
}
.tpl_comments_title {
color: #8DB9CD;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tpl_comments_body {
padding-top: 4px;
font-size: 10px;
clear: both;
}
/*****************
Titles
*****************/
h1 {
margin:0;
padding:0;
font-size:14px;
}
h2 {
margin:0;
padding:0;
font-size:13px;
font-weight:bold;
}
h3 {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
}
/***********************************************************************
OPTIONAL, TEMPLATE SPECIFIC STYLE
***********************************************************************/
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#999;
}
body {
background-color:#E9E9E9;
margin: 0;
padding: 0;
}
a:link { color:#999; text-decoration: none; }
a:visited { color:#999; text-decoration: none; }
a:hover { color:#FFF; text-decoration: none; }
a:active { color:#999; text-decoration: none; }
select {
background-color:#EFEFEF;
border:1px solid #DDD;
color:#999;
}
/*****************
Header
*****************/
.tpl_header {
height:104px;
background:url(images/tpl_header.gif) 0 -2px no-repeat;
}
.tpl_buttons a { display:block; }
.tpl_buttons ul {
margin:0;
padding:0;
list-style: none;
}
.tpl_buttons li {
float: left;
height:29px;
}
.tpl_buttons ul li a {
height:29px;
}
.tpl_buttons li div { display:none; }
.tpl_menu_b1 { width:110px; background: url(images/tpl_buttons.gif) 0 -2px no-repeat; }
.tpl_menu_b1 a:hover { background:url(images/tpl_buttons.gif) 0 -31px no-repeat; }
.tpl_menu_b2 { width:121px; background: url(images/tpl_buttons.gif) -110px -2px no-repeat; }
.tpl_menu_b2 a:hover { background:url(images/tpl_buttons.gif) -110px -31px no-repeat; }
.tpl_menu_b3 { width:115px; background: url(images/tpl_buttons.gif) -231px -2px no-repeat; }
.tpl_menu_b3 a:hover { background:url(images/tpl_buttons.gif) -231px -31px no-repeat; }
.tpl_menu_b4 { width:115px; background: url(images/tpl_buttons.gif) -346px -2px no-repeat; }
.tpl_menu_b4 a:hover { background:url(images/tpl_buttons.gif) -346px -31px no-repeat; }
.tpl_menu_b5 { width:115px; background: url(images/tpl_buttons.gif) -461px -2px no-repeat; }
.tpl_menu_b5 a:hover { background:url(images/tpl_buttons.gif) -461px -31px no-repeat; }
.tpl_menu_b6 { width:115px; background: url(images/tpl_buttons.gif) -576px -2px no-repeat; }
.tpl_menu_b6 a:hover { background:url(images/tpl_buttons.gif) -576px -31px no-repeat; }
.tpl_menu_b7 { width:114px; background: url(images/tpl_buttons.gif) -691px -2px no-repeat; }
.tpl_menu_b7 a:hover { background:url(images/tpl_buttons.gif) -691px -31px no-repeat; }
.tpl_menu_b8 { width:95px; background: url(images/tpl_buttons.gif) -805px -2px no-repeat; }
.tpl_menu_b8 a:hover { background:url(images/tpl_buttons.gif) -805px -31px no-repeat; }
/* preview */
.tpl_preview {
height:136px;
padding:0 20px;
background:url(images/tpl_preview.gif) 0 -2px no-repeat;
}
.tpl_preview td { color:#FFF; }
.tpl_preview a,
.tpl_preview a:visited { color:#FFF; }
.tpl_preview a:hover { color:#DDEAF0; }
/* topbar */
.tpl_topbar {
height:30px;
background:url(images/tpl_topbar.gif) 0 -2px no-repeat;
padding-left:10px;
color:#AAA;
}
.tpl_topbar a,
.tpl_topbar a:visited { color:#AAA; }
.tpl_topbar a:hover { color:#FFF; }
/*****************
Main
*****************/
.tpl_main_l {
width:3px;
background:url(images/tpl_main_l.gif) #F6F6F6 repeat-y;
}
.tpl_main_r {
width:3px;
background:url(images/tpl_main_r.gif) right #F6F6F6 repeat-y;
}
.tpl_main {
background-color:#F6F6F6;
padding:0 6px;
}
.tpl_navigator {
padding-right:4px;
}
.tpl_extra {
padding-left:4px;
}
/*****************
Footer
*****************/
.tpl_foot_l {
width:14px;
height:14px;
background:url(images/tpl_foot_l.gif) no-repeat;
}
.tpl_foot_c {
height:14px;
background:url(images/tpl_foot_c.gif) repeat-x;
}
.tpl_foot_r {
width:14px;
height:14px;
background:url(images/tpl_foot_r.gif) no-repeat;
}
.tpl_foot {
padding:6px;
background-color:#F6F6F6;
color:#CCC;
font-size:9px;
}
.tpl_foot a,
.tpl_foot a:visited { color:#CCC; }
.tpl_foot a:hover { color:#FFF; }
.tpl_footmsg {
font-size:9px;
color:#BBB;
}
.tpl_footmsg a,
.tpl_footmsg a:visited { color:#BBB; }
.tpl_footmsg a:hover { color:#FFF; }
/*****************
Blocks
*****************/
/* Navigator */
.tpl_box {
background: #EAEAEA;
}
.tpl_boxtop {
background: url(images/tpl_ne.gif) no-repeat top right;
}
.tpl_boxtop div {
height: 6px;
background: url(images/tpl_nw.gif) no-repeat top left;
}
.tpl_boxbottom {
background: url(images/tpl_se.gif) no-repeat bottom right;
}
.tpl_boxbottom div {
height: 6px;
background: url(images/tpl_sw.gif) no-repeat bottom left;
}
.tpl_boxcontent {
padding: 0px 6px;
}
.tpl_block_nav_title {
font-weight:bold;
font-size:120%;
color:#8DB9CD;
padding-bottom:2px;
margin-bottom:4px;
}
/* Extra */
.tpl_block_extra_title {
font-weight:bold;
font-size:120%;
color:#8DB9CD;
border-bottom:1px solid #DDD;
margin-bottom:4px;
}
/* Central*/
.tpl_block_central_title {
font-weight:bold;
font-size:120%;
color:#8DB9CD;
border-bottom:1px solid #DDD;
margin-bottom:4px;
}
/*****************
News
*****************/
.tpl_news_title {
font-weight: bold;
color: #8DB9CD;
border-bottom:1px solid #96BBD6;
}
.tpl_news_title a,
.tpl_news_title a:visited { color: #8DB9CD; }
.tpl_news_title a:hover { color: #FFF; }
.tpl_news_info {
padding: 4px;
background-color:#E6E6E6;
font-size: 9px;
}
.tpl_news_tags {
padding: 3px 3px 1px 3px;
border:4px solid #EEE;
background-color:#F6F6F6;
color: #EC9E91;
}
.tpl_news_tags a,
.tpl_news_tags a:visited { color: #96BBD6; }
.tpl_news_tags a:hover { color: #FFF; }
.tpl_news_body {
padding: 4px;
background-color:#EEE;
}
.tpl_news_rest,
.tpl_news_rest a,
.tpl_news_rest a:visited { color: #999; }
.tpl_news_rest a:hover { color: #8DB9CD; }
/*****************
Misc
*****************/
.tpl_page_title {
font-weight:bold;
font-size:120%;
color:#8DB9CD;
border-bottom:1px solid #DDD;
margin-bottom:4px;
}
.tpl_page_title a,
.tpl_page_title a:visited { color:#8DB9CD; }
.tpl_page_title a:hover { color:#FFF; }
.tpl_opentable_title {
font-weight:bold;
border-bottom:1px dashed #DDD;
margin-bottom:4px;
color:#BBB;
}
.tpl_opentable_title a,
.tpl_opentable_title a:visited { color:#BBB; }
.tpl_opentable_title a:hover { color:#FFF; }
.tpl_vspacer {
padding:6px;
}
|
Edited: 24/04/2008 08:25 |
|
 |
| |
HkDng Suspended

Posts: 47

Gender:  Online: No
Languages: HkDng |
Date: 24/04/2008 08:37 Re: How can I customize my site? | #post6471 | Dear Paulo again,
Could you present to me the existing style.css of current style that you use for MemHT? |
|
 |
| |
freaky Crazy Member

Posts: 566

Gender:  Online: No
Version: memht 4.0 Country: Swiss Languages: English,French,German |
Date: 24/04/2008 08:55 Re: How can I customize my site? | #post6475 | may I ask why do you whant the CSS from Memht WebSite?
Edited: 24/04/2008 08:57 |
|
 |
| |
HkDng Suspended

Posts: 47

Gender:  Online: No
Languages: HkDng |
Date: 24/04/2008 09:03 Re: How can I customize my site? | #post6476 | Thank Freaky
The default style of MemHT is not really good looking, so I want to make it more beautiful (as my opinion).
Thanks. |
|
 |
| |
HkDng Suspended

Posts: 47

Gender:  Online: No
Languages: HkDng |
Date: 24/04/2008 09:06 Re: How can I customize my site? | #post6477 | Could you attach 2 CSS file: style.css and forum.css to your post?
Best Regards. |
|
 |
| |
freaky Crazy Member

Posts: 566

Gender:  Online: No
Version: memht 4.0 Country: Swiss Languages: English,French,German |
Date: 24/04/2008 09:18 Re: How can I customize my site? | #post6478 | the thing is that I don't know if mem has a copyright on his files!
but her is the CSS ===> mem delete my post if you don't accept it :S
| code | /*std box*/
.bt_box {
background: #EEEEEE;
}
.bt_box_top {
background: url(pages/bugtracker/images/ne.gif) no-repeat top right;
}
.bt_box_top div {
font-size: 0;
height: 6px;
background: url(pages/bugtracker/images/nw.gif) no-repeat top left;
}
.bt_box_bottom {
background: url(pages/bugtracker/images/se.gif) no-repeat bottom right;
}
.bt_box_bottom div {
font-size: 0;
height: 6px;
background: url(pages/bugtracker/images/sw.gif) no-repeat bottom left;
}
.bt_box_content {
padding: 0px 6px 0px 6px;
}
/*red box*/
.bt_box_r {
background: #FFEEE6;
}
.bt_box_top_r {
background: url(pages/bugtracker/images/ne_r.gif) no-repeat top right;
}
.bt_box_top_r div {
font-size: 0;
height: 6px;
background: url(pages/bugtracker/images/nw_r.gif) no-repeat top left;
}
.bt_box_bottom_r {
background: url(pages/bugtracker/images/se_r.gif) no-repeat bottom right;
}
.bt_box_bottom_r div {
font-size: 0;
height: 6px;
background: url(pages/bugtracker/images/sw_r.gif) no-repeat bottom left;
}
.bt_box_content_r {
padding: 0px 6px 0px 6px;
}
.bt_hlight {
background-color:#F9F9F9;
}
http://www.memht.com/inc/inc_style.css
/* DEFAULT CSS STYLE */
p { padding: 0; margin: 0; }
form { padding: 0; margin: 0; }
/* Tags */
.xs { font-size: 9px; }
.s { font-size: 12px; }
.m { font-size: 15px; }
.l { font-size: 18px; }
.xl{ font-size: 20px; }
/* Error handler */
.errorbox {
border:1px solid #990000;
background-color:#FFF9DD;
background-image:url(images/errbg.gif);
background-repeat:no-repeat;
background-position:top right;
margin:2px;
color: #990000;
font-size:10px;
}
.errorbox_title {
padding:1px 2px;
background-color:#990000;
background-image:url(images/errtbg.gif);
background-repeat:repeat-x;
color: #FFF9DD;
font-size:12px;
}
.errorbox_text {
padding:1px 2px;
color: #990000;
font-size:10px;
}
/*small*/
.small { font-size:9px; }
/*info*/
.info { font-size:9px; color:#AAA; }
.info a:link, .info a:visited { color:#AAA; }
/* jQuery: Corner */
.std_roundcorners { padding: 8px; background-color: #EEE; }
/* jQuery: Impromptu */
.jqiwarning .jqi{ background-color: #DEA9A9; }
.jqifade{ position: absolute; background-color: #000000; }
div.jqi{ position: absolute; background-color: #D0CEC6; padding: 10px; width: 300px; text-align: left; }
div.jqi .jqiclose{ float: right; margin: -35px -10px 0 0; cursor: pointer; }
div.jqi .jqicontainer{ background-color: #EDEBE5; padding: 5px; color: #FFFFFF; font-weight: bold; }
div.jqi .jqimessage{ background-color: #D0CEC6; padding: 10px; }
div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; }
div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; }
http://www.memht.com/templates/memht_v6/style.css
/********************************************************************************
- MemHT Portal -
Copyright (C) 2007-2008 by Miltenovik Manojlo
http://www.memht.com
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your opinion) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License along
with this program; if not, see <http://www.gnu.org/licenses/> (GPLv2)
or write to the Free Software Foundation, Inc., 51 Franklin Street,
Fifth Floor, Boston, MA02110-1301, USA.
********************************************************************************/
/***********************************************************************
STYLE REQUIRED BY THE SITE ENGINE - DO NOT RENAME OR DELETE
***********************************************************************/
/*****************
Text
*****************/
.info {
font-size: 9px;
color: #AAA;
}
.info a,
.info a:visited {
color: #AAA;
text-decoration: none;
}
#footMsg {
font-size: 9px;
color: #666;
}
#footMsg a {
color: #666;
text-decoration: none;
}
#errorText { color: #900000; }
.small { font-size: 9px; }
.std_code {
margin-left: 10px;
padding-left: 10px;
border-left: 3px solid #F8D9D3;
}
.std_hlight {
background-color:#EFEFEF;
}
/*****************
Boxes
*****************/
.box {
padding: 4px;
background-color: #F4F4F4;
border: 1px solid #DDD;
margin: 2px 0;
}
.stitle {
padding: 1px 0;
background-image:url(images/stitle.gif);
background-repeat:repeat-x;
border-bottom: 1px solid #BBB;
color:#666;
}
.note {
padding: 4px;
background-color: #F4F4F4;
border: 1px solid #DDD;
margin: 2px 0;
}
.quote_box {
border: 1px solid #AAA;
}
.quote_title {
background-color: #EEE;
padding:1px 2px;
border-bottom: 1px dashed #CCC;
}
.quote_body {
background-color: #FFF;
padding:1px 2px;
}
.code_box {
border: 1px solid #AAA;
}
.code_title {
background-color: #EEE;
padding:1px 2px;
border-bottom: 1px dashed #CCC;
}
.code_body {
background-color: #FFF;
padding:1px 2px;
}
/*****************
Tables
*****************/
table {
vertical-align: top;
}
table a {
text-decoration: none;
}
th {
text-align: left;
}
.std_data_table td {
padding:1px;
background-color:#EEE;
font-size:10px;
}
.std_data_table td,
.std_data_table td a,
.std_data_table td a:visited {
color:#333;
}
.std_data_table .stitle { color:#777; }
/*****************
Other
*****************/
.underlined {
border-bottom: 1px solid #DDD;
}
/*****************
Datebox in comments
*****************/
.datebox {
width:41px;
height:38px;
background-image: url(images/datebg.gif);
background-repeat: no-repeat;
text-align: center;
margin-right: 15px;
}
.datebox_day {
padding-top: 2px;
font-weight: bold;
color: #FFF;
font-size:16px;
}
.datebox_month {
padding-top: 3px;
font-size: 10px;
color: #666;
}
.tpl_slideBox {
border-bottom: 1px solid #A6301C;
}
.tpl_slideBox_item {
margin-left: 4px;
padding: 1px 4px;
border-width: 3px 1px 0 1px;
border-style: solid;
border-color: #A6301C;
background-color: #FFF;
font-weight: bold;
}
.tpl_slideBox_item a:hover {
text-decoration: none;
color: #A6301C;
}
/*****************
Comments
*****************/
.tpl_comments_box {
background-color: #F4F4F4;
background-image: url(images/comments_linguetta.gif);
background-repeat: no-repeat;
background-position: top right;
margin-bottom: 4px;
padding: 4px;
border-bottom: 1px solid #DDD;
}
.tpl_comments_title {
color: #A6301C;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tpl_comments_body {
padding-top: 4px;
font-size: 10px;
clear: both;
}
/*****************
Titles
*****************/
h1 {
margin:0;
padding:0;
font-size:14px;
}
h2 {
margin:0;
padding:0;
font-size:13px;
font-weight:bold;
}
h3 {
margin:0;
padding:0;
font-size:12px;
font-weight:bold;
}
/***********************************************************************
OPTIONAL, TEMPLATE SPECIFIC STYLE
***********************************************************************/
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000;
}
body {
background-image:url(images/tpl_background.gif);
background-repeat:repeat-x;
background-position:top;
background-color: #494949;
margin: 0;
padding: 6px 0 0 0;
}
a:link { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover { color: #A6301C; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
/*****************
Logo
*****************/
.tpl_logo {
padding-left: 15px;
padding-top: 16px;
height:60px;
}
.tpl_banner {
padding-right: 4px;
}
/*****************
Menu
*****************/
/* Left */
.tpl_menu_l {
width:18px;
height:33px;
background:url(images/tpl_structure.gif) 0 0 no-repeat;
}
/* Central */
.tpl_menu_c {
background-image:url(images/tpl_head_menu.gif);
background-repeat:repeat-x;
}
.tpl_menu_c a { display:block; }
.tpl_menu_c ul {
margin:0;
padding:0;
list-style: none;
}
.tpl_menu_c li {
float: left;
height:33px;
}
.tpl_menu_c ul li a {
height:33px;
}
.tpl_menu_c li span { display:none; }
/* Right */
.tpl_menu_r {
width:18px;
height:33px;
background:url(images/tpl_structure.gif) -18px 0 no-repeat;
}
/* Button */
.tpl_menu_b1 { width:111px; background: url(images/tpl_head_buttons.gif) 0 -2px no-repeat; }
.tpl_menu_b1 a:hover { background:url(images/tpl_head_buttons.gif) 0 -35px no-repeat; }
.tpl_menu_b2 { width:111px; background: url(images/tpl_head_buttons.gif) -111px -2px no-repeat; }
.tpl_menu_b2 a:hover { background:url(images/tpl_head_buttons.gif) -111px -35px no-repeat; }
.tpl_menu_b3 { width:111px; background: url(images/tpl_head_buttons.gif) -222px -2px no-repeat; }
.tpl_menu_b3 a:hover { background:url(images/tpl_head_buttons.gif) -222px -35px no-repeat; }
.tpl_menu_b4 { width:111px; background: url(images/tpl_head_buttons.gif) -333px -2px no-repeat; }
.tpl_menu_b4 a:hover { background:url(images/tpl_head_buttons.gif) -333px -35px no-repeat; }
.tpl_menu_b5 { width:111px; background: url(images/tpl_head_buttons.gif) -444px -2px no-repeat; }
.tpl_menu_b5 a:hover { background:url(images/tpl_head_buttons.gif) -444px -35px no-repeat; }
.tpl_menu_b6 { width:111px; background: url(images/tpl_head_buttons.gif) -555px -2px no-repeat; }
.tpl_menu_b6 a:hover { background:url(images/tpl_head_buttons.gif) -555px -35px no-repeat; }
.tpl_menu_b7 { width:87px; background: url(images/tpl_head_buttons.gif) -666px -2px no-repeat; }
.tpl_menu_b7 a:hover { background:url(images/tpl_head_buttons.gif) -666px -35px no-repeat; }
/*****************
Path
*****************/
.tpl_path_l {
width:18px;
height:41px;
background:url(images/tpl_structure.gif) 0 -96px no-repeat;
}
.tpl_path_c {
background-image:url(images/tpl_head_top.gif);
background-repeat:repeat-x;
color:#666;
}
.tpl_path_c a,
.tpl_path_c a:visited { color:#666; }
.tpl_path_c a:hover { color: #A6301C; }
.tpl_path_r {
width:18px;
height:41px;
background:url(images/tpl_structure.gif) -18px -96px no-repeat;
}
/*****************
Release
*****************/
.tpl_rel_l {
width:18px;
height:63px;
background:url(images/tpl_structure.gif) 0 -33px no-repeat;
}
.tpl_rel_c {
padding-top:5px;
background:url(images/tpl_rel_c.gif) 0 0 repeat-x;
color:#FFF;
}
.tpl_rel_r {
width:18px;
height:63px;
background:url(images/tpl_structure.gif) -18px -33px no-repeat;
}
/*****************
Content
*****************/
.tpl_content_l {
width:5px;
background-color:#FFFFFF;
background:url(images/tpl_main_bg.gif) 0 0 repeat-y;
}
.tpl_content_c {
background-color:#FFFFFF;
}
.tpl_content_r {
width:5px;
background-color:#FFFFFF;
background:url(images/tpl_main_bg.gif) -5px 0 repeat-y;
}
.tpl_main {
padding: 4px 8px;
background-color:#FFFFFF;
}
/*****************
Block: Nav
*****************/
.tpl_nav {
width:190px;
padding:4px 0 4px 8px;
background-color:#FFFFFF;
}
.tpl_block_nav_title {
height:30px;
background:url(images/tpl_block_nav.gif) 0 0 no-repeat;
font-weight:bold;
color:#FFF;
}
.tpl_block_nav_title div {
padding:4px 0 0 9px;
}
.tpl_block_nav_body {
width:190px;
background-image:url(images/tpl_block_nav_bg.gif);
background-repeat:repeat-y;
}
.tpl_block_nav_body .cnt {
margin:0 6px;
}
.tpl_block_nav_end {
width:190px;
height:13px;
background:url(images/tpl_block_nav.gif) 0 -45px no-repeat;
}
.nav a {
padding-left: 15px;
}
/*****************
Block: Extra
*****************/
.tpl_block_extra_title {
width:160px;
height:25px;
background:url(images/tpl_block_extra.gif) 0 0 no-repeat;
font-weight:bold;
font-size:12px;
color:#838383;
}
.tpl_block_extra_title_2 {
width:160px;
height:8px;
background:url(images/tpl_block_extra.gif) 0 0 no-repeat;
}
.tpl_block_extra_title div {
margin:0 6px;
padding-top:6px;
border-bottom:1px solid #494949;
}
.tpl_block_extra_body {
width:160px;
background-color:#373737;
color:#838383;
}
.tpl_block_extra_body a:link { color:#838383; }
.tpl_block_extra_body a:visited { color:#838383; }
.tpl_block_extra_body a:hover { color:#A6301C; }
.tpl_block_extra_body .cnt {
margin:0 6px;
}
.tpl_block_extra_end {
width:160px;
height:10px;
background:url(images/tpl_block_extra.gif) 0 -30px no-repeat;
}
/*****************
Block: Central
*****************/
.tpl_block_c_title {
font-weight: bold;
color:#999;
border-bottom:1px solid #CCC;
margin-bottom:2px;
}
.tpl_block_c_title a:link { color:#4E4E4E; }
.tpl_block_c_title a:visited { color:#4E4E4E; }
/*****************
Messages
*****************/
.tpl_mex_box {
background-color: #F8D9D3;
color: #671D10;
}
.tpl_mex_box a,
.tpl_mex_box a:visited,
.tpl_mex_box a:hover { color: #671D10; }
/*****************
News
*****************/
.tpl_news_title {
font-weight: bold;
color: #A6301C;
border-bottom:1px solid #DAA8A3;
}
.tpl_news_title a {
color: #A6301C;
}
.tpl_news_title a:visited {
color: #A6301C;
}
.tpl_news_info {
padding: 4px;
background-color:#EEE;
font-size: 9px;
color: #999;
}
.tpl_news_tags {
padding: 3px 3px 1px 3px;
border:2px solid #F5F5F5;
background-color:#FCFCFC;
color: #EC9E91;
}
.tpl_news_tags a,
.tpl_news_tags a:visited,
.tpl_news_tags a:hover {
color: #EC9E91;
}
.tpl_news_body {
padding: 4px;
background-color:#F5F5F5;
}
.tpl_news_rest,
.tpl_news_rest a,
.tpl_news_rest a:visited { color: #999; }
.tpl_news_rest a:hover { color: #A6301C; }
/*****************
Footer
*****************/
.tpl_foot_l {
width:18px;
height:45px;
background:url(images/tpl_structure.gif) 0 -137px no-repeat;
}
.tpl_foot_c {
background-image:url(images/tpl_foot.gif);
background-repeat:repeat-x;
color:#999999;
}
.tpl_foot_c a { color:#999999; }
.tpl_foot_c a:visited { color:#999999; }
.tpl_foot_r {
width:18px;
height:45px;
background:url(images/tpl_structure.gif) -18px -137px no-repeat;
}
/*****************
Miscelaneous
*****************/
.tpl_vspacer {
padding: 4px;
}
/*****************
Release
*****************/
.tpl_release_text { padding:5px 0 0 10px; color:#E3B9B9; }
.tpl_release_text a,
.tpl_release_text a,
.tpl_release_text a:visited { color:#E3B9B9; }
.tpl_release_text a:hover { color:#E3B9B9; }
.tpl_download_box {
background:url(images/tpl_download.gif) 0 0 no-repeat;
width:205px;
height:50px;
}
.tpl_download_box_title {
color:#FFF;
font-weight:bold;
font-size:13px;
padding-top:3px;
}
.tpl_download_box_title a:link { color:#FFF; }
.tpl_download_box_title a:visited { color:#FFF; }
.tpl_download_box_title a:hover { color:#E3B9B9; }
.tpl_download_box_text {
font-size:9px;
color:#E3B9B9;
padding-top:2px;
}
.tpl_download_box_text a:link { color:#E3B9B9; }
.tpl_download_box_text a:visited { color:#E3B9B9; }
.tpl_download_box_text a:hover { color:#E3B9B9; }
/**/
.tpl_demo_box {
background:url(images/tpl_demo.gif) 0 0 no-repeat;
width:120px;
height:50px;
}
.tpl_demo_box_title {
color:#E3B9B9;
font-weight:bold;
font-size:13px;
padding:3px 0 0 8px;
}
.tpl_demo_box_title a:link { color:#FFF; }
.tpl_demo_box_title a:visited { color:#FFF; }
.tpl_demo_box_title a:hover { color:#E3B9B9; }
.tpl_demo_box_text {
font-size:9px;
color:#E3B9B9;
padding:2px 0 0 9px;
}
.tpl_demo_box_text a:link { color:#E3B9B9; }
.tpl_demo_box_text a:visited { color:#E3B9B9; }
.tpl_demo_box_text a:hover { color:#E3B9B9; }
/*****************
Page
*****************/
.tpl_page_title {
font-weight:bold;
font-size:12px;
color:#666666;
margin-bottom:4px;
border-bottom:1px solid #DDDDDD;
}
.tpl_page_title a { color:#666666; }
.tpl_page_title a:visited { color:#666666; }
.tpl_opentable_title {
font-weight:bold;
font-size:12px;
color:#999999;
border-bottom:1px Dashed #DDDDDD;
margin-bottom:2px;
}
.tpl_opentable_title a:link { color:#999999; }
.tpl_opentable_title a:visited { color:#999999; }
img.shadow {
padding: 11px 11px 24px 11px ;
background: url(images/shadow.jpg) bottom center no-repeat #FFF;
margin:15px 0 0 0;
text-align:center;
}
img.shadow_small {
padding: 11px 11px 24px 11px ;
background: url(images/shadow_small.jpg) bottom center no-repeat #FFF;
margin:15px 0 0 0;
text-align:center;
}
http://www.memht.com/templates/memht_v6/forum.css
/********************************************************************************
- MemHT Portal -
Copyright (C) 2007-2008 by Miltenovik Manojlo
http://www.memht.com
This program is free software; you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation; either version 2 of the License, or
(at your opinion) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License along
with this program; if not, see <http://www.gnu.org/licenses/> (GPLv2)
or write to the Free Software Foundation, Inc., 51 Franklin Street,
Fifth Floor, Boston, MA02110-1301, USA.
********************************************************************************/
.forum_category {
background-color:#F4F4F4;
color:#A6301C;
/*bg*/
}
.forum_category a {
color:#A6301C;
}
.forum_legend {
background-image:url(images/stitle.gif);
background-repeat:repeat-x;
color:#888;
}
.forum_spacer {
background-image:url(images/stitle.gif);
background-repeat:repeat-x;
}
.forum_title {
background-color:#F4F4F4;
}
.forum_threadlist {
background-color:#F4F4F4;
}
.forum_post_title {
background-color:#F4F4F4;
color:#A6301C;
/*bg*/
}
.forum_intitle {
background-color:#F4F4F4;
color:#A6301C;
/*bg*/
}
.forum_post {
background-color:#F4F4F4;
}
.forum_post_minititle {
border-bottom:1px solid #DDD;
}
.forum_signature {
border-top:1px solid #DDD;
} |
P.S Just us this as help not as copie base!! |
|
 |
| |
HkDng Suspended

Posts: 47

Gender:  Online: No
Languages: HkDng |
Date: 24/04/2008 09:22 Re: How can I customize my site? | #post6479 | Thank you very much for your post.
By the way, I want to ask that why the bbcode do not have vertical/Horizontal scroll bar??? Edited: 24/04/2008 09:24 |
|
 |
| |
freaky Crazy Member

Posts: 566

Gender:  Online: No
Version: memht 4.0 Country: Swiss Languages: English,French,German |
Date: 24/04/2008 09:24 Re: How can I customize my site? | #post6480 | no problemo  |
|
 |
| |

|