Advanced Search

Results 1 to 5 of 5

Thread: help in my forum page in css

  1. #1
    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

  2. #2
    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.
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  3. #3
    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/

  4. #4
    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!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  5. #5
    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.

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
  •