SimplePortal
Customization => Custom Coding => Topic started by: skeletonkiss on May 20, 2010, 01:47:28 AM
-
So, I'm using smf 2 rc3 and the latest SP. I'm using it as a sidebar, and most of the blocks are html with various things in them, and I've made lovely header graphics for them.
But I've added a who's online block, a gallery block, and for a bit a staff block, and sadly those don't have anywhere to put a header image. In the html blocks, I just stick an image above whatver else I put in there, and I would like to do something similar to this versus just putting the image in the title style, because then it floats ABOVE the actual block, which isn't the desired effect.
You can see what I mean in the screenshot:
http://sdbd.hellishbeauty.com/screenshot.png
Anyway, is there a way to achieve this?
-
Sorry but I am unable to help with your question. I had a look at the forum and am very impressed with the colour scheme.
Everything blends well together perfectly.
-
Thanks!
I'd really love to find a solution to this problem, though. ;)
-
Have a look at the 'template_block_curve' function from the 'Themes/default/Portal.template.php' file. You may be able to add it in there somewhere. That would mean that every block has the image, instead of just a few (it would also save manually putting it at the top of every html block).
-
Yeah, that's not going to work for me. Plus, I think that would do about the same thing as styling the block itself, which only adds a background or title image, neither of which achieving what I want.
-
Have you tried? Seriously, that function contains the HTML outline of each block, if you want to change something related to a blocks appearance, like adding an image, that is the place to do it (or editing the css of course).
-
I don't want the same image in every block though. I want specific images in each block. Like in the screen shot, I need it to be above whatever the block contains, but still within the body of the block.
-
Then you want to change the individual blocks in PortalBlocks.php
An easy first step in getting where you want to go is to pick one of the blocks you want to change.
function sp_staff is an easy one to begin with. You can do something like this in each of the blocks you want to change.
echo '
<table class="sp_fullwidth">';
foreach ($staff_list as $staff)
$block_image_url = 'http://gallery.hellishbeauty.com/albums/userpics/10001/thumb_Picture_011.jpg';
echo '
<img src="', $block_image_url, '">';
echo '
<table class="sp_fullwidth">';
foreach ($staff_list as $staff)
-
Okay, now will that put the image inside the block but centered and above whatever the block contains? (See the image in my original post, how there are little text-images above things, but still within the rounded borders of the blocks?) or will it just put it as a background image, behind whatever is in the block?
-
That will put it above whatever the block contains.
If you wanted it as a background image, you would do that very differently.
As for customizing the appearance, I invite you to read a nice HTML/css reference and play with the generated HTML until you get it the way you like it. You can decide on centering, on setting the height/width the way you want it, etc.
When you've got it just the way you like it, you can move on to doing the same for your other blocks.