problem with smf theme

[londonhogfan]

http://www.razorbacklegacy.com/hog_archive/displayimage.php?album=66&pos=3

on some of my pages a few of the pics have a border around them on the right and bottom then when the mouse is over them they are gone.  It makes the page jump around.  I really like the theme, but don't know if I can stand that this.  Anyone know what could fix this?

[snork13]

this belongs in "themes" section maybe a mod can move?


hint:

Code Select Expand

.image {
border-color: #000000;
border-style: solid;
border-width: 1px;
margin: 2px;
filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=100);
margin: 2px;
-moz-opacity: 0.5;

}

a:visited .image, a:visited .image1 {
border-bottom: 3px solid #6B8EAE;
border-right: 3px solid #6B8EAE;
filter: Shadow(Direction=120);
}

a:hover .image, a:hover .image1 {
border-bottom: #FFFFFF 1px solid;
border-left: #FFFFFF 1px solid;
border-right: #FFFFFF 1px solid;
border-top: #FFFFFF 1px solid;
filter: Blur(Add=1, Direction=120, Strength=1);
}

it's in the filter's causing this, maybe the shadow filter

this seems to be something  added, as i tested the demo

you might be able to make the thumbnails smaller too

[londonhogfan]

Sorry about that.  I had just came from the themes forum and posted here on mistake.  I ended up just deleting the entire "visited" section and that worked for me.

while I'm at it does anyone know how I could take the fade effect off the _normal size pics and leave it on just the thumbnails?  also is there any way to make the fade a little weaker?  Thanks for your help

[snork13]

Sorry about that.  I had just came from the themes forum and posted here on mistake.  I ended up just deleting the entire "visited" section and that worked for me.

while I'm at it does anyone know how I could take the fade effect off the _normal size pics and leave it on just the thumbnails?  also is there any way to make the fade a little weaker?  Thanks for your help

i haven't taken a long look at this theme, but for all themes.

take a look at the theme.php for determine which css "class" is used for each image size. might only be using one class for all images. So you would have to change the class for the normal view, and add that "class" attributes to the style.css within the theme.

always make backups first.

after looking at the theme and style sheet, you could try around line 533 in smf_filmleft theme:

Code Select Expand

// HTML template for intermediate image display
$template_display_picture = <<<EOT

find:

Code Select Expand

{IMAGE}

and replace with:

Code Select Expand

<div id="normal">{IMAGE}</div>

and in your style sheet add:

Code Select Expand

.normal {filter: none;}

hope this helps understand the way

snork