Hello
How to Add this...


I saw that on this Forum: http://animeph.4umer.com/forum


My forum: http://blood-line.forumtl.com/forum
:B|:

i think thats the home message i think u can use html for it am i right ? xD
give a try: Administration panel-->Display-->Homepage-->Generalities-->Homepage Message do it with Html like this

Code:

<img src="LINK GOES HERE">

and save :)
Hope it works

Cr4ZyBoY wrote:i think thats the home message i think u can use html for it am i right ? xD
give a try: Administration panel-->Display-->Homepage-->Generalities-->Homepage Message do it with Html like this

Code:

<img src="LINK GOES HERE">

and save :)
Hope it works

Hmm
I think thats not it bro

What i want
is Have a Effect if you point your mouse on that it will big....
& its clikable to

Ohhhhh i though it was other thing xD

Cr4ZyBoY wrote:Ohhhhh i though it was other thing xD

By the way
that code you give..
its not complete

its only for link...
Where the image code?

Let me Try if it works

Did u changed the LINK GOES HERE?

Cr4ZyBoY wrote:Did u changed the LINK GOES HERE?

I put link

but nothing happens

i think you miss something...

Code of the Image?

Add a closing tag on the Image, use this instead:

Code:

<img src="linkgoeshere" />

:):

Mark wrote:Add a closing tag on the Image, use this instead:

Code:

<img src="linkgoeshere" />

:):

Bro What is the code of that
?

i want something that effect is when you point the mouse on that it will big...
& All code please

thanks..

Well, as i read the whole topic, you do ask for image code.
Ok, i'll give this a try. :B|:

Thanks

visit this forum
http://animeph.4umer.com/forum

so you will see what i want
to have

thanks.

I will provide you similar to that, give this a try first, far more better than that.
- Put this in your CSS:

Code:

#testGallery {
   list-style:none;
   padding:25px;
   font:normal 85%/150% arial,helvetica,sans-serif;
}

#testGallery li {
   display:inline;
}

#testGallery br {
   display:none; /* BR are for non screen.css users */
}

#testGallery a {
   position:relative;
   zoom:1; /* fix IE positioning bugs */
   display:inline-block;
   padding-top:108px;
   text-decoration:none;
   z-index:1;
   -webkit-transition:z-index 0.5s 0;
   -moz-transition:z-index 0.5s 0;
   -o-transition:z-index 0.5s 0;
   transition:z-index 0.5s 0;
}

#testGallery a:active,
#testGallery a:focus,
#testGallery a:hover {
   z-index:999;
}

#testGallery a img {
   position:absolute;
   top:0;
   left:0;
   width:100px;
   height:100px;
   -webkit-transition:width 0.5s, height 0.5s, left 0.5s, top 0.5s;
   -moz-transition:width 0.5s, height 0.5s, left 0.5s, top 0.5s;
   -o-transition:width 0.5s, height 0.5s, left 0.5s, top 0.5s;
   transition:width 0.5s, height 0.5s, left 0.5s, top 0.5s;
}

#testGallery a:active img,
#testGallery a:focus img,
#testGallery a:hover img {
   top:-25px;
   left:-25px;
   width:150px;
   height:150px;
}

#testGallery span {
   display:inline-block;
   width:100px;
   height:4.5em; /* three lines */
   text-align:center;
}

- On your Homepage Message, put this:

Code:

<ul id="testGallery">

<li>
<a href="#">
<img src="IMAGEURLHERE">
<br /><span></span></a>
</li>

<li>
<a href="#">
<img src="IMAGEURLHERE">
<br /><span></span></a>
</li>

<li>
<a href="#">
<img src="IMAGEURLHERE">
<br /><span></span></a>
</li>

<li>
<a href="#">
<img src="IMAGEURLHERE">
<br /><span></span></a>
</li>

<li>
<a href="#">
<img src="IMAGEURLHERE">
<br /><span></span></a>
</li>

<li>
<a href="#">
<img src="IMAGEURLHERE">
<br /><span></span></a>
</li>

</ul>

Now all you need to edit is the IMAGEURLHERE and the # for the link of the image.

Yes i saw it wait i will find out how anyway try waht mark posted maybe it will help

Thanks its solved.......

Since the problem is solved, i'll locked this and move to archive section. :D:
~ Locked and Moved