Sub Menu
Links Menu
Online Users

In total there are 322 users online :: 1 registered, 0 hidden and 321 guests

Most users ever online was 1091 on Wed Aug 16, 2023 5:27 pm

Registered users: Google [Bot] based on users active over the past 60 minutes

The "Who Is Online" text on the index

IntegraMOD 140 Themes

Moderator: Integra Moderator

The "Who Is Online" text on the index

PostAuthor: Jacky » Tue Aug 29, 2006 11:27 am

Hello,

I am in the course of porting SwiftBlue. No, I am just playing with it, to test my new experiment.

OK, so far so good. Everything went according to my wishes, but the "Who Is Online" text on the index is not.

I would like to know what to edit in the CSS to fix that.
Last edited by Jacky on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Jacky
User avatar
Jacky
Members
Members
 
Posts: 71
Likes: 0 post
Liked in: 0 post
Joined: Thu Apr 20, 2006 7:21 am
Cash on hand: 0.00

PostAuthor: Michaelo » Tue Aug 29, 2006 11:49 am

probably cat or possibly th?
Last edited by Michaelo on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Kiss Portal Engine phpbbireland (status: Released)
User avatar
Michaelo
Administrator
Administrator
 
Posts: 1646
Likes: 0 post
Liked in: 0 post
Joined: Sat Mar 11, 2006 5:14 pm
Cash on hand: 0.00
Location: Dublin, Ireland

PostAuthor: Jacky » Tue Aug 29, 2006 11:51 am

I tried meddling with "td.cat" but it's still the same.

I tried many methods but all of them did not work.

<img>
Last edited by Jacky on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Jacky
User avatar
Jacky
Members
Members
 
Posts: 71
Likes: 0 post
Liked in: 0 post
Joined: Thu Apr 20, 2006 7:21 am
Cash on hand: 0.00

PostAuthor: Michaelo » Wed Aug 30, 2006 7:36 am

Which style/theme are you using and try .cat
Last edited by Michaelo on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Kiss Portal Engine phpbbireland (status: Released)
User avatar
Michaelo
Administrator
Administrator
 
Posts: 1646
Likes: 0 post
Liked in: 0 post
Joined: Sat Mar 11, 2006 5:14 pm
Cash on hand: 0.00
Location: Dublin, Ireland

PostAuthor: Jacky » Fri Sep 01, 2006 9:10 am

I replaced the td.cat with the FI Subice's one, and now the "Who Is Online" text became bold and bigger than normal.

In addition, at Admin Index, the Version Information's texts and other texts are appearing too big. I checked the source and I assume it's td.row1.

Also, the Board Navigation blocks and other blocks are having borders, but not the "New Topic" images. I checked FI Subice Blue and it doesn't have the borders, so I guess the problem is not caused by the IM Portal settings.

Below is my CSS, if you are interested:
Code: Select all
/*   SwiftBlue Theme for phpBB   Created by BitByBit, using subSilver Theme as a base.   [url=http]http://www.bitbybit.f2s.com[/url]  */  /* General page style. The scroll bar colours only visible in IE5.5+ */body {     background-color: #7EB5E8;     scrollbar-face-color: #BADBF5;     scrollbar-highlight-color: #E3F0FB;     scrollbar-shadow-color: #BADBF5;     scrollbar-3dlight-color: #80BBEC;     scrollbar-arrow-color:  #072978;     scrollbar-track-color: #DAECFA;     scrollbar-darkshadow-color: #4B8DF1;     font:12px Verdana,Arial,Helvetica,sans-serif;margin:6px;padding:0;}  /* General font families for common tags */font,th,td,p { font-family: Verdana, Arial, Helvetica, sans-serif }a:link,a:active,a:visited { color : #072978; text-decoration: none }a:hover       { text-decoration: none; color : #041642; }hr   { height: 0px; border: solid #80BBEC 0px; border-top-width: 1px;}  /* This is the border line & background colour round the entire page */.bodyline    { background-color: #E3F0FB; border: 1px #4B8DF1 solid; }  /* This is the outline round the main forum tables */.forumline   { background-color: #E3F0FB; border: 2px #006699 solid; }  /* Main table cell colours and backgrounds */.row1    { background-color: #DAECFA; }.row2    { background-color: #BADBF5; }.row3    { background-color: #80BBEC; }  /*   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*/td.rowpic {         background-color: #E3F0FB;         background-image: url(images/cellpic2.jpg);         background-repeat: repeat-y;}  /* Header cells - the blue and silver gradient backgrounds */th   {     color: #051D41; font-size: 11px; font-weight : bold;     background-color: #072978; height: 25px;     background-image: url(images/cellpic3.gif);}  td.cat{font-weight:bold;letter-spacing:1px;color:#516a88;background:#d9e2ec url(images/cellpic1.gif);height:29px;text-indent:4px}    /*   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 :-)*/td.cat,td.catHead,td.catBottom {     height: 29px;     border-width: 0px 0px 0px 0px;}th.thHead,th.thSides,th.thTop,th.thLeft,th.thRight,th.thBottom,th.thCornerL,th.thCornerR {     font-weight: bold; border: #E3F0FB; border-style: solid; height: 28px;}td.row3Right,td.spaceRow {     background-color: #80BBEC; border: #FFFFFF; border-style: solid;}  th.thHead,td.catHead { font-size: 12px; border-width: 1px 1px 0px 1px; }th.thSides,td.catSides,td.spaceRow    { border-width: 0px 1px 0px 1px; }th.thRight,td.catRight,td.row3Right   { border-width: 0px 1px 0px 0px; }th.thLeft,td.catLeft       { border-width: 0px 0px 0px 1px; }th.thBottom,td.catBottom  { border-width: 0px 1px 1px 1px; }th.thTop      { border-width: 1px 0px 0px 0px; }th.thCornerL { border-width: 1px 0px 0px 1px; }th.thCornerR { border-width: 1px 1px 0px 0px; }  /* The largest text used in the index page title and toptic title etc. */.maintitle   {     font-weight: bold; font-size: 22px; font-family: "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;     text-decoration: none; line-height : 120%; color : #000000;}  /* General text */.gen { font-size : 12px; }td.genmed,.genmed { font-size : 11px; }.gensmall { font-size : 10px; }.gen,.genmed,.gensmall { color : #000000; }a.gen,a.genmed,a.gensmall { color: #072978; text-decoration: none; }a.gen:hover,a.genmed:hover,a.gensmall:hover  { color: #041642; text-decoration: none; }  /* The register, login, search etc links at the top of the page */.mainmenu         { font-size : 11px; color : #000000 }a.mainmenu       { text-decoration: none; color : #072978;  }a.mainmenu:hover{ text-decoration: none; color : #041642; }  /* Forum category titles */.cattitle         { font-weight: bold; font-size: 12px ; letter-spacing: 1px; color : #072978}a.cattitle       { text-decoration: none; color : #072978; }a.cattitle:hover{ text-decoration: none; }  /* Forum title: Text and link to the forums used in: index.php */.forumlink       { font-weight: bold; font-size: 12px; color : #072978; }a.forumlink     { text-decoration: none; color : #072978; }a.forumlink:hover{ text-decoration: none; color : #041642; }  /* 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 : #000000;}a.nav             { text-decoration: none; color : #072978; }a.nav:hover       { text-decoration: none; }  /* titles for the topics: could specify viewed link colour too */.topictitle,h1,h2    { font-weight: bold; font-size: 11px; color : #000000; }a.topictitle:link   { text-decoration: none; color : #072978; }a.topictitle:visited { text-decoration: none; color : #072978; }a.topictitle:hover   { text-decoration: none; color : #041642; }  /* Name of poster in viewmsg.php and viewtopic.php and other places */.name             { font-size : 11px; color : #000000;}  /* 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; line-height: 18px}a.postlink:link  { text-decoration: none; color : #072978 }a.postlink:visited { text-decoration: none; color : #072978; }a.postlink:hover { text-decoration: none; color : #041642}  /* Quote & Code blocks */.quotetitle,.quote {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #444444; line-height: 125%;     background-color: #FAFAFA; border: #80BBEC; border-style: solid;     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}.quotetitle {background:#e1e7ec;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}.quote {background:#fafafa;border-top-width:0;color:#cc6633;font-size:11px;margin:0 20px 10px 20px}.quote {overflow:auto;height:40px}    .codetitle,.code {font-family: Courier, 'Courier New', sans-serif; font-size: 11px; color: #006600;     background-color: #FAFAFA; border: #80BBEC; border-style: solid;     border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px}.codetitle {font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}.code {background:#fafafa;border-top-width:0;color:#555;font:13px Courier,'Courier New',sans-serif;margin:0 20px 0 20px;line-height:110%}.code {overflow:auto;height:40px}.code {color:#060}  /* 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: none;}  /* Form elements */input,textarea, select {     color : #000000;     font: normal 11px Verdana, Arial, Helvetica, sans-serif;     border-color : #000000;}  /* The text input fields background colour */input.post, textarea.post, select {     background-color : #E3F0FB;}  input { text-indent : 2px; }  /* The buttons used for bbCode styling in message post */input.button {     background-color : #DAECFA;     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 ;)*/.helpline { background-color: #BADBF5; border-style: none; }  /* Import the fancy styles for IE only (NS4.x doesn't use the @import function) */@import url("templates/SwiftBlue/formIE.css");  .explaintitle{font-size:11px;font-weight:bold;color:#5c81b1}  .subtitle,h2{font:bold 18px/180% "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;text-decoration:none}  /* PHP blocks */.phptitle,.php {border:1px solid #a4bad2;padding:2px 2px 3px 3px}.phptitle {font-size:11px;background: #d8dfe4;text-indent:2px;font-weight:bold;margin:10px 20px 0 20px}.php {background:#fafafa;border-top-width:0;color:#555;font:13px Courier,'Courier New',sans-serif;margin:0 20px 0 20px;line-height:110%}.php {overflow:auto;height:40px}.php {color:#060}  /* This is for the error messages that pop up */.errorline{background:#add8e6;border:1px solid #000000}  /* Form elements */form{display:inline}  .fakebut{border:1px solid #000000;background:#fafafa;font-size:11px}  input.catbutton{border:1px solid #000000;background:#fafafa;font-size:10px}  a.but,a.but:hover,a.but:visited{color:#000000;text-decoration:none}  /*-- mod : profile cp --*/.foundercolor, a.foundercolor, a.foundercolor:link, a.foundercolor:active, a.foundercolor:visited {     color: #FF0000;     font-weight: bold;}a.foundercolor:hover {     color:   #FF0000;     text-decoration: underline;}.jadmincolor, a.jadmincolor, a.jadmincolor:link, a.jadmincolor:active, a.jadmincolor:visited {     color: #129DED;     font-weight: bold;}a.jadmincolor:hover {     color:   #129DED;     text-decoration: underline;}.admincolor, a.admincolor, a.admincolor:link, a.admincolor:active, a.admincolor:visited {     color: #FFA34F;     font-weight: bold;}a.admincolor:hover {     color:   #FF0000;     text-decoration: underline;}  .modcolor, a.modcolor, a.modcolor:link, a.modcolor:active, a.modcolor:visited {     color: #006600;     font-weight: bold;}a.modcolor:hover {     color:   #008000;     text-decoration: underline;}  .usercolor, a.usercolor, a.usercolor:link, a.usercolor:active, a.usercolor:visited {     color : #000000;     font-weight: bold;}a.usercolor:hover {     color: #DD6900;     text-decoration: underline;}/*-- fin mod : profile cp --*/  /* This is the gradient background at the top of the page */.topbkg{background: #dbe3ee url(images/cellpic_bkg.jpg) repeat-x}.topnav{font-size:10px;background: #b0c4d8 url(images/cellpic_nav.gif) repeat-x;height:21px;white-space:nowrap;border: 0px solid #91a0ae;border-width: 1px 0px 1px 0px}  /* Background images for tables */.tbl{border-collapse:collapse;height:4px;width:100%}.tbll{background: url(images/tb4_l.gif) no-repeat;width:8px}.tblbot{background: url(images/tb4_m.gif) repeat-x;width:100%}.tblr{background: url(images/tb4_r.gif) no-repeat;width:8px}  img{border:0 solid}  /* Form elements */form{display:inline}  input{font:11px Verdana,Arial,Helvetica,sans-serif}  select{background:#ffffff;font:11px Verdana,Arial,Helvetica,sans-serif}
Last edited by Jacky on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Jacky
User avatar
Jacky
Members
Members
 
Posts: 71
Likes: 0 post
Liked in: 0 post
Joined: Thu Apr 20, 2006 7:21 am
Cash on hand: 0.00

PostAuthor: Michaelo » Fri Sep 01, 2006 5:11 pm

The who_is_online is class subtitle...
There is a difference between .cat and td.cast
Where .cat is a class , td.cat is a .cat class insite a td
This allows yo to modify .cat if it occurs insde a tabledata (td) but not in all browsers...

In your case 'Who is Online' is controlled by...
[code]  .subtitle,h2{font]
18px is very big... I never use text this big!
Last edited by Michaelo on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Kiss Portal Engine phpbbireland (status: Released)
User avatar
Michaelo
Administrator
Administrator
 
Posts: 1646
Likes: 0 post
Liked in: 0 post
Joined: Sat Mar 11, 2006 5:14 pm
Cash on hand: 0.00
Location: Dublin, Ireland

PostAuthor: Jacky » Sat Sep 02, 2006 8:12 am

"Michaelo" wrote:The who_is_online is class subtitle...
There is a difference between .cat and td.cast
Where .cat is a class , td.cat is a .cat class insite a td
This allows yo to modify .cat if it occurs insde a tabledata (td) but not in all browsers...

In your case 'Who is Online' is controlled by...
[code]  .subtitle,h2{font]
18px is very big... I never use text this big!
I used the FI Subice's subtitle class and copy it over to my style.

Since FI Subice's "Who is Online" isn't very big, how come mine is too big?

Any suggestions?
Last edited by Jacky on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Jacky
User avatar
Jacky
Members
Members
 
Posts: 71
Likes: 0 post
Liked in: 0 post
Joined: Thu Apr 20, 2006 7:21 am
Cash on hand: 0.00

PostAuthor: Michaelo » Sat Sep 02, 2006 11:41 pm

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


In CSS everything is proportional to the table in which it appears... This text will be 180% of the text size defined for the table it appears in.... try 120% also some browsers don't support 18px/180% use either 18px or 180% etc.
Last edited by Michaelo on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Kiss Portal Engine phpbbireland (status: Released)
User avatar
Michaelo
Administrator
Administrator
 
Posts: 1646
Likes: 0 post
Liked in: 0 post
Joined: Sat Mar 11, 2006 5:14 pm
Cash on hand: 0.00
Location: Dublin, Ireland

PostAuthor: Jacky » Sun Sep 03, 2006 12:54 pm

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


In CSS everything is proportional to the table in which it appears... This text will be 180% of the text size defined for the table it appears in.... try 120% also some browsers don't support 18px/180% use either 18px or 180% etc.
Hmm I will try and look at that.

But the words in my Admin Panel are quite big.

Could it be .subtitle too?

The words that are big includes the Version Information block.
Last edited by Jacky on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Jacky
User avatar
Jacky
Members
Members
 
Posts: 71
Likes: 0 post
Liked in: 0 post
Joined: Thu Apr 20, 2006 7:21 am
Cash on hand: 0.00

PostAuthor: Michaelo » Sun Sep 03, 2006 6:35 pm

See if yuo can find any text using a percentage greater that 140% and reduce it... Some people like real big text I like 10,12,14 px anything else seems to be over the top <img>
Last edited by Michaelo on Wed Dec 31, 1969 4:00 pm, edited 1 time in total.
Kiss Portal Engine phpbbireland (status: Released)
User avatar
Michaelo
Administrator
Administrator
 
Posts: 1646
Likes: 0 post
Liked in: 0 post
Joined: Sat Mar 11, 2006 5:14 pm
Cash on hand: 0.00
Location: Dublin, Ireland


Return to IntegraMOD 140

Who is online

Registered users: Google [Bot]

cron