PAGE CODES
arrien

Hi,this site is for my skin code. Pleasa dont stole anything and please be nice here! Comment first before take the code :)

</head>
<script src="http://use.edgefonts.net/satisfy.js"></script>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<title>남 우현;</title>
<link rel="shortcut icon" href="http://i.imgur.com/SmT7KVds.jpg" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<style type="text/css">


<style type="text/css">
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {
height: 10px;
width: 10px;
display: block;
background: #fff;
border: 1px solid #dedede
}
::-webkit-scrollbar-track-piece {
background-color: #fff;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fff;
border: 1px solid #dedede
}
#navbar-iframe {display: none;}
a:link, a:visited {
color: #C6DBE2;
text-decoration:none;
-webkit-transition: 1s;
}
a:hover{
-webkit-transition-duration:.2s;
}
::-webkit-scrollbar {height: auto;width: 10px;background-color: #000; }
::-webkit-scrollbar-thumb {background-color: #F3F3F3;-moz-border-radius: 0px;border-radius: 0px;}
::selection {
background:#FFB6B6;
color:#fff;
}

@font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}

@font-face {font-family:tinytots;src: url(http://static.tumblr.com/tjzfmfv/vbEm08r8p/04b_03__.ttf); }

@font-face {font-family:"Dingleberry"; src:url('http://static.tumblr.com/9wzbixa/EC3m26pf3/dingleberry_solid.ttf');}


blockquote {width:500px;
text-align:left;
background:url(http://4.bp.blogspot.com/-yal-9oDaoRo/UL2t6KugDiI/AAAAAAAAEXc/Gjrv1IVFGIs/s1600/fr.png);
border-bottom:1px solid #eee;
border-top:1px solid #eee;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:5px;
font:italic 11px trebuchet ms;}

u {
text-decoration: underline; color:#888;  border-bottom: 2px #ccc solid;
}

b {
font-weight: italic;
color: #ccc; text-decoration: strong;font-family: century gothic;
-webkit-transition-duration: 1s;
}
b:hover {
color: #eee;
-webkit-transition-duration: 1s;
}

img {
filter: alpha(opacity="80");
opacity: 0.8;
-webkit-transition:3s;
}
img:hover {
filter:alpha(opacity="100");
opacity: 1;
-webkit-transition:1s;
}

a.link1 {
border: 1px solid #fff;
margin-bottom: 4px;
text-align: center;
width: 90px;
background: #ccc;
display: inline-block;
color:#000;
font:normal 8px 'tinytots';
text-transform: uppercase;
letter-spacing: 2px;
padding:11px;
filter: alpha(opacity = 60);
opacity:.6;
-moz-transition-duration: 1s;-
webkit-transition-duration: 1s;
}


.blogger-labels {
border-top: 1px solid #eee;
padding: 3px;
}

.post {   height: auto!important; background: #fff; padding: 4px; border: 1px solid #e6e6e6; margin-right: 10px; }

.yyx{background: #dfe7e8; color:#fff; font-family:'Ubuntu Mono'; padding:3px 5px 3px 5px; text-shadow:1px 1px 0px #cddbde; margin-top:5px; text-align:center; text-transform: uppercase;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;-moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;}

c {
display: inline-block;
background-color: #fff;
font-family:'tinytots';
letter-spacing: 1px;
font-size: 8px;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
font-style:bold;
color: #111;
}

body {
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
font:11px trebuchet ms;
letter-spacing:0px;
color:#999;
}

.title {
color: #aaa;
font-family: century gothic;
font-size:12px;
line-height:17px;
text-align: left;
letter-spacing:4px;
border-bottom: 3px solid #f0f0f0;
}

.title1 {
font-family: consolas;
font-size:10px;
line-height:20px;
color: #aaa;
text-align: left;
margin-bottom: 10px;
}


#pages{
background-color: #fff;
    border: 4px double #ddd;
line-height: 21px;
position: absolute;
background-color:#FFFFFf;
top: 90px;
left:520px;
width: 560px;
padding-top: 17px;
padding-left:20px;
padding-right:20px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

.nam{
-webkit-border-radius:5px;
-moz-border-radius:5px;
background: url(http://i.imgur.com/VQjhHk5.png);
text-align: justify;
border: 2px solid #f2f2f2;
font: 10px tahoma;
line-height: 21px;
letter-spacing: 1px;
color: #999;
padding-top: 10px;
padding-bottom: 3px;
padding-left: 12px;
padding-right: 2px;
top: 30px;
left:520px;
position: absolute;
width: 590px;
}


.linky, .suho1{
display:inline-block;border:2px solid #e9e9e9;background:#fff;padding:3px;font:8px tinytots;color: #000;text-align:center;text-transform:uppercase;width:100px;margin:2px;}

.linky:hover, .suho1:hover{
box-shadow:inset 0px 20px 0px #000,inset 0px -25px 0px #000;color:#e9e9e9;-webkit-transition:0.9s;}
@font-face {
font-family:tt !important;
src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf') !important;
}

.portal {
font-family: arial;
font-size: 18pt;
text-align: left;
letter-spacing: -3px;
opacity: 1.0;
text-decoration: none;
padding: 5px 0px 5px 0px;
margin-bottom: 2px;
text-transform: lowercase;
}

.iconborder{background:#fff;width:95px;height:95px;padding:4px;border-radius:333px;margin-top:8px;margin-bottom:5px;border:1px solid #eee;}

.icon{background:#fff;width:95px;height:95px;border-radius:333px;padding:0;border:none;}

/* strikethrough */
s {
color: #fcdbdb;
text-decoration: none;
}

#main {
    margin-top: 160px;
    margin-left: 170px;
}

/* icon */
.pic {
    width: 100px;
    height: 100px;
    margin-top: -5px;
    margin-left: 15px;
    float: right;
    padding: 5px;
    background-color: #fff;
    border: 4px double #ddd;
    border-radius:60px;
    -moz-border-radius: 60px;
}

#left {
    width: 150px;
    height: 100px;
    margin-left:0px;
    margin-top:-10px;
    float: left;
    padding: 5px;
    position: relative;
}

/* description */
#desc {
    height: 100px;
    text-align: justify;
    font-family: calibri;
    font-size: 9px;
    color: #aaa;
    letter-spacing: 3px;
    text-transform: uppercase;
}

#right {
    position: absolute;
    margin-top: 0px;
}


/* main box */
#box {
    margin-top: -270px;
    width: 265px;
    height: auto;
    padding: 10px;
    overflow: hidden;
    opacity: 0;
    background-color: #fff;
    border: 4px double #ddd;
    font-family: calibri;
    position:absolute;
    -webkit-transition: opacity 1.2s linear;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

#right:hover #box {
    opacity: 1;
    margin-top: 130px;
    -webkit-transition: opacity 1.2s linear;
    -webkit-transition: all 1.2s ease-in-out;
    -moz-transition: all 1.2s ease-in-out;
    -o-transition: all 1.2s ease-in-out;
    transition: all 1.2s ease-in-out;
}

.f3{
background: #fff;
text-transform: lowercase;
border-radius: 3px;
padding: 1px;
font: 11px georgia italic ;
text-align:left;
border-bottom:1px solid #eee;
color:#8AA9B4;
margin-bottom:6px;
letter-spacing:2px;
}

.f5{
letter-spacing: 1px;
border-bottom: 0px solid #e6e6e6;
font:8px tinytots;
text-transform: uppercase;
text-align:left;
padding: 3px;
margin-left:0px;
margin-bottom:10px;
margin-top:0px;
color:#a4a4a4;
}

.player{
position:fixed;
-webkit-transition:All 1s ease;
-moz-transition:All 1s ease;
-o-transition:All 1s ease;
bottom:10px;
overflow:hidden;
left:10px;
background:#fff;
width:10px;
border-radius:2px;
padding:10px;
-moz-box-shadow: 0px 0px 5px #ddd;
-webkit-box-shadow: 0px 0px 5px #ddd;
box-shadow: 0px 0px 5px #ddd;}

.player:hover{
width:50px;
}
</style>

<div class="player">
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://k007.kiwi6.com/hotlink/bgx2sod2dg/INFINITE_-_Beautiful_Mini_Album_-_New_Challenge_.mp3&t0=&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /></div>

<script type="text/javascript">
/***********************************************
* THIS IS DISABLE HIGHLIGHT TEXT SCRIPT
* YOU CAN REMOVE THIS CODES IF YOU WANT
* Credits http://www.dynamicdrive.com/
***********************************************/
//form tags to omit in NS6+:
var omitformtags=["input", "textarea", "select"]
omitformtags=omitformtags.join("|")
function disableselect(e){
if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1)
return false
}
function reEnable(){
return true
}
if (typeof document.onselectstart!="undefined")
document.onselectstart=new Function ("return false")
else{
document.onmousedown=disableselect
document.onmouseup=reEnable
}
</script>

</head>
<body>
<body oncontextmenu='return false;' onkeydown='return false;'>


<div class="nam">
<a class="link1" onClick="changeNavigation('profile')">profile<a>
<a class="link1" onClick="changeNavigation('stuff')">affiliates<a>
<a class="link1" onClick="changeNavigation('links')">free page<a>
<a class="link1" onClick="changeNavigation('entries')">refresh<a>
<a class="link1" href="http://www.blogger.com/follow-blog.g?blogID= YOURBLOGID">follow<a>
</div>

<div id="main">
 <div id="right">
    <img src="http://i.imgur.com/JSpXrfZ.jpg" class="pic">
        <div id="left">

            <div id="desc">안녕하세요,저는 팬 남 우 현입니다.정말 남 우 현을 사랑 해요.내 블로그 주시기 바랍니다.감사합니다.。abcdef ghijklmnopqrstuvwx yz. You can put anything that you want here.</div>

                <select onchange="location=this.options[this.selectedIndex].value;" style="width:150px; padding:1px; margin-bottom: 5px; border:4px double #ddd; color:#080808; font-family:calibri; font-size:8px; letter-spacing: 2px; text-transform:uppercase; ">
                <option>link out&nbsp;&nbsp;▶</option>
                <option value="url1">link 1 //</option>
                <option value="url2">link 2 //</option>
                <option value="url3">link 3 //</option>
                </select>
             
            </div>

        <div id="box">
        <ol>
        Put Your CBox Code Here!
        </ol>
        </div>

</div>



<div id="pages">
<blogger>
<div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/vBH2zBes.jpg"align="left"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> namStar(s)</a></BlogItemCommentsEnabled></div><br><Br>
<$BlogItemBody$><br>

</blogger>
<div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank"> <c> FUTURE </c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>PAST</c> </a></div><br><br>

</div>
<div id="entries" style="display:none">

<blogger>
<div class="title"><img style="border: 3px solid #D8DED3; width: 60px; margin-right: 3px; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/vBH2zBes.jpg"align="left"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="title1">Posted on <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> at <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> namStar(s)</a></BlogItemCommentsEnabled></div><br><Br>
<$BlogItemBody$><br>

</blogger>
<div style="float:left"><a class="post" href="<$NewerPosts$>" target="_blank"> <c>FUTURE</c></a></div><div style="float:right"><a class="post" href="<$OlderPosts$>" target="_blank"><c>PAST</c> </a></div><br><br>

</div>

<div id="profile" style="display:none">
<div class="title"><img style="margin-right: 3px; border: 3px solid #D8DED3; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/acxyCFis.jpg"width="60"align="left">  Meet The NamStar .</div>
<div class="title1">Feel to know me more</div><Br><br>

<center><img src="http://data2.whicdn.com/images/60422637/large.jpg" align="center" style="width: 450px; padding: 3px; border: 1px solid #e2e2e2;"></center>
<br>

<center> { Put your intro here } </center><br><br>

<div class="title"><img style="margin-right: 3px; border: 3px solid #D8DED3; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/gydoU3q.png"width="60"align="left">  Thanks a Lot.</div>
<div class="title1">Don't remove the credit!!</div><Br>
<!---------------Don't Remove the Credit!!------------------------------>
<div style="font-size:8px;font-family:tt;text-align:center;text-transform:uppercase;">&#169; 2013-Full Template by <a href="http://arrienlove.blogspot.com/">Arrien Amani</a>. Some help from <a href="http://heart.co.vu/">Kylie</a> & <a href="http://caramelshade.blogspot.com/">Hnie</a>.
<!---------------Don't Remove the Credit!!------------------------------>
<br></div>


<div id="stuff" style="display:none">
<div class="title"><img style="margin-right: 3px; border: 3px solid #D8DED3; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/acxyCFis.jpg"width="60"align="left">  Meet my Friend .</div>
<div class="title1">Feel free to be my friend</div><Br><br>
<center><img src="http://data3.whicdn.com/images/75416844/large.png" align="center" style="width: 450px; padding: 3px; border: 1px solid #e2e2e2;"></center>
<br>
<center>
</center>
<center>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
<a class="linky" href="http://url.blogspot.com/">chingu<a>
</center><br>
</div>

<div id="links" style="display:none">
<div class="title"><img style="margin-right: 3px; border: 3px solid #D8DED3; opacity: 1.0; border-radius: 0px;" src="http://i.imgur.com/acxyCFis.jpg"width="60"align="left">  Anything Here .</div>
<div class="title1">Feel to view</div><Br><br>
<center><img src="http://data3.whicdn.com/images/39590396/tumblr_mb4prtNnIm1rhea59o1_r1_500_large.jpg" align="center" style="width: 450px; padding: 3px; border: 1px solid #e2e2e2;"></center>
<br>
<center>Just put anything here such as bias, tutorials and what so ever</center><br><br><br><br><br>

</div>


<div id="links" style="display:none">


<script> function changeNavigation(id)
{document.getElementById('pages')
.innerHTML=document.getElementById(id).innerHTML}
</script>
</div>
<script language=JavaScript>
                <!--
             
                //Disable right click script III- By Renigade (renigade@mediaone.net)
                //For full source code, visit http://www.dynamicdrive.com
             
                var message="";
                ///////////////////////////////////
                function clickIE() {if (document.all) {(message);return false;}}
                function clickNS(e) {if
                (document.layers||(document.getElementById&&!document.all)) {
                if (e.which==2||e.which==3) {(message);return false;}}}
                if (document.layers)
                {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
       else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
             
                document.oncontextmenu=new Function("return false")
                // -->
                </script>

    <script type='text/javascript' language='Javascript'>
      function s_toggleDisplay(his, me, show, hide) {
        if (his.style.display != 'none') {
          his.style.display = 'none';
          me.innerHTML = show;
        } else {
          his.style.display = 'block';
          me.innerHTML = hide;
        }
      }
      </script>

</div>



</body>

</html>
kaiwufvn