4 winAMP skins, 1 Livejournal S2 layout, 9 Jaejoong icons

Nov 17, 2009 21:36

Visual Pollution presents 4 winamp skins and 1 Livejournal S2 layout:

2 Taemin (from SHINee) winamp skin
1 Jaejoong (from TVXQ) winamp skin
1 A.N.JELL (F.T. Island) winamp skin

Thumbnails:





9 Jaejoong (from TVXQ) icons
Previews:



Livejournal S2 (flexible squares) layout
featuring Jaejoong (from TVXQ)
Thumbnail


Layout can be see in action at promisedd!
Installation instructions are under the cut.



winAMP skin screencap


Taemin Lee (SHINee) winAMP Skin:
features;
[x] Custom cursor.
[x] Skinned for video player.
download?
(unzip and the .wsz will automatically install skin when you double-click it)

Download latest player?

winAMP skin screencap


Taemin Lee (SHINee) winAMP Skin:
features;
[x] Custom cursor.
[x] Skinned for video player.
download?
(unzip and the .wsz will automatically install skin when you double-click it)

Download latest player?

winAMP skin screencap


Jaejoong Kim (TVXQ) winAMP Skin:
features;
[x] Custom cursor.
[x] Skinned for video player.
download?
(unzip and the .wsz will automatically install skin when you double-click it)

Download latest player?

winAMP skin screencap


A.N.JELL (F.T. Island) winAMP Skin:
features;
[x] Custom cursor.
[x] Skinned for video player.
download?
(unzip and the .wsz will automatically install skin when you double-click it)

Download latest player?

9 Jaejoong icons

1
2
3







4
5
6







7
8
9







Livejournal S2 (flexible squares) layout
featuring Jaejoong (from TVXQ)
Thumbnail


Layout can be see in action at promisedd!

How to Install

How to install this layout:

1.) If you're using SYSTEM 1 layouts, first go to Journal Display and change the Style System to S2. Click Save Changes.

2.) In the Journal Display, now go to Select a New Theme, and in the search box search Flexible Squares and click on any layout with that theme. Click Save Changes.

3.) Now go to Custom CSS. At that section, select "No" in each of the dropdown menus, and in the large section at the bottom that says, Custom stylesheet, paste in the following code:

textarea, input, select, option
{
background-color: #FDFDFD !important;
color: #A797B9 !important; border:1px solid #D8CB9B !important;
font-family: "tahoma", sans-serif;
font-size: 10px; }

textarea {
width:300px;}

BODY {
margin-top: 20px;
background-color:#D1DADA;
background-image: url('http://i33.tinypic.com/dnyjnt.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #5d5d5d;
font-family: "tahoma", sans-serif;
font-size: 10px;
scrollbar-arrow-color:#9CC2D5;
scrollbar-track-color:#D1DADA;
scrollbar-face-color:#F8F1EF;
scrollbar-highlight-color:#D1DADA;
scrollbar-3dlight-color:#9CC2D5;
scrollbar-darkshadow-color:#D1DADA;
scrollbar-shadow-color:#D1DADA;
}

a, a:link, a:visited {
text-decoration: none;
color: #F785A0;
padding: 0px;
}

b, div#sidebar b, strong, div#sidebar strong {
color: #99BB6F;
padding: 0px;
}

i, div#sidebar i, em, div#sidebar em {
color: #E9B387;
padding: 0px;
}

u, div#sidebar u {
color: #CCA38B;
padding: 0px;
}

a:hover {
color: #D1DADA;
padding: 0px;
}

p, td, blockquote {
font-size: 10px;
}

code, kbd, pre, tt {
font-family: tahoma;
}

#content {
width: 700px;
margin-left: auto; margin-right: auto;
background-color: #E4E1D8;
background-image: url('http://i33.tinypic.com/dnyjnt.jpg');
background-repeat: repeat;
border-left: solid 0px #54121C;
border-right: solid 0px #54121C;
border-bottom: solid 0px #54121C;
padding: 10px;
text-align: right; }

#maincontent {
margin-top: 10px;
padding: 2px;
font-family: "tahoma", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
color:#A797B9;
border-top: solid 1px #D8CB9B;
border-left: solid 1px #D8CB9B;
border-right: solid 1px #D8CB9B;
border-bottom: solid 1px #D8CB9B;
margin-right:0px;
margin-left: 160px;
margin-top: 40px;
text-align: justify;
}

#header {
width: auto;
height: 32px;
margin: 0px;
padding: 5px;
color: #E3266E;
background-color: transparent;
background-image: url();
background-repeat: repeat;
font-weight: lighter;
font-family: times;
font-size: 25px;
letter-spacing: 2px;
text-align: center;

}

#footer {
float: center;
height: 30px;
z-index: 100;
clear: both;
margin: 0;
padding: 6px 0px 6px 0px;
text-align: center;
font-size: 10px;
font-weight: lightest;
font-family: tahoma;
color: #A497B9;
letter-spacing: 2px;
background-color: transparent;
background-image: url();
background-repeat: repeat;
}

#sidebar {
padding-top: 10px;
margin-top: 52px;
background-color: #FDFDFD;
background-image: url();
background-repeat: repeat;
border-top: solid 1px #D8CB9B;
border-left: solid 1px #D8CB9B;
border-right: solid 1px #D8CB9B;
border-bottom: solid 1px #D8CB9B;
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #D1786F;
width: 150px;
float: left;
text-align: justify;
}

/* header -- links to views; title of journal; subtitle of journal */
div#header a, div#header a:link, div#header a:active, div#header a:visited {
color: #A497B9;
padding: 5px;
font-size: 10px;
font-family: tahoma;
font-variant: small-caps;
font-weight: normal;
text-decoration; none;
}
div#header a:hover {
color: #D1DADA;
padding: 5px;
font-weight: normal;
text-decoration; none;
}

div#footer a, div#footer a:link, div#footer a:active, div#footer a:visited {
color: #D1DADA;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

div#footer a:hover {
color: #ABC58B;
padding: 5px;
font-weight: normal;
text-decoration; none;
text-transform: none;
}

ul.navheader {
padding: 0px;
margin: 0px;
}

ul.navheader li {
display: inline;
padding: 0 0px 0 0px;
}

.title {
text-align: center;
color: #D1786F;
font-family: "century gothic", sans-serif;
font-variant: small-caps;
font-size: 14pt;
letter-spacing: 1px;
text-transform: ;
padding: 3px;
}

.subtitle {
text-align: center;
color: #A2525C;
font-family: "tahoma", sans-serif;
font-variant: small-caps;
font-size: 8pt;
letter-spacing: 2pt;
margin-bottom:3px;
text-transform: lowercase;
}

/* footer */

ul.navfooter {
padding: 10px;
margin: 0px;
}
ul.navfooter li {
display: inline;
margin: 0 0px 0 0px;
}
.clearfoot {
display: none;
clear: both;
}

/* SIDEBAR */

div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #F67C94
}

div#sidebar a:hover {
color:#ABC58B;
background-image: url('');
background-repeat: repeat;
text-decoration: none;
}

.defaultuserpic {
text-align:center;
background-color: transparent;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border-top:#2A2F42 0px solid;
border-right:#2A2F42 0px solid;
border-bottom:#2A2F42 0px solid;
border-left:#2A2F42 0px solid;
padding:2px;
}

.sbarheader {
padding: 0px 5px 0px 5px;
color: #B28F8D;
text-align: center;
}

.sbarbody {
padding: 0 2px 0 2px;
}

.sbarbody2 {
padding: 0 2px 0 2px;
}

table.calendar {
margin-right: auto;
margin-left: auto;
}

.sbarcalendar {
border-color: #D8CB9b;
border-width: 1px;
border-style: solid;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}

.sbarcalendarposts {
border-color: #F67C94;
border-width: 1px;
border-style: solid;
background-color:#fdfdfd;
background-image: url();
background-repeat: repeat;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}

ul.sbarlist
{
padding-left: 0px;
margin-left: 0px;
list-style: none;
}

li.sbaritem {
list-style: none;
background: #fdfdfd;
background-image: url();
background-repeat: repeat;
border-left: solid 4px #D8CB9b;
border-bottom: solid 1px #D8CB9b;
border-right: dashed 0px #E2E4B6;
border-top: solid 0px #57111C;
}

li.sbaritem:hover {
background: #D1DADA;
border-left: solid 4px #D1786F;
color:#D1786F;
}

li.sbartitle
{
padding-left: 0px;
padding-right: 0px;
text-align:left;
padding: 2px;
list-style: none;
margin-bottom: 1px;
margin-top: 0px;
color:#F67C94;
border-top: solid #D8CB9B 1px;
border-left: dashed #BBBBBB 0px;
border-bottom: solid #D8CB9B 1px;
border-right: dashed #BBBBBB 0px;
font-weight: none;
font-family: "tahoma", sans-serif;
font-size: 14px;
font-variant: small-caps;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
letter-spacing: 1pt;
}

/* MAINCONTENT */

.subcontent {
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
}

.entry {
margin: 0px 3px 2px 2px;
padding: 2px;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
color:#A797B9;
font-family: "tahoma", sans-serif;
font-size: 10px;
text-align: justify;
line-height: 10pt;
border-top: solid #D8CB9B 1px;
border-left: solid #D8CB9B 1px;
border-bottom: solid #D8CB9B 1px;
border-right: solid #D8CB9B 1px;
}

.entry ul li
{
padding-left: 5px;
margin-left: 15px;
}

.entry ol li
{
padding-left: 5px;
margin-left: 15px;
}

.userpic {
position: relative;
float: left;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border: 1px solid #D8CB9B;
padding:2px;
}

.userpicfriends {
position: relative;
float: left;
color: #D1786F !important;
background-color: #fdfdfd !important;
background-image: url();
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border: 1px solid #D8CB9B;
padding:2px;
}

.userpicfriends a, .userpicfriends a:link, .userpicfriends a:visited
{color: #D1786F !important;}

.date {
line-height: 200%;
top: 5px;
font-family: "tahoma", sans-serif;
font-variant: small-caps;
font-size: 16px;
color: #AFCAD1;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
border: 1px solid #D8CB9B;
border-bottom: 0px;
text-align:left;
letter-spacing: 0pt;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
}

.subject {
padding: 2px;
font-weight: none;
color:#E3266E;
font-family: "tahoma", sans-serif;
border-bottom: solid 1px #D1DADA;
text-align:left;
font-size: 10px;
border: 1px solid #D8CB9B;
border-top: 0px;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
letter-spacing: 1px;
}

.subject a, .subject a:link, .subject a:visited {
color: #E3266E;
}

.subject a:hover {
color: #F6B0A7;
}

::-moz-selection {
background: #DAD7E0;
color: #F4EDDB;
}

.datesubject {
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
padding: 2px;
}

.currents, .currentmood, .currentmusic {
font-family: "tahoma", sans-serif;
font-size: 10px;
color: #9EC5B5;
}

.comments {
font-family: tahoma, sans-serif;
font-size: 10px;
text-align: right;
background-color: #fdfdfd;
background-image: url();
background-repeat: repeat;
font-weight: lighter;
border-top: solid 3px #D8CB9B;
border: solid 1px #D8CB9B;
padding: 5px;
position: relative;
top: 20px;
}

.separator {
height: 25px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #9DBC76;
border-left: solid 0px #C3C0AD;
border-bottom: solid 0px #C3C0AD;
border-right: solid 0px #C3C0AD;
border-top: solid 0px #C3C0AD;
font-size: 10px;
font-weight: lighter;
padding:5px;
}

div.comments a:hover {
font-size: 10px;
font-weight: lighter;
color: #D8CB9B;
border-left: solid 0px #0093FA;
border-bottom: solid 0px #0093FA;
border-right: solid 0px #0093FA;
border-top: solid 0px #0093FA;
background: ;
background-image: url('');
padding:5px;
}

.ljtags {
font-family: tahoma, sans-serif;
font-size: 10px;
color: #E3266E;
margin-top: 13px;
font-weight: none;
text-transform: lowercase;
position: left;
}

.headerimage {
position: relative;
width: 661px;
height: 409px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i36.tinypic.com/mvst4n.jpg');
background-repeat: no-repeat;
background-position: center;
}

Click Save Changes.

Notes: And you can add sidebar links by going to Links List and follow the directions there. To add normal text to the sidebar, go to Custom Options and then to Sidebar and modify the options there. Click Save Changes.

Rules for layout:
Please do not edit the image or remove the credit from the image. Also, it'd be nice if you could provide a link back to joongie in the sidebar! :)

Credits and Rules

taemin skins requested by: min_j
A.N.JELL (FT Island) skin requested by: pauleensp

Rules:
If you plan on re-posting these to a forum please provide a link back (aka CREDIT) to Visual Pollution (http://visual.shallow-sleep.com).

With that said, do not claim to have made these, or edit them from their current state.

If you post them somewhere, it'd be awesome if you could let me know by commenting~ :D

Requests
Because I like to take requests, you can tell me what you want by requesting here!

anjell, tvxq, s2 layout, css, jaejoong, winamp skins, shinee, icons, taemin, ft island

Previous post Next post
Up