I have an obscure coding question. I'm trying to position an image on top of just the first image in the "latest images" block on the home page (example below). I've been playing around with setting the square image as a background image, playing around with z-index and all sorts of stuff but can't figure it out. Any suggestions?I have no plans with WP widgets for now.
You're going to have to use relative positioning to do this. Here's a tutorial i've sent people towards before:I have an obscure coding question. I'm trying to position an image on top of just the first image in the "latest images" block on the home page (example below). I've been playing around with setting the square image as a background image, playing around with z-index and all sorts of stuff but can't figure it out. Any suggestions?
If I can make it click-able, that would be amazing.
View attachment 20410
As always I love this addon
I'm not having a lot of luck. I know I need to do something with z-index. In the code below, I need the background image from .firstImage to show on top of the pulled user image in .thumbnailHolder .thumbnail imgYou're going to have to use relative positioning to do this. Here's a tutorial...
.thumbnailList
{
overflow: hidden; zoom: 1;
padding-right: 0px;
}
.thumbnailHolder
{
float: left;
}
.firstImage
{
margin-left: 0px;
background-image:url('http://www.slruser.com/styles/default/xenforo/icons/image_upload.gif');
background-repeat: no-repeat;
background-position:left top;
}
.thumbnailHolder .boxModelFixer
{
overflow: hidden; zoom: 1;
margin-top: 6px;
margin-right: 13px;
margin-bottom: 3px;
margin-left: 0px;
padding: 0px;
border: 0px solid #f7f7f7;
border-radius: 0px;
}
.thumbnailHolder .thumbnail
{
margin: 0 auto;
width: 135px;
height: 135px;
line-height: 110px;
text-align: center;
background-color: #9BCA30;
}
.thumbnailHolder .thumbnail img
{
max-height: 400px;
width: 215px;
position: relative;
overflow: hidden;
top: 0px;
left: -30px;
z-index: 1;
}
What do you have the css position attribute set as for the parent and the child elements?I'm not having a lot of luck. I know I need to do something with z-index. In the code below, I need the background image from .firstImage to show on top of the pulled user image in .thumbnailHolder .thumbnail img
Code:.thumbnailList { overflow: hidden; zoom: 1; padding-right: 0px; } .thumbnailHolder { float: left; } .firstImage { margin-left: 0px; background-image:url('http://www.slruser.com/styles/default/xenforo/icons/image_upload.gif'); background-repeat: no-repeat; background-position:left top; } .thumbnailHolder .boxModelFixer { overflow: hidden; zoom: 1; margin-top: 6px; margin-right: 13px; margin-bottom: 3px; margin-left: 0px; padding: 0px; border: 0px solid #f7f7f7; border-radius: 0px; } .thumbnailHolder .thumbnail { margin: 0 auto; width: 135px; height: 135px; line-height: 110px; text-align: center; background-color: #9BCA30; } .thumbnailHolder .thumbnail img { max-height: 400px; width: 215px; position: relative; overflow: hidden; top: 0px; left: -30px; z-index: 1; }
I figured it out. Relative/absolute positioning along with z-index.What do you have the css position attribute set as for the parent and the child elements?
Of course that would be awesome!Would people like to be able to post user albums images into posts ? Like this ?
View attachment 20451
I tried that and it said I already had the latest update?
I tried that and it said I already had the latest update?
Here is a link to a album, the light box is not working right at all
http://flytyingbug.com/useralbums/some-guy-with-a-thread-feathers-and-a-hook.32/view
I like this idea
I'm in phpAdmin and this is the date format for an image or album I just now uploaded: 1319836825
WTF is that? How do I change the date and is there a way to change the date format?
Thanks!!! LOL @ having to do this manually.Unix timestamp ... http://www.onlineconversion.com/unix_time.htm
We use essential cookies to make this site work, and optional cookies to enhance your experience.