6 winamp skins, 1 S2 livejournal layout

Nov 28, 2010 23:55

Visual Pollution presents:
1 Yunho (TVXQ) winamp skin
1 Jessica (SNSD) winamp skin
1 Minho (SHINee) winamp skin
2 Gackt winamp skins
1 Kazuya Kamenashi winamp skin

Thumbnails:







1 Taeyeon from SNSD S2 (flexible squares) livejournal layout:
Thumbnail:


Visit 2woloves to see the layout in action!


Winamp Skins

winAMP skin screencap


Yunho 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


Jessica (SNSD) 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


MinHo (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


Gackt 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


Gackt 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


Kazuya 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?

Taeyeon (SNSD) livejournal layout



Visit 2woloves to see the layout in action!
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:

BODY {
margin-top: 0px;
background-color:#ccc;
background-image: url('http://i52.tinypic.com/2iax7nt.jpg');
background-repeat: repeat;
background-attachment: fixed;
background-position: top-left;
text-align: center;
color: #A1AAB4;
font-family: "tahoma", sans-serif;
font-size: 10px;
border:0px;
scrollbar-arrow-color:#7169F3;
scrollbar-track-color:#F7BEC7;
scrollbar-face-color:#F7BEC7;
scrollbar-highlight-color:#7169F3;
scrollbar-3dlight-color:#F7BEC7;
scrollbar-darkshadow-color:#7169F3;
scrollbar-shadow-color:#F7BEC7;
}

textarea, input, select, option
{
color: #574B6A !important; border:1px solid #F7BEC7 !important;
font-family: "tahoma", sans-serif;
font-size: 10px; background-color: #EEF1F4 !important;
background-image: url('http://i51.tinypic.com/6tgqwg.jpg') !important;
background-repeat: repeat !important;}

textarea {
width:300px;}

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

b, div#sidebar b, strong, div#sidebar strong {
color: #6D6DF2;
padding: 0px;
}

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

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

a:hover {
color: #7C7AF0;
padding: 0px;
}

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

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

#content {
width: 678px;
margin-left: auto; margin-right: auto;
background-color: #ccc;
background-image: url('http://i52.tinypic.com/53u5xi.jpg');
background-repeat: repeat;
border-top:0px;
border-left:1px solid #EEF1F4;
border-right:1px solid #EEF1F4;
border-bottom:5px solid #EEF1F4;
padding: 10px;
text-align: right; }

#maincontent {
margin-top: 50px;
padding: 2px;
font-family: "tahoma", sans-serif;
font-size: 10px;
line-height: 15px;
background-color: #A4BC82;
background-image: url('http://i51.tinypic.com/54ep2.jpg');
background-repeat: repeat;
color:#9A6B75;
border-top: solid 1px #EEF1F4;
border-left: solid 1px #EEF1F4;
border-right: solid 1px #EEF1F4;
border-bottom: solid 1px #EEF1F4;
margin-right:0px;
margin-left: 160px;
text-align: justify;
}

#header {
width: auto;
height: 32px;
margin: 0px;
padding: 5px;
color: #3D3372;
background-color: #ccc;
background-image: url('http://i51.tinypic.com/54ep2.jpg');
background-repeat: repeat;
font-weight: lighter;
font-family: century gothic, arial;
font-size: 25px;
border-top: solid 1px #EEF1F4;
border-left: solid 1px #EEF1F4;
border-right: solid 1px #EEF1F4;
border-bottom: solid 1px #EEF1F4;
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: century gothic, arial;
letter-spacing: 2px;
color: #3D3372;
background-color: #ccc;
background-image: url('http://i51.tinypic.com/54ep2.jpg');
background-repeat: repeat;
border-top: solid 1px #EEF1F4;
border-left: solid 1px #EEF1F4;
border-right: solid 1px #EEF1F4;
border-bottom: solid 1px #EEF1F4;
}

#sidebar {
padding-top: 10px;
margin-top: 52px;
background-color: #EEF1F4;
background-image: url('http://i51.tinypic.com/54ep2.jpg');
background-repeat: repeat;
border-top: solid 8px #EEF1F4;
border-left: solid 1px #EEF1F4;
border-right: solid 1px #EEF1F4;
border-bottom: solid 8px #EEF1F4;
font-size: 9px;
line-height: 10pt;
font-family: "tahoma", sans-serif;
color: #3D3372;
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: #6D6DF2;
padding: 5px;
font-size: 10pt;
font-family: century gothic, arial;
font-weight: normal;
text-decoration: none;
background-image: url('http://i51.tinypic.com/6tgqwg.jpg');
background-repeat: repeat;
border: solid 1px #F7BEC7;
}
div#header a:hover {
color: #71DDEC;
padding: 5px;
font-weight: normal;
text-decoration: underline;
}

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

div#footer a:hover {
color: #6D6DF2;
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: #7A6D8B;
font-family: century gothic, sans-serif;
font-size: 12pt;
letter-spacing: 1px;
background-image: url('http://i51.tinypic.com/6tgqwg.jpg');
background-repeat: repeat;
border: solid 1px #F7BEC7;
padding: 3px;
}

.subtitle {
text-align: center;
color: #5A547D;
font-family: century gothic, sans-serif;
font-size: 8pt;
letter-spacing: 1pt;
margin-bottom:15px;
background-color:#EEF1F4;
background-image: url('');
background-repeat: repeat;
border: solid 1px #F7BEC7;
border-top:0px;
}

/* 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: #6D6DF2
}

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

.defaultuserpic {
text-align:center;
background-color: #EEF1F4;
background-image: url(http://i51.tinypic.com/6tgqwg.jpg);
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border: 1px solid #F7BEC7;
padding:2px;
}

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

}

.sbarbody {
padding: 2px 2px 2px 2px;
border: 0px solid #EEF1F4;
border-bottom:0px;
}

.sbarbody2 {
padding: 2px 2px 2px 2px;
background-image: url('http://i51.tinypic.com/6tgqwg.jpg');
background-repeat: repeat;
border: 1px solid #F7BEC7;
}

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

.sbarcalendar {
background-image: url('http://i51.tinypic.com/6tgqwg.jpg');
background-repeat: repeat;
border: 1px solid #F7BEC7;
text-align: center;
font-family: "tahoma", sans-serif;
font-size: 10px;
}

.sbarcalendarposts {
background-image: url('http://i52.tinypic.com/53u5xi.jpg');
background-repeat: repeat;
border: 1px solid #6D6DF2;
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: #EEF1F4;
background-image: url('http://i52.tinypic.com/2iax7nt.jpg');
background-repeat: repeat;
border-left: solid 4px #F7BEC7;
border-bottom: solid 1px #F7BEC7;
border-right: dashed 0px #E2E4B6;
border-top: solid 0px #57111C;
}

li.sbaritem:hover {
border-left: solid 4px #6D6DF2;
color:#6D6DF2;
}

li.sbartitle
{text-align: center;
color: #3D3372;
font-family: century gothic, arial, sans-serif;
font-variant: small-caps;
font-size: 8pt;
letter-spacing: 2pt;
margin-bottom:3px;
padding: 0px;
list-style: none;
margin-top: 0px;
border-top: solid #6D7D8E 0px;
border-left: dashed #6D7D8E 0px;
border-bottom: solid #F7BEC7 1px;
border-right: dashed #6D7D8E 0px;
font-weight: none;
background: #EEF1F4;
background-image: url('http://i52.tinypic.com/2iax7nt.jpg');
background-repeat: repeat;
letter-spacing: 1pt;
}

/* MAINCONTENT */

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

.entry {
margin: 2px 2px 2px 2px;
padding: 2px;
background-color: #EEF1F4;
background-image: url('http://i51.tinypic.com/6tgqwg.jpg');
background-repeat: repeat;
color:#574B6A;
font-family: arial, sans-serif;
font-size: 10px;
text-align: justify;
line-height: 10pt;
border:1px solid #F7BEC7;
}

.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: #EEF1F4;
background-image: url(http://i52.tinypic.com/2iax7nt.jpg);
background-repeat: repeat;
margin-right: 0px;
margin-left: 0px;
z-index: 15;
border: 1px solid #F7BEC7;
padding:2px;
}

.userpicfriends {
position: relative;
float: left;
color: #7572EF !important;
background-color: #EEF1F4 !important;
background-image: url(http://i52.tinypic.com/2iax7nt.jpg);
background-repeat: repeat;
margin-right: 5px;
margin-left: 5px;
z-index: 15;
border: 1px solid #F7BEC7;
padding:2px;
}

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

.date {
line-height: 200%;
top: 5px;
font-family: century gothic, arial, sans-serif;
font-variant: small-caps;
font-size: 16px;
color: #7572EF;
letter-spacing: 2px;
font-weight: none;
text-transform:lowercase;
border: 1px solid #F7BEC7;
border-bottom:0px;
text-align:left;
letter-spacing: 0pt;
background-color: #EEF1F4;
background-image: url('http://i52.tinypic.com/2iax7nt.jpg');
background-repeat: repeat;

}

.subject {
padding: 2px;
font-weight: none;
color:#3D3372;
font-family: century gothic, arial, sans-serif;
text-align:left;
font-size: 12px;
border: 1px solid #F7BEC7;
background-color: #EEF1F4;
background-image: url('F7BEC7');
background-repeat: repeat;
letter-spacing: 1px;

}

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

.subject a:hover {
color: #848BF1;
}

::-moz-selection {
background: transparent;
color: #848BF1;

}

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

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

.comments {
font-family: tahoma, sans-serif;
font-size: 10px;
text-align: right;
background-color: #ccc;
background-image: url('http://i52.tinypic.com/2iax7nt.jpg');
background-repeat: repeat;
font-weight: lighter;
border-left: solid 1px #F7BEC7;
border-bottom: solid 1px #F7BEC7;
border-right: solid 1px #F7BEC7;
border-top: solid 1px #F7BEC7;
padding: 5px;
}

.separator {
height: 25px;
}

div.comments a, div.comments a:link, div.comments a:visited{
color: #3D3372;
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: #6D6DF2;
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: #FD7990;
margin-top: 13px;
font-weight: none;
text-transform: lowercase;
position: left;
}

.headerimage {
position: relative;
width: 700px;
height: 420px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
background-image: url('http://i56.tinypic.com/33awdc4.jpg');
background-repeat: no-repeat;
background-position: center;
border:0px;
}

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.

Livejournal layout rules:
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! :) Here's a quick copy-paste for you:

Layout designed by !

Requested graphics

The following graphics were requests by livejournal users.

Minho from SHINee by pimiimip
Yunho from DBSK by amai_yuuwaku
Jessica from SNSD by amai_yuuwaku
Taeyeon from SNSD by haneul_min

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

tvxq, s2 layout, yunho, jessica, css, winamp skins, kazuya kamenashi, taeyeon, snsd, gackt

Previous post Next post
Up