| Author |
Message |
christianb
Worker
Joined: Nov 24, 2004
Posts: 131
Location: Batesville, AR
|
 Posted:
Mon Apr 18, 2005 12:43 pm |
|
Considering this is an easy question for some, and I am stumped, thanks in advance!
Using:
phpNuke: 7.6 (I know this is a 6.9 forum, however, it is also the latest version forum as well - this should apply to 6.9)
bb version: 2.0.13 (whatever the latest is, I believe)
theme: kaput
Problem:
When I insert [code] - 2 issues exist.
- 1 - the page is fixed to the resolution - I want it to expand off the page so that all the code is displayed correctly -or- I want the box to scroll to show more code left <--> right using a fixed width.
- 2 - the inserted code cannot be resized. I want to be able to resize the code if - 1 - cannot be done.
Any ideas? |
| |
|
 
|
|
christianb
|
| Posted:
Mon Apr 18, 2005 8:33 pm |
|
Since this was moved from the bb forum to the Nuke 7.6 forum, I'm assuming now that this is an issue with Nuke, and not bbcode or phpbb? |
| |
|
|
|
|
VinDSL
Life Cycles Becoming CPU Cycles
Joined: Jul 11, 2004
Posts: 614
Location: Arizona (USA) Admin: NukeCops.com Admin: Disipal Designs Admin: Lenon.com
|
| Posted:
Mon Apr 18, 2005 11:13 pm |
|
If I understand you correctly, you DO NOT want the lines to wrap in the code examples in your forums.
Example: http://www.lenon.com/postx7-0-0.html
If this what you have in mind? |
_________________
.:: "The further in you go, the bigger it gets!" ::.
.:: Only registered users can see links on this board! Get registered or login! | Only registered users can see links on this board! Get registered or login! ::. |
|
 |
|
christianb
|
| Posted:
Tue Apr 19, 2005 5:49 am |
|
Yeah, I want it to do that for when there's code - like in that example. It appears the only resolution that works fine with it (currently) is 1152x864 (or higher).
I've seen websites where the text in code was formatted correctly but the code box had scroll options on it as well. - that was an option.
The goal is to display code text correctly. |
| |
|
|
|
|
VinDSL
|
| Posted:
Wed Apr 20, 2005 6:53 pm |
|
Yes, okay then...
As far as the various 'textarea' hacks go, I don't subscribe to them, so to speak, e.g. I don't like them. I find them more irritating than wrapped code. So, I'm of no help to you there.
The alternative is horizontal scrolling (the way I do it on my site) which sucks big time, but IMHO is better than wrapped lines or scrolling/zooming text boxes. Personally, when I'm looking at code examples, I could care less if it scrolls past the edge of the screen. I'm more focused on the code than somebody's theme - but that's just me...
So, if you want to settle for a compromise, and take the ghetto path, I can explain how to do that very quickly. It'll take me longer to type this post than for you to make the change to your PHP-Nuke theme[s].
Every PHP-Nuke theme has a cascading style sheet called 'themes/(theme name)/style/style.css'. In 'style.css' you should find a class called '.code'. This controls the look 'n' feel of code blocks in phpBB. All you have to do is add the following line to that section, and save :
Code:
white-space: nowrap;
|
For instance, this is what the '.code' section looks like for my default theme:
Code:
.code {
background-color: #999999;
background-repeat: repeat-x;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
color: #434444;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: bold;
white-space: nowrap;
}
|
LoL! That's it! Simple pimple...  |
| |
|
|
|
|
christianb
|
| Posted:
Thu Apr 21, 2005 7:22 am |
|
I'm possibly lost now as my style.css doesn't have that area.
Code:FONT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TD {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
BODY {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
P {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
DIV {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
INPUT {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
TEXTAREA {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
FORM {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px}
A:link {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:active {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:visited {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
A:hover {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.title {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.content {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 11px; FONT-FAMILY: Verdana, Helvetica}
.storytitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 14px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.storycat {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.boxtitle {BACKGROUND: none; COLOR: #363636; FONT-SIZE: 11px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.boxcontent {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 12px; FONT-FAMILY: Verdana, Helvetica}
.option {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 13px; FONT-WEIGHT: bold; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.tiny {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 10px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: none}
.footmsg_l {BACKGROUND: none; COLOR: #000000; FONT-SIZE: 8px; FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Helvetica; TEXT-DECORATION: underline}
.box {FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 11px; border: 1px solid #000000; background-color: #FFFFFF}
|
|
| |
|
|
|
|
christianb
|
| Posted:
Thu Apr 21, 2005 7:25 am |
|
Ok, I added the code you have on your website,
Code:.code {
background-color: #999999;
background-repeat: repeat-x;
border-bottom: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
color: #434444;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-variant: normal;
font-weight: bold;
white-space: nowrap;
}
|
and now it works. However, now everything is bold lol (but that is customizable - hehe) |
| |
|
|
|
|
Guardian2003
Site Admin
Joined: Aug 28, 2003
Posts: 6799
Location: Ha Noi, Viet Nam
|
| Posted:
Thu Apr 21, 2005 5:24 pm |
|
Exactly!
So all you have to do is change the line;
font-weight: bold
to stop it 'bolding'
I have not tried it myself but something like this should work;
font-weight: normal
Or you could even just remove that line altogether |
| |
|
|
|
christianb
|
| Posted:
Thu Apr 21, 2005 7:33 pm |
|
I changed it - along with the font size - gonna play around with it - works great though. |
| |
|
|
|
|
|
|
![[Valid RSS]](https://www.ravenphpscripts.com/images/valid-rss.png "Validate my RSS feed"){kind=small}
