Portal block css editing
5 posters
Page 1 of 1
Portal block css editing
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.
Re: Portal block css editing
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;
just add the image url script and change the image info
. 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
Jalokim- Energetic
- Posts : 6113
Reputation : 223
Language : English,Polish,CSS,HTML
Location : Poland
Re: Portal block css editing
Jalokim wrote:
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.
Re: Portal block css editing
what i mean is that you paste your image url to:
- Code:
background-image: url('URL of bar');
- Code:
background-color: set color;
- Code:
color: text color;
Jalokim- Energetic
- Posts : 6113
Reputation : 223
Language : English,Polish,CSS,HTML
Location : Poland
Re: Portal block css editing
ooh interresting is it possible to give evermodule different borders though?
Maxiamento- Forumember
- Posts : 182
Reputation : 0
Language : English
Re: Portal block css editing
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...
<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...
zakir321- New Member
- Posts : 0
Reputation : 2
Language : english
Re: Portal block css editing
^^^ ooooh .... interesting
This is going into my bible of CSS stuff. Thanks sunny
This is going into my bible of CSS stuff. Thanks sunny
Jalokim- Energetic
- Posts : 6113
Reputation : 223
Language : English,Polish,CSS,HTML
Location : Poland
Re: Portal block css editing
Very welcome.
zakir321- New Member
- Posts : 0
Reputation : 2
Language : english
Similar topics
» User block in portal and portal on forum view
» Block the Portal?
» portal block
» my portal block
» how can i add a new block in portal?
» Block the Portal?
» portal block
» my portal block
» how can i add a new block in portal?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum