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 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:


when I move the mouse it disappears:


What is the code?

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 August 21st 2012, 9:34 am

anyone helps me?

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 August 21st 2012, 9:40 am


Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

No, nothing change Sad

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 August 21st 2012, 9:50 am

What do you mean by no change?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

Well, this code did not for me.. Sad

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 August 21st 2012, 9:54 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

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

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

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

With video, you better understand who I want Smile

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 August 21st 2012, 10:38 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

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

Now what is this html code?

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 August 21st 2012, 10:58 am

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

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

yes, I read, but I'm dont understand Sad

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

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

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

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

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

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 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.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

ok, but where write the text?

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

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

This needs to have a photo with the words?

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

The image should be like this.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

oh, now i'm realized Smile

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

Solved?

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: Pictures code

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

yes:)

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

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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