The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Pictures code

View previous topic View next topic Go down

Solved Pictures code

Post by delicious on Mon Aug 20 2012, 21:17

Hi there Smile
I want to ask you. I will attempt to illustrate that make it easier to understand Smile
When I have you mouse over an image occurs post:


when I move the mouse it disappears:


What is the code?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 10:34

anyone helps me?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 10:40

avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 10:48

No, nothing change Sad
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 10:50

What do you mean by no change?
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 10:53

Well, this code did not for me.. Sad
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 10:54

What code did you add? Did you modify the picture to suit your requirements?
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 10:57

Yes, but then picture gone.
Moment, I send a short video..
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 10:59

Sorry, but i don't need a video. Just post me the code you added. I will tell you what went wrong.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 11:31

With video, you better understand who I want Smile
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 11:38

Nopes, with video i will have problems copying the code. Please just copy paste the code here.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 11:54

Here, this is video: http://videobam.com/IOiHv

Now what is this html code?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 11:58

I know what you want. Did you even read the tutorial link i gave?
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 11:59

yes, I read, but I'm dont understand Sad
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:02

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.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 12:07

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: http://i.imgur.com/Bb988.png
and text is am.. Nina Dobrev (Example)
now where I can place it?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:08

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.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 12:10

Or you can place it, and post a received code?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:23

I created a html page on my test forum.
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.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 12:30

ok, but where write the text?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:31

As i said, its the image where you have to write the text. So the image itself contains the text.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 12:33

This needs to have a photo with the words?
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:34

The image should be like this.
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 12:35

oh, now i'm realized Smile
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:36

Solved?
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

Post by delicious on Tue Aug 21 2012, 12:37

yes:)
avatar
delicious
Forumember

Female Posts : 213
Reputation : 1
Language : lithuanian

http://wildchild.forumlt.com/

Back to top Go down

Solved Re: Pictures code

Post by Sanket on Tue Aug 21 2012, 12:38

Topic Solved & Locked
avatar
Sanket
ForumGuru

Male Posts : 48766
Reputation : 2828
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum