Pictures code
2 posters
Page 1 of 1
Pictures code
Hi there
I want to ask you. I will attempt to illustrate that make it easier to understand
When I have you mouse over an image occurs post:
when I move the mouse it disappears:
What is the code?
I want to ask you. I will attempt to illustrate that make it easier to understand
When I have you mouse over an image occurs post:
when I move the mouse it disappears:
What is the code?
Re: Pictures code
What do you mean by no change?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
What code did you add? Did you modify the picture to suit your requirements?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
Sorry, but i don't need a video. Just post me the code you added. I will tell you what went wrong.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
Nopes, with video i will have problems copying the code. Please just copy paste the code here.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
I know what you want. Did you even read the tutorial link i gave?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
The tutorial explains it in a very easy way to be honest. I don't know how better to explain. You can ask me questions on which parts you don't understand.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
- Code:
<head>
<style>
#xyz{
display: block;
width: 100px;
height: 20px;
background: url("http://i49.tinypic.com/2ckcph.png") no-repeat 0 0;
}
#xyz:hover
{ background-position: 0 -20px;
}
</style>
</head>
<body>
<div align="center"><a id="xyz" href="http://www.webartzforum.com" title="Roll Over"></a></div>
</body>
</html>
ok, here is a picture: https://i.imgur.com/Bb988.png
and text is am.. Nina Dobrev (Example)
now where I can place it?
Re: Pictures code
Now you need to add the text on the same picture & place it below the above picture. So the height of the image exactly gets doubled.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
I created a html page on my test forum.
http://testing.4rumer.com/h8-delicious
This is the image i used & modified the code accordingly.
http://testing.4rumer.com/h8-delicious
- Code:
<head>
<style>
#xyz{
display: block;
width: 500px;
height: 100px;
background: url("http://i46.tinypic.com/4jtis2.jpg") no-repeat 0 0;
}
#xyz:hover
{ background-position: 0 -100px;
}
</style>
</head>
<body>
<div align="center"><a id="xyz" href="http://xyz.com" title="Roll Over"></a></div>
</body>
</html>
This is the image i used & modified the code accordingly.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
As i said, its the image where you have to write the text. So the image itself contains the text.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
The image should be like this.
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
Solved?
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Re: Pictures code
Topic Solved & Locked |
Sanket- ForumGuru
- Posts : 48766
Reputation : 2830
Language : English
Location : Mumbai
Similar topics
» When i paste a long code via [code][/code] the page expands
» Code for showing that a post has pictures?
» Code for adding pictures to the Table Rows?
» When editing, link code for pictures no longer shows up.
» Rank pictures with no avatar pictures
» Code for showing that a post has pictures?
» Code for adding pictures to the Table Rows?
» When editing, link code for pictures no longer shows up.
» Rank pictures with no avatar pictures
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum