CSS Codes
CSS Layouts
Results 1 to 5 of 5

Thread: help in my forum page in css

  1. 04-15-2009, 07:55 PM #1
    rchainho
    rchainho is offline Junior Coders
    Join Date
    Nov 2006
    Location
    portugal
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default help in my forum page in css

    my banner is too large but i want to adapt my forum to the banner size. What i do to change it?

    Code:
    html
{
	overflow-x:auto;
	height:100%;
	margin:0;
	padding:0;
}

BODY
{
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	height:100%;
	color:#FFF;
	background-color:#FFF;
	text-align:center;
	margin:0;
	padding:0;
}

TABLE,TR,TD
{
	font-size:11px;
	color:#FFF;
}

.tableborder TABLE, .tableborder TR, .tableborder TD
{
	font-size:11px;
	color:#000;
}

.post1 TABLE, .post1 TR, .post1 TD, .post2 TABLE, .post2 TR, .post2 TD, .post1 TD A, .post2 TD A
{
	font-size:11px;
	color:#000;
}
a
{
	text-decoration:underline;
color:#FFF;
}

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

fieldset.search
{
	line-height:150%;
	padding:6px;
}

label
{
	cursor:pointer;
}

img
{
	vertical-align:middle;
	border:0;
}

img.attach
{
	border:2px outset #EEF2F7;
	padding:2px;
}

.googleroot
{
	line-height:130%;
	padding:6px;
}

.googlechild
{
	margin-left:30px;
	line-height:130%;
	padding:6px;
}

.googlebottom,.googlebottom a
{
	font-size:11px;
	color:#3A4F6C;
}

.googlish,.googlish a
{
	font-size:14px;
	font-weight:700;
	color:#00D;
}

.googlepagelinks
{
	font-size:1.1em;
	letter-spacing:1px;
}

li.helprow
{
	margin:0 0 10px;
	padding:0;
}

ul#help
{
	padding:0 0 0 15px;
        color: #000;
}

option.cat
{
	font-weight:700;
}

option.sub
{
	font-weight:700;
	color:#555;
}

.caldate
{
	text-align:right;
	font-weight:700;
	font-size:11px;
	color:#FFF;
	background-color:#636D84;
	margin:0;
	padding:4px;
}

.warngood
{
	color:green;
}

.warnbad
{
	color:red;
}

#padandcenter
{
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:14px 0;
}

#ucpmenu
{
	width:22%;
	border:1px solid #000;
	background-color:#f0f0f0;
}

#ucpmenu p
{
        color: #000;
	margin:0;
	padding:2px 5px 6px 9px;
}

#ucpmenu a, #ucpcontent a
{
color: #000;
text-decoration: none;
}

#ucpmenu a:hover, #ucpcontent a:hover
{
text-decoration: underline;
}

#ucpcontent
{
	background-color:#f0f0f0;
	border:1px solid #000;
	width:auto;
        color: #000;
}

#ucpcontent TD
{

        color: #000;
}

#ucpcontent table
{
	padding:6px;
}

#ucpcontent p
{
	margin:0;
	padding:10px;
}

#ipsbanner
{
	position:absolute;
	top:1px;
	right:5%;
}

#logostrip
{
	background-image:url(style_images/<#IMG_DIR#>/tile_back.gif);
	margin:0;
	padding:0;
}

#submenu
{
	background:url(style_images/<#IMG_DIR#>/external/user_bar.gif) repeat-x top #C02929;
	font-size:10px;
	font-weight:700;
	margin:0;
}

#submenu IMG
{
	display:none;
}

#submenu a
{
	font-weight:700;
	font-size:10px;
	text-decoration:none;
	color:#FFF;
}

#userlinks
{
	background-color:#3E475B;
	border-bottom:#636D84 1px solid;
}

#userlinks td
{
	color:#FFF;
	font-size:10px;
}

color: #000;
}

.signature
{
	font-size:10px;
	color:#333;
	line-height:150%;
}

.postdetails
{
	font-size:10px;
}

.postcolor
{
	font-size:12px;
	line-height:160%;
}

.normalname
{
	font-size:12px;
	font-weight:700;
	color:#003;
}

.normalname a
{
	font-size:12px;
}

.unreg
{
	font-size:11px;
	font-weight:700;
	color:#900;
}

.postlinksbar
{
	background:url(style_images/<#IMG_DIR#>/tile_sub.gif) repeat-x top #f0f0f0;
	margin-top:1px;
	font-size:10px;
	color:#CCC;
	padding:7px;
}

.row1
{
	background-color:#EEE;
}

.row2
{
	background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
	color:#000;
}

.row3
{
	background-color:#EAEAEA;
}

.row4
{
	background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.darkrow1
{
	background-color:#E1E1E1;
	color:#000;
}

.darkrow2
{
	background-color:#EAEAEA;
	color:#000;
}

.darkrow3
{
	background:url(style_images/<#IMG_DIR#>/external/forum_back_2.gif) repeat-x top #C4C4C4;
	color:#000;
}

.hlight
{
background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.dlight
{
background:url(style_images/<#IMG_DIR#>/external/forum_back.gif) repeat-x top #EEE;
color:#000;
}

.titlemedium a
{
	text-decoration:underline;
	color:#777;
}

.maintitle, TD.maintitle
{
	vertical-align:middle;
	font-weight:700;
	color:#FFF;
	background:url(style_images/<#IMG_DIR#>/external/user_bar.gif) repeat-x top #C02929;
	padding:8px;
}

.tableborder a
{
	text-decoration:none;
	color:#000;
}

.tableborder a:hover
{
	color:#000;
	text-decoration:underline;
}

.plainborder
{
	border:#000 1px solid;
	background-color:#EAEAEA;
}

.plainborder .row3, .plainborder .row1, .plainborder .row3 a, .plainborder .row1 a
{
        color: #000;
}

.tableborder
{
	border:#000 1px solid;
        color: #000;
	background-color:#FFF;
	width:100%;
	margin:0;
	padding:0;
}

div.maintitle a, div.maintitle a:hover{
color: #FFF;
}

.tablefill
{
	background:#3E475B;
	color:#FFF;
	padding:6px;
}

.tablepad
{       
        color: #000;
	background-color:#f0f0f0;
	padding:6px;
}

.tablebasic
{
	width:100%;
	border:0;
	margin:0;
	padding:0;
}

.wrapmini
{
        color: #FFF;
	float:left;
	width:25%;
        background-color:#3E475B;
}

div.wrapmini IMG
{
margin: 3px;
}

#ucpcontent .wrapmini
{
        color: #000;
        background-color:#f0f0f0;
}

#ucpcontent .tableborder
{
border : 0px;
}

.pagelinks
{
	float:left;
	line-height:1.2em;
	width:35%;
}

.edit
{
	font-size:9px;
}

.searchlite
{
	font-weight:700;
	color:red;
	background-color:#FF0;
}

#QUOTETOP
{
	color: #000;
	margin: 8px auto 0px auto;
	font-weight:bold;
	font-size:10px;
	padding: 8px;
	background-color:#E4EAF2;
	border-left: 4px solid #8394B2;
	border-top: 1px solid #8394B2;
	border-right: 1px solid #8394B2;
}

#QUOTE
{
	color: #465584;
	background-color: #FAFCFE;
	border-left: 4px solid #8394B2;
	border-right: 1px solid #8394B2;
	/*border-top: 1px dotted #000;*/
	border-bottom: 1px solid #8394B2;
	padding: 4px;
	margin: 0px auto 8px auto;
}

#CODETOP
{
	color: #000;
	margin: 8px auto 0px auto;
	font-weight:bold;
	font-size:10px;
	padding: 8px;
	background-color: #FDDBCC;
	border-left: 4px solid #FBA884;
	border-top: 1px solid #FBA884;
	border-right: 1px solid #FBA884;
}

#CODE
{
	color: #465584;
	background-color: #FAFCFE;
	border-left: 4px solid #FBA884;
	border-right: 1px solid #FBA884;
	/*border-top: 1px dotted #000;*/
	border-bottom: 1px solid #FBA884;
	padding: 4px;
	margin: 0px auto 8px auto;
}

.thin
{
	line-height:140%;
	border-top:1px solid #FFF;
	border-bottom:1px solid #FFF;
	margin:2px 0;
	padding:6px 0;
}

.purple
{
	color:purple;
	font-weight:700;
}

.red
{
	color:red;
	font-weight:700;
}

.green
{
	color:green;
	font-weight:700;
}

.blue
{
	color:blue;
	font-weight:700;
}

.orange
{
	color:#F90;
	font-weight:700;
}

form
{
	display:inline;
	margin:0;
	padding:0;
}

input,select
{
	vertical-align:middle;
	font-size:11px;
}


input.forminput,textarea,.textinput
{
	vertical-align:middle;
	border:1px solid #C0BBB4;
	background:#FFF url('style_images/<#IMG_DIR#>/input/bg_input_text.png') top left repeat-x;
	padding:2px 3px;
}


textarea
{
	width:100%;

}

input.forminput:hover,textarea:hover,.textinput:hover
{
	border:1px solid #9C0;
	background:#FFF url('style_images/<#IMG_DIR#>/input/bg_input_text_hover.png') top left repeat-x;
}

input.button:hover,input.codebuttons:hover
{
	color:#395500;
	background:#F4FADF url('style_images/<#IMG_DIR#>/input/bg_input_btn_hover.png');
	border:1px solid #80AA00;
	border-top:1px solid #9C0;
	border-left:1px solid #9C0;
}

#style_block
{
	background-color:#323C53;
	color:#FFF;
	border-bottom:#636D84 1px solid;
	height:26px;
padding: 4px 10px 0px 10px;
}


.color_selector
{
 border: 1px solid #FFF; 
height: 10px; 
width: 16px; 
float: left; 
margin-right: 5px;

}

.width_selector td
{

padding-left: 5px;
}

#mainbg-3
{
	background:#fff url(style_images/<#IMG_DIR#>/external/bg_shadow_right.png) 100% 0 repeat-y;
	width:24px;
}

#mainbg-2
{
	background:transparent url(style_images/<#IMG_DIR#>/external/bg_shadow_left.png) 0 0 repeat-y;
	width:24px;
}

div.wrapper
{
	width:800px;
	height:100%;
	margin:auto;
}

#ipbwrapper
{
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	width:750px;
	background-color:#323C53;
}

#content
{
	color:#FFF;
	width:730px;
	margin:0 10px;
}

#gfooter
{
	border-top:#636D84 3px solid;
	background-color:#323C53;
	width:100%;
	margin:10px 0 0;
	padding:0;
}

#gfooter td
{
	color:#FFF;
	font-size:10px;
	padding:4px;
}

.copyright
{
	border-top:#636D84 1px solid;
	background:#3E475B;
	color:#FFF;
	margin:0;
	padding:4px;
}

.copyright a
{
	color:#FFF;
	text-decoration:underline;
}

.copyright a:hover
{
	text-decoration:none;
}

.googlesmall,.googlesmall a,.desc
{
	font-size:10px;
	color:#434951;
}

#userlinks a:hover,.tableborder .activeuserstrip a:hover,.tableborder .maintitle a:hover
{
	text-decoration:underline;
}

.pformstrip,.titlemedium
{
	font-weight:700;
	color:#777;
	background:url(style_images/<#IMG_DIR#>/tile_sub.gif) repeat-x top #f0f0f0;
	border-bottom:1px solid #c8c8c8;
	margin:0;
	padding:7px;
}


.post1,.post2
{
	background:url(style_images/<#IMG_DIR#>/external/bg.png) repeat-x bottom #FFF;
}

input.button,input.codebuttons

}
    Last edited by Snookerman; 04-21-2009 at 06:41 AM. Reason: added [code] tags
    Reply With Quote Reply With Quote
  2. 04-15-2009, 07:56 PM #2
    Snookerman's Avatar
    Snookerman
    Snookerman is offline Who ya gonna call?
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Please post a link to the page on your site that contains the problematic script or attach your code so we can check it out and help you.
    Reply With Quote Reply With Quote
  3. 04-16-2009, 10:31 AM #3
    rchainho
    rchainho is offline Junior Coders
    Join Date
    Nov 2006
    Location
    portugal
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    this is the link to my forum.

    http://crownroyals.ipbfree.com/
    Reply With Quote Reply With Quote
  4. 04-16-2009, 10:36 AM #4
    Snookerman's Avatar
    Snookerman
    Snookerman is offline Who ya gonna call?
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Change the highlighted in your CSS code:
    Code:
    #content {
color:#FFFFFF;
margin:0 10px;
width:910px;
}
    Good luck!
    Reply With Quote Reply With Quote
  5. 04-16-2009, 11:19 AM #5
    rchainho
    rchainho is offline Junior Coders
    Join Date
    Nov 2006
    Location
    portugal
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    thanks. to do the same in the tool navigation is the same, right?

    the colours of the forum, where i can change it? The forum is too dark.
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules