|
 |
|
|
01-06-2008, 04:24 AM
|
Shifting to the left
|
Posts: 97
Name: Shane
|
Is it possible to shift this over to the left far enough to allow for an advertising column to go down the right side of the page?
PHP Code:
/* General page style. The scroll bar colours only visible in IE5.5+ */ body { background-color: #FFFFFF; /* scrollbar-arrow-color: #1D2938; scrollbar-face-color: #9DB3CC; scrollbar-track-color: #D6DEE9; scrollbar-highlight-color: #C8D3E1; scrollbar-3dlight-color: #EAEFF4; scrollbar-shadow-color: #7492B6; scrollbar-darkshadow-color: #3A5370;*/ } .pageHeader{ margin: 0px; padding: 3px; margin-bottom: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 3em; font-weight: 900; color: #FFFFFF; background-color: #F1F5F9; border-bottom: 1px solid #0053A2; background-image: url(Athena/images/cell2.gif); } /* General font families for common tags */ font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } a { text-decoration: underline; color: #0053A2; } a:visited { text-decoration: underline; color: #00468C; } a:hover,a:active { text-decoration: underline; color: #FF6633; } hr { height: 0px; border: solid #0053A2 0px; border-top-width: 1px; } /* This is the outline round the main forum tables */ .forumline { background-color: #0053A2; border: 1px solid #0053A2; border-collapse: collapse; } /* Profile data. Visible only with eXtreme Styles mod. */ .profileline { background-color: #B8CEE4; } td.profile { background-color: #F4F7FE; font-size: 10px; color: #0053A2; } /* Main table cell colours and backgrounds. row1 - row3 are set in overall_header.tpl */ .row4 { background-color: #EAEDF4; } /* This is for the table cell above the Topics, Post & Last posts on the index.php page By default this is the fading out gradiated silver background. However, you could replace this with a bitmap specific for each forum */ .rowpic { background-color: #FFFFFF; } /* Header cells - the blue and silver gradient backgrounds */ th,td.th { color: #0053A2; font-size: 12px; font-weight: bold; background-color: #F1F5F9; height: 26px; } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight { background-color: #F1F5F9; height: 28px; text-align: center; } td.catBottom { background-color: #F1F5F9; height: 28px; } td.th2 { background-color: #F1F5F9; height: 20px; color: #000000; } td.spaceRow { background-color: #F1F5F9; color: #000000; } td.topicRow { border-bottom: 0px; } /* Setting additional nice inner borders for the main table cells. The names indicate which sides the border will be on. Don't worry if you don't understand this, just ignore it :-) */ /* The largest text used in the index page title and toptic title etc. */ h1,h2 { font-weight: bold; font-size: 18px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 120%; color: #000000; } .maintitle { font-weight: bold; font-size: 18px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; text-decoration: none; line-height: 120%; color: #FFFFFF; } .subtitle { font-size: 16px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; color: #FFFFFF; } /* General text */ .gen { font-size: 12px; } .genmed { font-size: 11px; } .gensmall,.gensmall2 { font-size: 10px; } .gen,.genmed,.gensmall { color: #000000; } a.gen,a.genmed,a.gensmall { color: #0053A2; text-decoration: underline; } a.gen:visited,a.genmed:visited,a.gensmall:visited { color: #00468C; text-decoration: underline; } a.gen:hover,a.genmed:hover,a.gensmall:hover { color: #FF6633; text-decoration: underline; } a.gen:active,a.genmed:active,a.gensmall:active { color: #FF6633; text-decoration: underline; } /* Forum category titles */ .cattitle { font-weight: bold; font-size: 12px; letter-spacing: 1px; color: #EAEDF4; } a.cattitle,.cattitle a { text-decoration: none; color: #EAEDF4; } a.cattitle:visited,.cattitle a:visited { text-decoration: none; color: #EAEDF4; } a.cattitle:hover,a.cattitle:active,.cattitle a:hover,.cattitle a:active { text-decoration: underline; color: #FFFFFF; } /* Forum title: Text and link to the forums used in: index.php */ .forumlink { font-weight: bold; font-size: 12px; color: #0053A2; } a.forumlink { text-decoration: none; color: #0053A2; } a.forumlink:visited { text-decoration: none; color: #00468C; } a.forumlink:hover,a.forumlink:active { text-decoration: underline; color: #FF6633; } /* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */ .nav { font-weight: bold; font-size: 11px; color: #0053A2; } a.nav,a.nav:visited { text-decoration: underline; color: #0053A2; } a.nav:hover,a.nav:active { text-decoration: underline; color: #FF6633; } /* titles for the topics: could specify viewed link colour too */ .topictitle { font-weight: bold; font-size: 11px; color: #000000; } a.topictitle { text-decoration: underline; color: #0053A2; } a.topictitle:visited { text-decoration: underline; color: #00468C; } a.topictitle:hover,a.topictitle:active { text-decoration: underline; color: #FF6633; } /* Name of poster in viewmsg.php and viewtopic.php and other places */ .name { font-size: 11px; color: #000000; } a.name { text-decoration: underline; color: #0053A2; } a.name:visited { text-decoration: underline; color: #00468C; } a.name:hover,a.name:active { text-decoration: underline; color: #FF6633; } /* Location, number of posts, post date etc */ .postdetails { font-size: 10px; color: #000000; } /* The content of the posts (body of text) */ .postbody { font-size: 12px; } a.postlink { text-decoration: underline; color: #0053A2; } a.postlink:visited { text-decoration: underline; color: #00468C; } a.postlink:hover,a.postlink:active { text-decoration: underline; color: #FF6633; } a.postlink2,a.postlink2:visited { text-decoration: underline; color: #000000; } a.postlink2:hover,a.postlink2:active { text-decoration: underline; color: #FF6633; } /* Quote & Code blocks */ .code { font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #0053A2; background-color: #FDFEFF; border: #00468C; border-style: dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #00468C; line-height: 125%; background-color: #FDFEFF; border: #00468C; border-style: dotted; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px } /* Copyright and bottom info */ .copyright { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #444444; letter-spacing: -1px; } a.copyright { color: #444444; text-decoration: none; } a.copyright:hover { color: #000000; text-decoration: underline; } /* Form elements */ input,textarea,select { color: #000000; font: normal 11px Verdana, Arial, Helvetica, sans-serif; } form { display: inline; } /* The text input fields background colour */ input.post,textarea.post,select { background-color: #FFFFFF; } input { text-indent: 2px; } /* The buttons used for bbCode styling in message post */ input.button { background-color: #EAEDF4; color: #000000; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; } /* The main submit button option */ input.mainoption { background-color: #FAFAFA; font-weight: bold; } /* None-bold submit button */ input.liteoption { background-color: #FAFAFA; font-weight: normal; } /* This is the line in the posting page which shows the rollover help line. This is actually a text box, but if set to be the same colour as the background no one will know ;) */ input.helpline { background-color: #F4F7FE; border: solid 1px #F4F7FE; } /* MERGED FROM OTHER FILES */ .row1 { background-color: #EFF2F9; } .row1_over { background-color: #F8F9FC; } .row2 { background-color: #F4F7FE; } .row2_over { background-color: #FDFEFF; } .row3,.row3Right { background-color: #EAEDF4; } .row3_over { background-color: #F4F5F9; } th,td.th,td.spacerow { background-image: url(Athena/images/cell1.gif); } td.th2 { background-image: url(Athena/images/cell1.gif); } td.cat,td.catHead,td.catSides,td.catLeft,td.catRight { background-image: url(Athena/images/cell2.gif); } td.catBottom { background-image: url(Athena/images/cell3.gif); } td.profile { background-image: url(Athena/images/post_bg2.gif); } /* // row colors 'row1' => '#EFF2F9', 'row1_hover' => '#F8F9FC', 'row2' => '#F4F7FE', 'row2_hover' => '#FDFEFF', 'row3' => '#EAEDF4', 'row3_hover' => '#F4F5F9', // enable/disable cells hover 'cell_hover' => true, // enable/disable clickable cells */ .borderline { border: 1px solid #0053A2; border-collapse: collapse; } .fullborderline { border: 1px solid #0053A2; border-collapse: collapse; } .highlight { background-color: white } a.highlight,a.highlight:visited,.highlight a,.highlight a:visited,a.highlight:hover,.highlight a:hover,a.highlight:active,.highlight a:active { text-decoration: none; } .postbody q { border: 1px dotted #999999; display: block; margin-left: 40px; margin-right: 40px; padding: 5px; font-style: italic; }
|
|
|
|
01-06-2008, 07:55 AM
|
Re: Shifting to the left
|
Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
|
shift what to the left?
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
|
|
|
|
01-06-2008, 01:07 PM
|
Re: Shifting to the left
|
Posts: 97
Name: Shane
|
the entire page
|
|
|
|
01-06-2008, 01:18 PM
|
Re: Shifting to the left
|
Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
|
Right then.
So, are you going to show us the page so we can tell you, or shall we simply guess from looking at some dis-jointed CSS?
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
|
|
|
|
01-07-2008, 08:02 AM
|
Re: Shifting to the left
|
Posts: 17
|
It looks like a forum from the comments in the code. So there has to be an outside container div or it is all one big table. Which one is it, a table or a div?
|
|
|
|
01-10-2008, 11:15 PM
|
Re: Shifting to the left
|
Posts: 8,936
Name: Tim Daily
Location: Apex, NC, US, Sol 3
|
Check the sticky CSS Resource Sites 2, but this article is the most appropriate to what you're wanting to do:
http://wellstyled.com/css-2col-fluid-layout.html
You can specify widths for your forum section and ads section pretty well this way.
|
|
|
|
01-11-2008, 12:45 AM
|
Re: Shifting to the left
|
Posts: 97
Name: Shane
|
OK.......I am getting closer to what I want. I was able to shift the "forum" to the left side of the page. I would like for all of the ads on the bottom left of the page to actually be on the top right hand side directly below the "Google" ad.
Here is a link to the forum so that you can see what I mean:
http://abcdefg.activeboard.com/
|
|
|
|
01-11-2008, 05:56 PM
|
Re: Shifting to the left
|
Posts: 8,936
Name: Tim Daily
Location: Apex, NC, US, Sol 3
|
Oh. Well, I see you found out how to do it. Good show. 
|
|
|
|
01-12-2008, 01:50 AM
|
Re: Shifting to the left
|
Posts: 97
Name: Shane
|
Finally got it!
|
|
|
|
|
« Reply to Shifting to the left
|
|
|
| Thread Tools |
Search this Thread |
|
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|