Portal block css editing

[Decibel]

Is it possible to add a link for a bar to the top of each portal block? I'm kinda new to css editing and think I found where it goes(blockquote), but not sure how to incorporate it..Thanks in advance.

[Jalokim]

Its not block quote! that I am certain of
. the CSS editing of the portal block will effect every one of your portal blocks.

in your CSS locate;

Code:

/* Modules-------------------------------------------------*/
.module {
margin-bottom: 4px;
padding: 0 10px;
background-image: url('URL of bar');
background-repeat: repeat-x;
background-color: color;
color: text color;

just add the image url script and change the image info

[Decibel]

Ok, i got the image url..what do you mean by changing the image info?

[Uber Lord]

in your CSS locate;

Code:

/* Modules-------------------------------------------------*/
.module {
margin-bottom: 4px;
padding: 0 10px;
background-image: url('URL of bar');
background-repeat: repeat-x;
background-color: color;
color: text color;

just add the image url script and change the image info

He means that find that code in Administration Panel -> Styles -> Colors -> CSS Stylesheet.

[Jalokim]

what i mean is that you paste your image url to:

Code:

background-image: url('URL of bar');

set the background color of the portal block at:

Code:

background-color: set color;

and finally set the color of the text on the portal in:

Code:

color: text color;

[Maxiamento]

ooh interresting is it possible to give evermodule different borders though?

[Sunny_D]

pretty much, but only for those modules that you can edit (this is for example not the case for the Recent Topics or the News module). Edit your module in the Portal Structure site and place the following codes:

<div class="block1" width="100%" height="100%"> at the beginning of the module, and
</div> at the very end of the module so that the whole content is wrapped.

The red part is the class of that modules background. All div's with the same class will get the same background. That means if you want another module to have another background, name it's class "block2", "block3" and so on. Note that a class should always start with a letter.

Now you can go to your CSS ("Styles / Colors / CSS Stylesheet") and enter these codes to the textfield - one for each class:

.module .block1 {background-image:url("IMAGE URL 1")}
.module .block2 {background-image:url("IMAGE URL 2")}
etc...

[Jalokim]

^^^ ooooh .... interesting
This is going into my bible of CSS stuff. Thanks sunny

[Sunny_D]

Very welcome.