Coding-Spot

You are not connected. Please login or register

 
 

How to Add this......

Message (Page 1 of 1)


 
Advance Member

Posted on Sat Apr 20, 2013 2:54 pm

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



View user profile http://blood-line.forumtl.com



 
Advance Member

Posted on Sat Apr 20, 2013 4:00 pm

 
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



View user profile http://www.iron-players.forumhe.com



 
Advance Member

Posted on Sat Apr 20, 2013 4:05 pm

 
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



View user profile http://blood-line.forumtl.com



 
Advance Member

Posted on Sat Apr 20, 2013 4:07 pm

 
Ohhhhh i though it was other thing xD



View user profile http://www.iron-players.forumhe.com



 
Advance Member

Posted on Sat Apr 20, 2013 4:10 pm

 
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



View user profile http://blood-line.forumtl.com



 
Advance Member

Posted on Sat Apr 20, 2013 4:11 pm

 
Did u changed the LINK GOES HERE?



View user profile http://www.iron-players.forumhe.com



 
Advance Member

Posted on Sat Apr 20, 2013 4:14 pm

 
Cr4ZyBoY wrote:Did u changed the LINK GOES HERE?
I put link

but nothing happens

i think you miss something...

Code of the Image?



View user profile http://blood-line.forumtl.com



 
Administrator
Administrator

Posted on Sat Apr 20, 2013 5:13 pm

 
Add a closing tag on the Image, use this instead:
Code:
<img src="linkgoeshere" />


:):



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Apr 20, 2013 5:15 pm

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



View user profile http://blood-line.forumtl.com



 
Administrator
Administrator

Posted on Sat Apr 20, 2013 5:20 pm

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



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Apr 20, 2013 5:22 pm

 
Thanks

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

so you will see what i want
to have

thanks.



View user profile http://blood-line.forumtl.com



 
Administrator
Administrator

Posted on Sat Apr 20, 2013 5:39 pm

 
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.



View user profile http://coding-spot.darkbb.com



 
Advance Member

Posted on Sat Apr 20, 2013 5:41 pm

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



View user profile http://www.iron-players.forumhe.com



 
Advance Member

Posted on Sat Apr 20, 2013 5:44 pm

 
Thanks its solved.......



View user profile http://blood-line.forumtl.com



 
Administrator
Administrator

Posted on Sat Apr 20, 2013 5:45 pm

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



View user profile http://coding-spot.darkbb.com


#16

Sponsored content


 

Posted Today at 11:54 am

 





Message (Page 1 of 1)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None