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.


Block Header Images

Login / Search

 [ Join | More ]
 Add topic 
Posted
Rating:
#32587 (In Topic #7391)
Joe
Avatar

Honoured member

Gosh, I need to learn this theming stuff. :P

Well, as Chris said, everyone needs to start somewhere. :) How would I go about adding left and right rounded corner images to the headers of blocks? Also, I'd need to add a middle gradient. I always look at the template files before I request support, but it can sometimes get a bit confusing and leaves me to just ask. I figure if I ask for support, I'd remember these things and possibly learn a little something about the coding in these files while I go.

Back to the top
 
Posted
Rating:
#32595
Avatar

Community saint

The files I sent you should explain, specially the css part I sent you.

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#33526
Joe
Avatar

Honoured member

I've created the images and implemented them into ocPortal, however I'm a bit stuck.  :$

I cannot seem to align my image at the top of the block; it's sagging downwards. :P


Back to the top
 
Posted
Rating:
#33528
Avatar

You may want to get Firebug, and then use its "Inspect" tool to see what's in the gap between the image and the top of the block.

Back to the top
 
Posted
Rating:
#33529
Avatar

Community saint

is that one big image?
It looks like a css issue to me.

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
Posted
Rating:
#33531
Joe
Avatar

Honoured member

I don't have Firefox. :(

Back to the top
 
Posted
Rating:
#33532
Joe
Avatar

Honoured member

I've managed to get as far as here:



Now, how do I get rid of the non-rounded corners?

Back to the top
 
Posted
Rating:
#33666
Joe
Avatar

Honoured member

*bump*

Back to the top
 
Posted
Rating:
#33672

Non-joined user

This is Amy, you know that css code I sent you try removing that.
Back to the top
 
Posted
Rating:
#34432
Avatar

Community saint

edit your images

Do your images have transparent corners where the white is showing? Try placing the same color blue background  behind your rounder corners. I've attached an example. Hope this helps…:)



Back to the top
 
Posted
Rating:
#34457
Joe
Avatar

Honoured member

They're transparent, however I think the problem is because the blocks don't have rounded corners. The images I've added to the header of the blocks just overlap the block, leaving the corners of the block to show in place of the image's transparent corners (which is why we've been staring at these ugly non-rounded corners for about 3 months as I don't know how to get rid of them!)

Anyways, I can't believe I didn't think to try what you suggested, Ladashton. I've gotten the corners to finally go rounded, but now we've ran into another problem, sadly. Take a look at this attachment:



What do you think?

Back to the top
 
Posted
Rating:
#34459
Avatar

Community saint

That looks like a border issue.

I run http://otakuplayground.com and am hopping to make themes and other things for ocportal even though I no longer use it for otakuplayground.com I still love it and feel it could go far with the right help. It needs themes and needs people to advertise for it.
Back to the top
 
There are too many online users to list.
Control functions:

Quick reply   Contract

Your name:
Your message: