The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Pictures code

2 posters

Go down

Solved Pictures code

Post by delicious August 20th 2012, 8:17 pm

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:
Pictures code NJYJM

when I move the mouse it disappears:
Pictures code DHmyF

What is the code?
delicious
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 August 21st 2012, 9:34 am

anyone helps me?
delicious
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 August 21st 2012, 9:40 am

Sanket
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 9:48 am

No, nothing change Sad
delicious
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 August 21st 2012, 9:50 am

What do you mean by no change?
Sanket
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 9:53 am

Well, this code did not for me.. Sad
delicious
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 August 21st 2012, 9:54 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 9:57 am

Yes, but then picture gone.
Moment, I send a short video..
delicious
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 August 21st 2012, 9:59 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 10:31 am

With video, you better understand who I want Smile
delicious
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 August 21st 2012, 10:38 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 10:54 am

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

Now what is this html code?
delicious
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 August 21st 2012, 10:58 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 10:59 am

yes, I read, but I'm dont understand Sad
delicious
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 August 21st 2012, 11:02 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 11:07 am

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?
delicious
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 August 21st 2012, 11:08 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 11:10 am

Or you can place it, and post a received code?
delicious
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 August 21st 2012, 11:23 am

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.
Pictures code 4jtis2
Sanket
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 11:30 am

ok, but where write the text?
delicious
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 August 21st 2012, 11:31 am

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

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 11:33 am

This needs to have a photo with the words?
delicious
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 August 21st 2012, 11:34 am

The image should be like this.
Pictures code 4jtis2
Sanket
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 11:35 am

oh, now i'm realized Smile
delicious
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 August 21st 2012, 11:36 am

Solved?
Sanket
Sanket
ForumGuru

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

Back to top Go down

Solved Re: Pictures code

Post by delicious August 21st 2012, 11:37 am

yes:)
delicious
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 August 21st 2012, 11:38 am

Topic Solved & Locked
Sanket
Sanket
ForumGuru

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

Back to top Go down

Back to top

- Similar topics

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