1
xltran
Quote & text box with scroll bars in posting
  • 2006/3/30 21:50

  • xltran

  • Just popping in

  • Posts: 23

  • Since: 2002/7/28


I noticed XOOPS and other site pages have quote of text in a box with horizontal and vertical scroll bar. How is this done when posting to a forum in XOOPS and other general HTML and mediawiki? If anyone know, please post the syntax. Thanks!!

2
JMorris
Re: Quote & text box with scroll bars in posting
  • 2006/3/30 22:11

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


This might be what you're looking for...

div.xoopsCode {
    
background#FAFAFA;
    
border1px solid #6C87B0;
    
color#385a72;
    
width400px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding5px;
    
font11px FixedSys"Courier New"Couriermonospace;
}
div.xoopsQuote {
    
background#FAFAFA;
    
border1px solid #6C87B0;
    
color#385a72;
    
width400px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding5px;
    
font11px FixedSys"Courier New"Couriermonospace;
}


HTH

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

3
martyboy
Re: Quote & text box with scroll bars in posting
  • 2006/3/31 0:34

  • martyboy

  • Quite a regular

  • Posts: 256

  • Since: 2004/5/25


Thanks for posting that I was wondering how that was achieved also.

Cheers.
Michael Jackson = King Of Pop

Xoops = King Of CMS

4
xltran
Re: Quote & text box with scroll bars in posting
  • 2006/4/3 14:34

  • xltran

  • Just popping in

  • Posts: 23

  • Since: 2002/7/28


Thank you for the respond with the code and syntax. I am new to this, please show me an example how I may use the code with some test text like "Hello World" in a posting. I tried cut and paste the exact code suggested but it did not work due to my part not knowing how to use it in a post. Thanks again!!

5
JMorris
Re: Quote & text box with scroll bars in posting
  • 2006/4/3 17:12

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Basically, all you're doing in the above code is defining a CSS class. For example, for every div that has a class (.) of xoopsQuote, the following CSS will be applied...

background#FAFAFA;
    
border1px solid #6C87B0;
    
color#385a72;
    
width400px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding5px;
    
font11px FixedSys"Courier New"Couriermonospace;


Now, you can apply such CSS tricks to any class you want. For example, say you want to reuse this CSS for a custom class on your homepage. Start out by naming your class. For our example, we'll call it customclass1

.customclass1 {}


Everything you place in the curly brackets {} will be CSS definitions for the class .customclass1

Now paste the CSS definitions inside the curly brackets, like so... (Note: this should be placed in your style.css file)

.customclass1 {
    
background#FAFAFA;
    
border1px solid #6C87B0;
    
color#385a72;
    
width400px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding5px;
    
font11px FixedSys"Courier New"Couriermonospace;
}


Now simply apply the above class to the HTML element you wish to have the desired effect. Since we did not specify div, or p, or td in the class definition, we can apply it to whatever HTML element we wish. For example...

<class="customclass1">Hello World!p>
~OR~
<
div class="customclass1">Hello World!div>


Hope that helps.

JM
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

6
irmtfan
Re: Quote & text box with scroll bars in posting
  • 2006/8/2 3:10

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


it works fine in FF
but in IE xoopscode works but xoopsquote still doesnt have any scroll.

7
JMorris
Re: Quote & text box with scroll bars in posting
  • 2006/8/2 3:15

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


IE and FF treat padding and margins differently. Sometimes you'll have a scrollbar in one browser and not the other. Check with a longer amount of text.

I've tested this method with FF, IE and Opera and it works with all of them.

Here's a sample of the code in action:

http://mywebresource.com/modules/smartsection/item.php?itemid=254

HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

8
irmtfan
Re: Quote & text box with scroll bars in posting
  • 2006/8/3 3:35

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


Yes and xoopsCode works fine for me too.
the problem is in xoopsQuote & IE:
Quote:
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote
This is a test for xooquote This is a test for xooquote This is a test for xooquote This is a test for xooquote

9
JMorris
Re: Quote & text box with scroll bars in posting
  • 2006/8/3 10:00

  • JMorris

  • XOOPS is my life!

  • Posts: 2722

  • Since: 2004/4/11


Copy the CSS from xoopsCode and use it to define xoopsQuote.

HTH.

James
Insanity can be defined as "doing the same thing over and over and expecting different results."

Stupidity is not a crime. Therefore, you are free to go.

10
irmtfan
Re: Quote & text box with scroll bars in posting
  • 2006/8/3 11:57

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


JMorris, im not a newbie and some kind of namphy bamphy user, thanks to God.

i said xoopsCode and xoopsQuote works fine in FF.
but only xoopsCode works in IE and xoopsQuote doesnt.

this is the code:


/* for code and quote */
div.xoopsQuote {
    
width800px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding1px;
    
}

div.xoopsCode {
    
width800px;
    
max-height250px;
    
margin0.5em;
    
overflowauto;
    
padding1px;
    
}

Login

Who's Online

168 user(s) are online (114 user(s) are browsing Support Forums)


Members: 0


Guests: 168


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