Here you can use this..., and it should do the trick.
/* Custom Scrolling Quote and Code Sections By: SloDesignz */
.quote_header {
background: url(images/thead_bg.gif) repeat-x top left; /* Quote Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}
.quote_body {
background-color: #FFFFFF;
border-top: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 1px solid #0B198C;
border-right: 1px solid #0B198C;
overflow: auto; /* Scroll */
height: 150px; /* Scroll Height */
font-style: italic;
padding: 4px;
}
.code_header {
background: url(images/thead_bg.gif) repeat-x top left; /* Code Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}
.code_body {
background-color: #FFFFFF;
border-top: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 1px solid #0B198C;
border-right: 1px solid #0B198C;
overflow: auto; /* Scroll */
height: 150px; /* Scroll Height */
padding: 4px;
}
Excellent,but it is not exactly like the one here but I am happy with it.
tristam Wrote:Excellent,but it is not exactly like the one here but I am happy with it.
Yeah that code option gives you the option to have the quote section and the code section to be scrollable and also different in css colors and images if wanted.
If you want them the exact same and don't need that option.., well then you could shorten the code as follows:
.quote_header, .code_header {
background: url(images/thead_bg.gif) repeat-x top left; /* Quote Header Background Image */
background-color: #E1E4F2;
border-top: 1px solid #0B198C;
border-right: 1px solid #0B198C;
border-left: 1px solid #0B198C;
border-bottom: 0px;
font-weight: bold;
color: #FFFFFF;
padding: 4px;
}
.quote_body, .code_body {
background-color: #FFFFFF;
border: 1px solid #0B198C;
overflow: auto; /* Scroll */
height: 150px; /* Scroll Height */
font-style: italic;
padding: 4px;
}
I applied this code but it is still not the same as this.The code you gave me the second time also gives me the same effect.
I am making the grestull Theme check it out it's a thread ere somewhere. It's probably what your looking for.
I saw grestull.Looks nice but it is not like the one here.
tristam Wrote:I applied this code but it is still not the same as this.
Try This:
.quote_header, .code_header {
background-color: #FFFFFF;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-bottom: 0px;
font-weight: bold;
color: #000000;
padding: 4px;
}
.quote_body, .code_body {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
overflow: auto; /* Scroll */
height: 150px; /* Scroll Height */
font-style: italic;
color: #000000;
padding: 4px;
}
This time the first code worked out.Its perfect except for the fact that even if we type 1 line of text it is taking up a lot of space.eg
It should be like this.Just one line.
dgaghlllllhah It is just 1 line of code.
But the code box is taking up a lot of space.