HOME | DD

Description
My first tutorial I guess. Do not laugh...

And apologises for my bad english...

If you want to see it in action click this link: [link]

Edit: fixed errors pointed out by =pumacatrun2 Thanks!

If anything else, feel free to comment/note me.

--------------------------------------------------

Here is complete code rewritten from the tutorial:

body
{background: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

h2
{background: #B0B0B0;
height: 100px;
margin: 30px 0px 0px 0px;
padding: 50px 10px 0px 30px;
font-family: Arial;
font-weight: bolded;
font-size: 40px;
color: #E12FDB;
letter-spacing: 5px;}

.folderview-top .description
{text-align: justify;
background: #B0B0B0;
width: 200px;
margin: 60px 10px 10px 0px;
padding: 30px 20px 30px 20px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;}

.folderview-top .description a:link
{color: #E12FDB;
font-weight: bolder;}

.folderview-top .description a:hover
{color:#FFFFFF;
font-weight: bolder;}

.folderview-art
{margin-top: 60px;
vertical-align: middle;
text-align: center;
font-family: Arial;
color: #E12FDB;
font-size: 16px;
padding-left: 40px;}

.folderview-art span .shadow a
{display: table-cell;
padding: 10px;
width: 200px;
height: 200px;
vertical-align: middle;
background-image: url([link] );}

.folderview-art span .shadow a:hover
{display: table-cell;
padding: 10px;
width: 200px;
height: 200px;
vertical-align: middle;
background-image: url([link] );}

.folderview-art span a:link
{color: #E12FDB;
font-family: Arial;
font-size: 14px;
font-weight: bolder;
letter-spacing: 3px;}

.folderview-art span a:hover
{color: #FFFFFF;
letter-spacing: 3px}

------------------------------------------------------------------------

Though, purpose of this tutorial is NOT to give you code/gallery skin, but to describe what line, what parameter of code does what to the gallery folder appearance.

Description
My first tutorial I guess. Do not laugh...

And apologises for my bad english...

If you want to see it in action click this link: [link]

Edit: fixed errors pointed out by =pumacatrun2 Thanks!

If anything else, feel free to comment/note me.

--------------------------------------------------

Here is complete code rewritten from the tutorial:

body
{background: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;}

h2
{background: #B0B0B0;
height: 100px;
margin: 30px 0px 0px 0px;
padding: 50px 10px 0px 30px;
font-family: Arial;
font-weight: bolded;
font-size: 40px;
color: #E12FDB;
letter-spacing: 5px;}

.folderview-top .description
{text-align: justify;
background: #B0B0B0;
width: 200px;
margin: 60px 10px 10px 0px;
padding: 30px 20px 30px 20px;
font-family: Arial;
font-size: 14px;
font-weight: normal;
color: #FFFFFF;}

.folderview-top .description a:link
{color: #E12FDB;
font-weight: bolder;}

.folderview-top .description a:hover
{color:#FFFFFF;
font-weight: bolder;}

.folderview-art
{margin-top: 60px;
vertical-align: middle;
text-align: center;
font-family: Arial;
color: #E12FDB;
font-size: 16px;
padding-left: 40px;}

.folderview-art span .shadow a
{display: table-cell;
padding: 10px;
width: 200px;
height: 200px;
vertical-align: middle;
background-image: url([link] );}

.folderview-art span .shadow a:hover
{display: table-cell;
padding: 10px;
width: 200px;
height: 200px;
vertical-align: middle;
background-image: url([link] );}

.folderview-art span a:link
{color: #E12FDB;
font-family: Arial;
font-size: 14px;
font-weight: bolder;
letter-spacing: 3px;}

.folderview-art span a:hover
{color: #FFFFFF;
letter-spacing: 3px}

------------------------------------------------------------------------

Though, purpose of this tutorial is NOT to give you code/gallery skin, but to describe what line, what parameter of code does what to the gallery folder appearance.