Teh ForumCSS Guide

  

Press Ctrl+Enter to quickly submit your post
Quick Reply  
 
 
  
 From:  Dr Nick (FOZZA)   22 Sep 2010 01:08 
 To:  ALL 1 of 19 
37721.1 

Just trying to make a new style for a forum.

 

Understand enough about the CSS to plug in the correct hex color where I need to.

 

However not sure which bit of the SS coresponds to which bit of the forum.

 

Is there an idiots guide or a picture ref etc?

 

Cheers

 

Fozza
0/0
 Reply   Quote More 

 From:  CHYRON (DSMITHHFX)   22 Sep 2010 01:31 
 To:  Dr Nick (FOZZA)      2 of 19 
37721.2 In reply to 37721.1 
Try something like dom inspector to identify exactly which element's style you need to fuck with.

----
What can't social media do?
  • Make coffee
  • Tie its shoes
  • Spell
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)   22 Sep 2010 08:58 
 To:  Dr Nick (FOZZA)      3 of 19 
37721.3 In reply to 37721.1 
What that bloke said.

More specifically, get Firebug plugin for Firefox, and use its inspect tool, and it'll identify where styles come from.

(There's similar tools built into IE/Chrome/Opera, but Firebug is just that bit easier.)
0/0
 Reply   Quote More 

 From:  Dr Nick (FOZZA)   22 Sep 2010 09:28 
 To:  Peter (BOUGHTONP)      4 of 19 
37721.4 In reply to 37721.3 
Cool have installed them both.

Just trying to figure out on the fly why things like this is happening.

I would like the lgo in the top.php to be floating a little higher. so it is not cut off come sa....
0/0
 Reply   Quote More 

 From:  koswix   22 Sep 2010 09:34 
 To:  Dr Nick (FOZZA)      5 of 19 
37721.5 In reply to 37721.4 
It's because you have the ask jeeves toolbar installed.

GIVE ME MEAT! :@ msg:37418.1
0/0
 Reply   Quote More 

 From:  Dr Nick (FOZZA)   22 Sep 2010 10:30 
 To:  koswix      6 of 19 
37721.6 In reply to 37721.5 
Happens on firefox too. Which has no extra tool bars. :(
0/0
 Reply   Quote More 

 From:  JonCooper   22 Sep 2010 13:35 
 To:  Dr Nick (FOZZA)      7 of 19 
37721.7 In reply to 37721.4 
if that was HTML and not PHP I would suggest looking at the 'border' properties - does PHP (or the CSS) set the 'border' dimension?
Jon
0/0
 Reply   Quote More 

 From:  ANT_THOMAS   22 Sep 2010 13:39 
 To:  ALL 8 of 19 
37721.8 
Here's the code from the top frame on here...

HTML code:
<body style="margin: 0px; background-color: rgb(36,55,74);">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td align="left" valign="middle"><a href="http://www.beehiveforum.net/" target="_blank"><img src="./images/beehive_logo.png" border="0" alt="Beehive Logo" /></a></td>
    <td align="right" valign="middle"><a href="http://sourceforge.net" target="_top"><img src="http://sourceforge.net/sflogo.php?group_id=50772&amp;type=2" width="125" height="37" border="0" alt="SourceForge.net Logo" /></a>&nbsp;</td>
 
  </tr>
</table>
</body>
 

Make sure you've got the margins and stuff as 0 and 0px. All you really need to do here is change the images and colours.
0/0
 Reply   Quote More 

 From:  Dr Nick (FOZZA)   22 Sep 2010 16:29 
 To:  ANT_THOMAS      9 of 19 
37721.9 In reply to 37721.8 

Yeah all set to 0

 

I think I just need to add a few rows (75 rather than 60 to the top frame with the logo in) . However I can't find the file to change that in.
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)   22 Sep 2010 23:42 
 To:  Dr Nick (FOZZA)      10 of 19 
37721.10 In reply to 37721.9 
quote:
I think I just need to add a few rows (75 rather than 60 to the top frame with the logo in)


So search the source code for 60, find the relevant place, and change it to 75. :)


And if you're about to ask 'how', then grab software like FileLocator Lite which allows you to do regex searches, and search *.php files for "\b60\b" (without quotes) and it should show you relevant matches (without including 360 or 600 or similar; that's what the \b things prevent).


Though in this specific case, what you want is in index.php - there's a handful of occurrences where the top frameset size is set to 60 in assorted ways - change to 75 and you should be fine.
(Possibly there are some other files too, but try index.php first and if it doesn't work use the search above to locate others.)
0/0
 Reply   Quote More 

 From:  CHYRON (DSMITHHFX)   23 Sep 2010 11:11 
 To:  Dr Nick (FOZZA)      11 of 19 
37721.11 In reply to 37721.9 
try a float: attribute.

----
What can't social media do?
  • Make coffee
  • Tie its shoes
  • Spell
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)   23 Sep 2010 11:24 
 To:  Dr Nick (FOZZA)      12 of 19 
37721.12 In reply to 37721.9 
Why would he do that? Floating doesn't change height.
0/0
 Reply   Quote More 

 From:  CHYRON (DSMITHHFX)   23 Sep 2010 23:57 
 To:  Peter (BOUGHTONP)      13 of 19 
37721.13 In reply to 37721.12 
Abandoning using tables for layout structure would be my first choice, but we're looking for desperate hacks here...

----
What can't social media do?
  • Make coffee
  • Tie its shoes
  • Spell
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)   23 Sep 2010 23:59 
 To:  CHYRON (DSMITHHFX)      14 of 19 
37721.14 In reply to 37721.13 
Desperate hacks? :? He just wants his top bar bigger to fit a larger image.

He can resize the frame, plonk in the new image, and all will be fine?
0/0
 Reply   Quote More 

 From:  CHYRON (DSMITHHFX)   24 Sep 2010 00:22 
 To:  Peter (BOUGHTONP)      15 of 19 
37721.15 In reply to 37721.14 
Really. WTF is that white margin top and left, then?

----
What can't social media do?
  • Make coffee
  • Tie its shoes
  • Spell
0/0
 Reply   Quote More 

 From:  Peter (BOUGHTONP)   24 Sep 2010 01:31 
 To:  CHYRON (DSMITHHFX)      16 of 19 
37721.16 In reply to 37721.15 
I dunno, I wasn't paying attention. Is it not part of the image?

It's probably a white margin. Or white padding. Or a white border. Maybe even a white outline.

But in any case, Firebug can identify what it's on and it can be removed by adding/modifying appropriate styles - and if markup needs changing, since it's a non-default webtag, the top.html can be modified freely, and wont get overwritten on upgrade.


Though this might all be pointless if he's got it fixed now - I am wondering a bit why Fozza's not returned yet to say "all working" or "help I'm stuck" or something else. :S
0/0
 Reply   Quote More 

 From:  CHYRON (DSMITHHFX)   24 Sep 2010 02:37 
 To:  Peter (BOUGHTONP)      17 of 19 
37721.17 In reply to 37721.16 

Yeah well, duh. :{)

 

Wifout the actual code to look at, we're all just guessing.

 

Just guessing, if a float:left don't fix it, or a position:absolute; left:0; top:0; don't fix it, the poor bastard is fuxored, and good luck with that.

 

:-(( :-(( :-((


----
What can't social media do?
  • Make coffee
  • Tie its shoes
  • Spell
0/0
 Reply   Quote More 

 From:  Dr Nick (FOZZA)   24 Sep 2010 08:31 
 To:  Peter (BOUGHTONP)      18 of 19 
37721.18 In reply to 37721.16 
quote:
I am wondering a bit why Fozza's not returned yet to say "all working" or "help I'm stuck" or something else


Because Fozza has been away on a business meeting.

But am back now :)

Yes the index.php was the key it had two references to top_frame which needed to be changed.

I had changed one of them before but missed the second one.

The forum is www.evelofa.com/forum
I still need to play with it a bit but on the whole it's working.

Would like to get the color scheme more like the actual site and I would maybe like to customsise a few more of the icons. Overall however I'm quite chuffed with it.

Massive thanks for everybodies help getting it up and running
0/0
 Reply   Quote More 

 From:  milko   28 Sep 2010 17:12 
 To:  Dr Nick (FOZZA)      19 of 19 
37721.19 In reply to 37721.4 
Hey buddy. why haven't you called it "League of Ascension"? (giggle)

milko
0/0
 Reply   Quote More 

Reply to All    
 

1–19

Rate my interest:

Adjust text size : Smaller 10 Larger

Beehive Forum 1.5.2 |  FAQ |  Docs |  Support |  Donate! ©2002 - 2024 Project Beehive Forum

Forum Stats