| T O P I C R E V I E W |
| MarcelG |
Posted - 15 September 2005 : 19:17:27
A problem we're seeing often (especially here at Snitz) is that wide pieces of code stretch the entire page to the right, and makes the topic hard to read.
Wouldn't it be possible to 'mimic' the code box as shown on this page (forgetting the line numbers, which I think aren't necessary and even confusing as they're often not the same as the actual line numbers).
I really like the effect they use to wrap the code, and provide the horizontal scroll bar. Another nifty thing is that when you click the little triangle next to 'code' (left above the actual code) the box expands.
I think it's all done with some clever CSS, but unfortunately I cannot seem to actually _read_ the CSS they use. 
UPDATE
Instructions for this mod have been updated for 3.4.06.
The updated mod is available here.
-edit 25/2/2009: updated link location-< |
| 15 L A T E S T R E P L I E S (Newest First) |
| top |
Posted - 02 May 2012 : 07:34:16
Thank you works well now
And I was there in addition to not copy the text Topics forum
How can working copy the text Only in the context text[/scrollcode |
| NiteOwl |
Posted - 28 December 2007 : 18:15:47
Oh, thank you MargelG I thought this was designed to incorporate the scrollcode into the forum similar to what the SNiTZ forum has, so that I can post code and have the scrollable windo, I will open a new topic, (after a search of course) to find out how to bring in the scrollcode to my forum.
< |
| MarcelG |
Posted - 28 December 2007 : 13:54:03
NiteOwl, my mod changes the way the CODE tags look once posted...it does not add the scrollcode tags.
If you post something like this, it should work as normal.
[code]code
code
code
etc[/code]
But, if you post this, you'll definitely get the scrollcode text, cause my function does not do anything with the [scrollcode] tag
[code][scrollcode]code
code
code
etc[/scrollcode][/code]
If you want the codeboxes as shown here on Snitz.com, you should follow Huw's post on the previous page.< |
| NiteOwl |
Posted - 28 December 2007 : 13:26:25
Interesting, I followed the instructions to a "t" that were provided by MarcelG and I too now have the words scrollcode and /scrollcode in the [ ] brackets with all the code visible and also when I use the normal code tags I get the words code and /code in the [ ] brackets.
I have only edited the inc_header_short, the inc_header and the inc_function_common
I have backed out the inc_function_common changes for now, and my code/code functions properly again, I too would like to have the scrollcode/scrollcode abilities just like SNiTZ. I suspect that a step has been left out or something from the link provided?? or is it because I am using SNiTZ 3.4.05
< |
| MarcelG |
Posted - 19 January 2007 : 14:18:23
Instructions for this mod have been updated for 3.4.06.
The updated mod is available here.< |
| MarcelG |
Posted - 19 January 2007 : 13:51:17
OBmoderator, this mod does not provide you with the tags [scrollcode][/scrollcode].
Instead, it provides you an alternate method of displaying the normal [code] tags.< |
| OBmoderator |
Posted - 18 January 2007 : 09:11:00
OK let me get back to the beginning.......
I want the boxes showing in my forum like above.
How do I do it?
I have tried using the "replacements" mentioned by HuwR and Marcel
but it doesn't work.
what I get is the words scrollcode and /scrollcode in the [ ] brackets with the code visible
After I use the "replacements" and try using the normal code tages I get the same look.
but I get the words code and /code in the [ ] brackets< |
| Shaggy |
Posted - 18 January 2007 : 08:26:05
This is a replacement for the [code] tag, it does not add a new tag to your forum.
< |
| OBmoderator |
Posted - 18 January 2007 : 08:18:05
well this code doesn't seem to work on my forum I get scrollcode in the brackets with the content but no boxes
Marcell do you have a mod that will accomplish the same thing?
I'm looking at yours above and it seems just two changes.
One goes in the inc-header.asp (I think)
not sure where the other goes< |
| MarcelG |
Posted - 18 January 2007 : 01:28:04
The boxes like here are completely different, and they're not made using the code I provided.< |
| OBmoderator |
Posted - 17 January 2007 : 06:24:00
Thanks Marcel,
I still don't get the boxes like here.
Is it possible to repost the mod again in it's entirety?
I must be missing something< |
| MarcelG |
Posted - 17 January 2007 : 05:47:48
OBModerator ; the code you're trying to put in inc_header.asp (below in RED) is HTML.
You trying to post it inbetween ASP without ending the ASP first.
"<!--" & vbNewLine & _
.scrollcode
{
height:200;
width:650;
overflow:scroll;
color:#<%= strDefaultFontColor %>;
background-color:#<%= strAltForumCellColor %>;
border : thin solid #<%= strTableBorderColor %>;
font : 9pt #<%= strDefaultFontFace %>;
}
"a:link
Convert it to response.writes first:
Replace the red part with this:
" .scrollcode" & vbNewLine & _
" height:200;" & vbNewLine & _
" width:650;" & vbNewLine & _
" overflow:scroll;" & vbNewLine & _
" color:#" & strDefaultFontColor & ";" & vbNewLine & _
" background-color:#" & strAltForumCellColor & ";" & vbNewLine & _
" border : thin solid #" & strTableBorderColor & ";" & vbNewLine & _
" font : 9pt #" & strDefaultFontFace & ";" & vbNewLine & _
" }" & vbNewLine & _ < |
| OBmoderator |
Posted - 16 January 2007 : 14:04:04
here is what I understand:
replace the code tags in inc_func_common.asp with this:
Did it and no errors.
Add the following to inc_func_posting.asp:
below
Did it No problems.
add the following:
to the style section of inc_header.asp
did it and it errors out.
here is the edited file with the instructed inclusion:
What did I do wrong?< |
| Shaggy |
Posted - 16 September 2005 : 07:20:39
Just so you know, overflow-x and overflow-y are only supported by IE at the moment.
Also, to prevent the junp to the top of the page add return false; before closing the togglewrap() function.
< |
| MarcelG |
Posted - 16 September 2005 : 07:18:40
Thanks for that. It's not exactly doing what I expected. But never mind, that's something for after the weekend. 
I now use this style for the code:
".code {margin-left: 15pt;margin:0px; padding:4px; border:1px inset; width:550px; height:auto; overflow-x:scroll;overflow-y:auto; overflow: -moz-scrollbars-horizontal;background-color:" & strAltForumCellColor & ";font-family: Courier New, Courier, Monaco, mono; font-size: 11px;color:" & strDefaultFontColor & ";}" & vbNewLine & _
So, I changed the togglewrap function to this:
function togglewrap(){
if (document.getElementById('code').style.overflow-x == 'scroll'){
document.getElementById('code').style.overflow-x = ''
}else{
document.getElementById('code').style.overflow-x = 'scroll'
}
}When I click the 'expand' link, I get back to the top of the page, and that's it.
But, as I said, I'm in no hurry.  < |
|
|
