HTML Logo by World Wide Web Consortium (www.w3.org). Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS, which is now in beta. ocPortal 9 will be superseded by Composr 10.

Head over to compo.sr for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.


changing header

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#49076 (In Topic #10703)

Non-joined user

how?

I'm having difficulty changing the header. i've changed the header menu no problem. I want to keep the header design, but add an image here and there.

The linkcode in the header template just points to "logourl".

The logo wizard is just a quick temporary option.

It would be great if there was a search bar on the forum or tutorial page so I can search for these answers myself.


What do I do?

Al
Back to the top
 
Posted
Rating:
#49077
Avatar

I think the fixed width tutorial includes an explanation of how to do this.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#49078
Avatar

(Just checked, yes it does)

You can search the tutorials from the search box on the tutorial index, or from inside your browser (when on a tutorial IE or Firefox will have a 'Add search engine' link for our site).


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#49080

Non-joined user

Thanks Chris. I can't find a search box on this page:

Tutorials - ocPortal.com

Are you referring to another index?





Al
Back to the top
 
Posted
Rating:
#49082

Non-joined user

I've managed to get my own image in the logo by messing with the image templates. I wish to tweak the header further by adding a background image to the whole area to the right of the logo. I can't find what image template or part of the ocp4 which controls this part of the header. The only clue I have is that that part seems to be controlled by the css "global_zones".

Can someone point me in the right direction?

I followed the tutorial, but it wants me to wipe out the default header completely. I don't want to do this as the default header is near perfect for what I want. All I'd like to do is add a couple of images.

Is this possible or will I be making a header from scratch?
Back to the top
 
Posted
Rating:
#49084
Avatar

Community saint

I'm still using v.3.2.10, but I fudged this prickly problem by building an image to the dimensions laid down for an ad banner, then activated the banner option (can't remember the exact edit sequence, but it isn't difficult to get to from the Admin panel) that doesn't rotate.

Of course, if you intend using the banner option to display paid-for banners, then this won't be an option.

You can see it on my site (link in sig).

Take my advice. I'm not using it!

View my working ocPortal site (version 9.x.x) at Anglo-Indian Portal
Back to the top
 
Posted
Rating:
#49096
Avatar

Guest said

Thanks Chris. I can't find a search box on this page:

Tutorials - ocPortal.com

Are you referring to another index?





Al

Our bad, no longer people could not find it. It must have gone missing at some point but I've just put it back.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#49097
Avatar

I've managed to get my own image in the logo by messing with the image templates. I wish to tweak the header further by adding a background image to the whole area to the right of the logo. I can't find what image template or part of the ocp4 which controls this part of the header. The only clue I have is that that part seems to be controlled by the css "global_zones".

There isn't really a true direct answer, although I'll give you one anyway.

This is because really it comes down to the rules of XHTML and CSS – ocPortal doesn't define what you can and can't do – any valid XHTML and CSS changes made to HEADER.tpl/global.css to achieve the effect would work.

This said I think (not tested) you could add something like:

Code

.global_top {
   background: url('{$IMG;,somenewimage}') right top no-repeat;
}
where 'somenewimage' is a theme image, e.g. a file uploaded to themes/<yourtheme>/images_custom/somenewimage.png.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
Posted
Rating:
#49100

Non-joined user

Thanks Chris. That's the kind of answer I was looking for.

I won't go for the banner option. I might want to use that at some point.

I've put this code in:

background: url('{$IMG;,myimage}') right top no-repeat;*/

I deleted the semi-colon after $IMG to see if that made a difference. The image "myimage" exists in the manage images folder.

Nothing changes in the header though when I go to my administration zone.

I think I am missing something basic. :$
Back to the top
 
Posted
Rating:
#49101
Avatar

First check is to look at the CSS. Firebug is good for that but you can also view the XHTML source, find the CSS URL, and open it up. You need to see if the image has been resolved to a proper URL.
Then it comes down to debugging the CSS.

I can't really get into specifics of writing/debugging CSS though without it being commercial support, so I'll duck out here – if you'd like commercial support please open a ticket and we can give you a quote on it. Otherwise some other users may be able to help you.


Become a fan of ocPortal on Facebook or add me as a friend. Add me on on Twitter.
Was I helpful?
  • If not, please let us know how we can do better (please try and propose any bigger ideas in such a way that they are fundable and scalable).
  • If so, please let others know about ocPortal whenever you see the opportunity.
  • If my reply is too Vulcan or expressed too much in business-strategy terms, and not particularly personal, I apologise. As a company & project maintainer, time is very limited to me, so usually when I write a reply I try and make it generic advice to all readers. I'm also naturally a joined-up thinker, so I always express my thoughts in combined business and technical terms. I recognise not everyone likes that, don't let my Vulcan-thinking stop you enjoying ocPortal on fun personal projects.
  • If my response can inspire a community tutorial, that's a great way of giving back to the project as a user.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: