wallpaper'

can u add wallpaper's in a html page so member can see the images ?

you mean like gallery?

If you know how to create a html page , yes it can be done. Most sites like photobucket will give you the html codes to the image you want to display. If you do not know how to create html page, just let it known and we'll go from there.

If you want it like this (http://www.aweza.net/Gallery-Test-h7.htm)
So tell and i give you the code.

Pictures used ( No avatar by CraZyWolf)

Gangstar15 wrote:you mean like gallery?

nope

WHITESABBATH wrote:If you know how to create a html page , yes it can be done. Most sites like photobucket will give you the html codes to the image you want to display. If you do not know how to create html page, just let it known and we'll go from there.

i know how 2 create a html page mate

Gangstar15 wrote:If you want it like this (http://www.aweza.net/Gallery-Test-h7.htm)
So tell and i give you the code.

Pictures used ( No avatar by CraZyWolf)

well yes so how ?

CSS

Code:

<style type="text/css">

.gallerycontainer{
position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{
position: absolute;
background-color: lightblue;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50;
left: 700px;
z-index: 50;
}

</style>

HTML

Code:


<div class="gallerycontainer">

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="66px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="66px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<br>

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="75px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="70px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<br>

</div>

Gangstar15 wrote:
CSS

Code:

<style type="text/css">

.gallerycontainer{
position: relative;

}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{
position: absolute;
background-color: lightblue;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{
visibility: visible;
top: 50;
left: 700px;
z-index: 50;
}

</style>

HTML

Code:


<div class="gallerycontainer">

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="66px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="66px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<br>

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="75px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<a class="thumbnail" href="#thumb"><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png" border="0" height="70px" width="100px"><span><img src="http://i64.servimg.com/u/f64/15/04/77/18/blue13.png"><br>No Avatar</span></a>

<br>

</div>

thank u but how can i add my images 2 it ?

Change the image in these codes.

Code:

<a class="thumbnail" href="#thumb"><img src="IMAGE URL HERE" border="0" height="66px" width="100px"><span><img src="IMAGE URL AGAIN HERE"><br>Text that shown under the pic.</span></a>

do add more pictures just copy and paste the code above.

thanks

Since this thread is marked solved, I will lock this thread.


Sanket