1
laparel
Area sizes....
  • 2005/3/16 2:04

  • laparel

  • Just popping in

  • Posts: 5

  • Since: 2005/3/15


Hi.. this is the scenario:

my site's start page is my new module (1.3)
- now the problem is, the area of the news in it have different area size/border...
News #1
|--------------------------|
| Hello, World....................|
|--------------------------|
News #2
|-----------------------------------------------------|
| Insert a long text here... blah blah blah blah balh blah. |
| blah blah blah blah blah blah blah blah blah blah blah....|
|-----------------------------------------------------|
There, I have blocks on the left, right and the center.. and it looks ugly seeing different sizes of news area...

I tried implanting a inside my news to change this but my other mates are complaining that the site became big (we have diff. resolutions)

I'm sure this has something to do with the theme i have installed Aqua-Um... because when i chagne to the default theme my news area have all the same width and that it's just fits in with the window.

Can someone pls. help me as to what code could i insert in the theme so that i could get the same area sizes...

2
laparel
Re: Area sizes....
  • 2005/3/16 2:08

  • laparel

  • Just popping in

  • Posts: 5

  • Since: 2005/3/15


Another problem i have: this is about the newbb2.01 and has something to do with the area aswell...

this time the area of the names of poster, 'Main Options' are sooo fat.. i mean they're getting in the way.. it's quite hard to describe it.. anyways here is the link to the site:

http://l2d.nsl-sg.talkhost.info/modules/newbb/


and also to get a more clear picture of the news area size problem im having.. here's the link: http://l2d.nsl-sg.talkhost.info/

3
laparel
Re: Area sizes....
  • 2005/3/16 2:48

  • laparel

  • Just popping in

  • Posts: 5

  • Since: 2005/3/15


Last question:

how do i center an ad in a block?
if u notice in my site my talkhost had is surrounded by
| | |TALKOST| | |

just to keep the pic centered -.-

4
laparel
Re: Area sizes....
  • 2005/3/16 12:45

  • laparel

  • Just popping in

  • Posts: 5

  • Since: 2005/3/15


...anyone please?

5
ackbarr
Re: Area sizes....

Before making the changes below go to System -> Preferences -> General Settings and turn on "Update module template .html files from themes/your theme/templates directory?"

1. Add the following to your theme's style.css file:
table.item {width:100%;}


2. Add the following to your theme's theme.html file
After:
<script type="text/javascript">

script>

Add:
<{$xoops_module_header}>


3. Since your theme tells each sideblock to be left aligned, you'll have to wrap your image in a div tag and tell it to center the contents of the div:
Block Contents:
<div style="text-align:center;align:center;">div>

6
laparel
Re: Area sizes....
  • 2005/3/17 0:14

  • laparel

  • Just popping in

  • Posts: 5

  • Since: 2005/3/15


thanx for the reply ackbarr

2. and 3. are now fixed! thanx very much

but the 1. solution doesnt seem to work...
i tried "table.item {width:100%;}" on different parts of the css and nothing changed.. i even tried making it 100000%.

Here is the css of the theme:

/* XOOPS Style Config */
body text-alignleft;line-height120%; font-familyOsakaVerdanaArialHelveticasans-serif;}
table td padding0border-width0vertical-aligntop;}
div#content {text-align: left; padding: 0px 3px 0px 3px;)
div#content td{ padding: 3px; line-height: 120%;}
.odd {background-color:#ececec;}
.outer {background-color:#666666; width: 100%;}
.even {background-color:#f5f5f5;}
th {backgroundurl(images/lines.gif#f1f1f1; color: #333333; font-size:11px; font-weight:bold;height:25px;white-space:nowrap;text-align:center;padding-left:6px;padding-right:6px}
.head {font-weight:bold;letter-spacing:1px;background:url(images/catbkg.gif#dedede;height:25px}
.foot {font-weight:bold;letter-spacing:1px;background-color#dedede;height:25px}
ul margin2pxpadding2px; list-styledecimal insidetext-alignleft;}
li margin-left2px; list-styledisc insidecolor#999999;}

.comTitle {font-weightboldmargin-bottom2px;}
.
comText {padding2px;}
.
comUserStat {font-size10pxcolor#000000; font-weight:bold; border: 1px solid #999999; background-color: #ffffff; margin: 2px; padding: 2px;}
.comUserStatCaption {font-weightnormal;}
.
comUserStatus {margin-left2pxmargin-top10pxcolor#2F5376; font-weight:bold; font-size: 10px;}
.comUserRank {margin2px;}
.
comUserRankText {font-size10px;font-weight:bold;}
.
comUserRankImg {border0;}
.
comUserName {}
.
comUserImg {margin2px;}
.
comDate {font-weightnormalfont-styleitalicfont-sizesmaller}
.
comDateCaption {font-weightboldfont-stylenormal;}

/* Based on the original Style Sheet for the fisubsilver v2 Theme for phpBB version 2+
Edited by Daz  - http://www.forumimages.com - last updated 08-02-03*/

/* The content of the posts (body of text) */
body{background:#f1f1f1 url(images/lines.gif);color:#000000;font:12px Verdana,Arial,Helvetica,sans-serif;
scrollbar-3dlight-color:#cccccc;
scrollbar-arrow-color:#000000;
scrollbar-base-color:#cccccc;
scrollbar-darkshadow-color:#2f4f4f;
scrollbar-face-color:#cccccc;
scrollbar-highlight-color:#cccccc;
scrollbar-shadow-color:#cccccc;
scrollbar-track-color:#f1f1f1}

/* General font families for common tags */
font,th,td,p{font:12px Verdana,Arial,Helvetica,sans-serif}

/* General text */
.gensmall{font-size:10px}
.
genmed{font-size:11px}

/* General page style. The scroll bar colours only visible in IE5.5+ */
a:link,a:active,a:visited,a.postlink{color#4682b4;text-decoration:none}
a:hover{color:#000000;text-decoration:underline}

/* titles for the topics:could specify viewed link colour too */
.topictitle{font-size:11px;font-weight:bold}
a.topictitle:visited{color:#5493b4}
a.topictitle:hover{color:#000000}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name{font-size:11px;font-weightbold}

hr{border0px solid #eeeeee;border-top-width:1px;height:0px}


/* Main table cell colours and backgrounds */
td.row1{background:#f5f5f5; padding: 3px;}


/* This is the border line & background colour round the entire page */
.bodyline{background:#ffffff;color:#000000;border:1px solid #666666}

/* This is the outline round the main forum tables */
.forumline{background:#757575;color:#000000;border:0px}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1{
font:bold 20px/120"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none}

.
subtitle,h2{font:bold 18px/180"Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
text-decoration:none}

/* Used for the navigation text,(Page 1,2,3 etc) and the navigation bar when in a forum */
.nav{font-size:11px;font-weight:bold}
.
postbody{font-size:12px;line-height:125%}

/* Location,number of posts,post date etc */
.postdetails{font-size:10px;color:#ff64ba}

/* Quote blocks */
.quote{background:#fafafa;border:1px solid #ff7fc5;color:#444444;
font-size:11px;line-height:125%}

/* Code blocks */
.code{background:#fafafa;border: 1px solid #ff7fc5;color:#006600;
font:11px Courier,"Courier New",sans-serif;padding:5px}

/* This is for the error messages that pop up */
.errorline{background:#9fcfa1;border:1px solid #6d943a}

/* Form elements */
form{display:inline}

input{font:11px Verdana,Arial,Helvetica,sans-serif}

select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}

input.post,textarea.post{background:#ffffff;border: 1px solid #ff0690;
font:11px Verdana,Arial,Helvetica,sans-serif;padding-bottom:2px;padding-left:2px}

input.button,input.liteoption{border:1px solid #ff0690;background: #ffe3f3;font-size:11px}
input.catbutton{border:1px solid #ff0690;background:#ffe3f3;font-size:10px}
input.mainoption{border:1px solid #ff0690;background:#ffe3f3;font-size:11px;font-weight:bold}

/* This is the line in the posting page which shows the rollover
help line. Colour value in row2 */
.helpline{border-style:none}

/* These are table top and bottom backgrounds */
.tt12bkg{background:url(images/tt12_m.gifrepeat-x;height:12px;width:100%}
.
tb12bkg{background:url(images/tb12_m.gifrepeat-x;height:12px;width:100%}
.
tt22bkg{background:url(images/tt22_m.gifrepeat-x;height:22px;width:100%}
.
tb22bkg{background:url(images/tb22_m.gifrepeat-x;height:22px;width:100%}
.
ttb{width:100%}

/* This is the header table with imac screen */
.scrntbkg{background:url(images/scrn_t.gifrepeat-x;height:14px;width:100%}
.
scrnbbkg{background:url(images/scrn_b.gifrepeat-x;height:14px;width:100%}
.
scrnlbkg{background:url(images/scrn_l.gifrepeat-y;width:14px}
.
scrnrbkg{background:url(images/scrn_r.gifrepeat-y;width:14px}
.
scrn{width:100%;text-align:center}
td.scrnm{background:#ffffff}

.item {border1px solid #666666;}
.itemHead {background#f1f1f1 url(images/lines.gif); color: #333333; height:25px; white-space:nowrap; text-align:left; padding: 3px}
.itemInfo {text-alignrightpadding3pxbackground-color#efefef}
.itemTitle a {font-size130%; font-weightboldfont-variantsmall-capscolor#4682b4; background-color: transparent;}
.itemPoster {font-size90%; font-style:italic;}
.
itemPostDate {font-size90%; font-style:italic;}
.
itemStats {font-size90%; font-style:italic;}
.
itemBody {padding-left5pxtext-alignleft}
.
itemText {margin-top5pxmargin-bottom5pxline-height1.5em;}
.
itemText:first-letter {font-size133%; font-weightbold;}
.
itemFoot {text-alignrightpadding3pxbackground-color#efefef}
.itemAdminLink {font-size90%;}
.
itemPermaLink {font-size90%;}

div.errorMsg background-color#FFCCCC; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.confirmMsg background-color#DDFFDF; color: #136C99; text-align: center; border-top: 1px solid #DDDDFF; border-left: 1px solid #DDDDFF; border-right: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; font-weight: bold; padding: 10px;}
div.resultMsg background-color #CCCCCC; color: #333333; text-align: center; border-top: 1px solid silver; border-left: 1px solid silver; font-weight: bold; border-right: 1px solid #666666; border-bottom: 1px solid #666666; padding: 10px;}

div.xoopsCode width:95%; background#FFFFFF; border: 1px inset #000080; font-family: Osaka, "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}
div.xoopsQuote width:95%; background#FFFFFF; border: 1px inset #000080; font-family: Osaka, "Courier New",Courier,monospace; padding: 0px 6px 6px 6px;}


Thanx for entertaining my newb questions, when and if i can I'll also help others :X

Login

Who's Online

352 user(s) are online (285 user(s) are browsing Support Forums)


Members: 0


Guests: 352


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Nov 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits