My Skins #14 : Venice Land
Sabtu, 25 Juni 2016
Skins baru lohh friendss!! mengusung tema kota Venice, Italia. Bagi yang mau, silakan ambil kode dengan klik
<html>
<div style="display:scroll; position:fixed; top:5px; right:85px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=606385389405969087" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 5em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLlJPO-lOQ1PmsgrE992fkKbBcSw3drEh9M1DQdxa59Yjs0CCnwBo-szxPqSNvSqKFzldMLAH_Xxu2ZNYwza13Qi__P39UWGRBL3gfalpCJ1gU8lENX3qwJwZfvpMPlL4TIiXVSKKY_o0/s1600/followpink.png" /></a><br />
<div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjELwke7wDNHIiQtJNO7PAIMrcK3GZEn27VEToutakFgjAGSthPOAnybCKO5OkerGvNvtNiePaPaCAV8ikBFl1_8Oyf_PbWWyaSbg84xHxb7gi8dfCwul2AIRmPU6kCKqdz4ZSjM_UBw7s/s1600/dashboardpink.png" /></a></div></div>
<head>
<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>
<link href='http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Handlee|Delius+Swash+Caps|Englebert|Ribeye+Marrow|Sacramento' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Didact+Gothic|Comfortaa|Patrick+Hand|Neucha' rel='stylesheet' type='text/css'/>
<title>//VENICE LAND\\</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
::-webkit-scrollbar {
width: 7px;
height: 7px;
}
::-webkit-scrollbar-track-piece {
background-color: #f1f1f1;
border: 3px solid #ffdfdf;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #fbfbfb;
border: 1px solid #ffdada;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #ffeaea;
border: 1px solid #ffdfdf;
}
#Venice {
color: #FFdada;
font: 104px 'Sacramento';
text-align: center;
letter-spacing: 0px;
text-shadow: 0px 0px 4px #aaa;
padding:1px;
}
#Gondola {
color: #dfdfdf;
font: 30px 'Patrick Hand';
text-align: center;
letter-spacing: 0px;
text-shadow: 0px 0px 0px #aaa;
padding:1px;
}
.header {
margin-left: 2px;
margin-bottom: 3px;
-webkit-transition:2s
}
body {
color: #333;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRDehZuF3WNJ8JZtR9IGQ36CLQmgZPIP0sGE0LMURP75GSzOETcpSZTcEv8LnCD71APtG9a4ir_1JJ4H69TdGJ719gKY4EDqKD3B5t_4Tn5udQJS92Z8yYtb5cvuFY8KOS5kqJz-AQyA4/s1600/red.png);
background-attachment:inherit;
cursor: url(http://media.tumblr.com/tumblr_lpwe62pnQi1qepbs7.gif), progress;
font-family: Didact gothic;
letter-spacing: 1px;
line-height: 15px
font-size: px;
}
a:link, a:visited {
color: #ffbdbd;
font-family: Short Stack;
font-size: 11px;
text-decoration:none;
-webkit-transition:1s;
cursor: url(http://media.tumblr.com/tumblr_lpwe62pnQi1qepbs7.gif), progress;
}
a:hover{
cursor: url(http://i.imgur.com/2qleX.jpg), progress;
color: #aaa;
text-decoration: none;
-webkit-transition:1.2s;
}
a.navi {
background:url(http://i.imgur.com/nTxVP.png);
line-height:3em;
border:1px dotted #dfdfdf;
padding: 10px;
}
.title {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#aaa;
letter-spacing:2px;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
font-weight: bold;
font: 16px 'Patrick Hand',cursive;
line-height:18px;
text-align: center;
border-left: 14px solid #ffeaea;
border-right: 14px solid #ffeaea;
border-top: 2px solid #ffeaea;
border-bottom: 2px solid #ffeaea;
background: #fbfbfb;
-webkit-transition: .7s;
}
.title:hover {
border-left: 14px solid #f1f1f1;
border-right: 14px solid #f1f1f1;
border-top: 2px solid #f1f1f1;
border-bottom: 2px solid #f1f1f1;
background: #fffafa;-webkit-transition: .7s;
}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#aaa;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: Didact gothic;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background: #fffafa;
border: 1px solid #f1f1f1;
}
img {
cursor: url(http://media.tumblr.com/tumblr_m2wj5jgL671qfamg6.gif), progress;
-webkit-transition: 1s;
border-radius: 10px;
}
img:hover {
-webkit-transform: rotate(4deg);;
cursor: url(http://media.tumblr.com/tumblr_m2wj5jgL671qfamg6.gif), progress;
-webkit-transition: 1s;
border-radius: 10px;
}
.header {
text-align: center;
-webkit-transition: 1s;
opacity:100;
}
.header:hover {
padding-left:160px;
-webkit-transition: .7s;
opacity:.01;
}
::selection {
background-color: #fffafa;
color: #666;
}
::-moz-selection {
background-color: #fffafa;
color: #666;
}
.footer {
margin-top: 5px;
margin-bottom: 15px;
border-top: 1px #f1f1f1 solid;
text-align: right;
}
blockquote {
padding:3px;
background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1bKgmYxUc2A2DHCT_XO2031MGl3d_PYjcOoOoOkhzJqriuazqv5r2RLwf-6l5gYVda1X9VCFSGpDO-gp3nF7MXTynx2t9BJ-PXR-DVAz1prGMBMLGmVKCmVBJ6_usftSsPLIvKhHn-0g/s1600/sparkles.png);
border-left: 1px dashed #dfdfdf;
border-right: 1px dashed #dfdfdf;
border-top: 1px dashed #dfdfdf;
border-bottom: 1px dashed #dfdfdf;
color:#aaa;
-webkit-transition-duration: 0.6s;
border-radius: 8px;
line-height:2.2em;
}
blockquote:hover {
border-right: 1px dashed #fff0f0;
border-left: 1px dashed #fff0f0;
border-top: 1px dashed #fff0f0;
border-bottom: 1px dashed #fff0f0;
-webkit-transition-duration: 0.6s;
border-radius: 2px;
}
i {
color: #aaa;
}
i:hover {
color: mistyrose;
}
u {
text-decoration:none;
color:#aaa;
padding: 2px;
line-height: 5px;
border-bottom: 2px solid #ffe4e1;
}
u:hover {
color: #FFFFFF;
border-bottom: 1px solid transparent;
-webkit-transition: 0.3s;
}
b {
color: #ffdfdf;
font-weight: bold;
}
b:hover {
color: #Fbfbfb;
-webkit-transition: 0.3s;
}
strike {
text-decoration: none;
color: #848484;
-webkit-transition: .5s;
}
</style>
<br><center>
<div id="venice">//Venice Land\\</div>
</div>
<br>
<div id="gondola">"Country that saving a thousand charms ~ Venice, Italy"</div>
</center>
</br>
</head>
<base target='_blank'/>
<body oncontextmenu='return false;'>
<br>
<table style="font-size: 12px; border:10px solid #fff0f0; box-shadow: 0px 0px 0px 10px #dfdfdf;color: #aaa; line-height: 17px; background:#fff; border-radius:10px;" width="1000" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:16px; letter-font-size:11px; width:250px; padding-right:0px;">
<div class="title">Ciao, Amici!</div><br>
<br>
<center><img height="180" src="http://s12.favim.com/orig/160511/magic-italy-city-venice-Favim.com-4298647.jpeg" width="220" /></center></div><br>
Welcome! This skins raised the theme of a city that holds a thousand charms . Yes , Venice ! I hope you like it :)
<br>
<br>
<div class="title">Menu!</div><br>
<center>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">Diary</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">About</a>
<a class="navi" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">Friends</a>
</center>
<embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=true&f0=http://media.irondj.net/mix/file/21518/05_____.mp3&t0=Wallpaper&total=1" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" />
<br></center>
</div>
</div>
</div></div>
<br>
<div class="separator" style="clear: both; text-align: center;">
<div class="title">Chiacchierare
</div><br>
<center><img src="http://favim.com/media/uploads/images/610/140216/architecture-city-italy-photography-Favim.com-1374010.jpg" width="220" height="170"></center><br>
Replace with your cbox code here! Width max. 230 :)
<br>
<br>
<div class="title">Grazie ...!</div><br>
<center><img src="http://s4.favim.com/orig/140927/architecture-cites-italy-landscape-Favim.com-2105304.png" width="220" height="170"></center><br>
Design by : <a href="http://alneira-firja.blogspot.com/">Neira</a><a href="http://www.blogskins.com/me/siti_munfarida">Firja</a><br>
Basecode made by : <a href="http://elfloversteukkie.blogspot.com/">Liyana</a><a href="http://www.blogskins.com/me/elfloversteukkie">Izzati</a> and <a href="http://mohareqil99.blogspot.com/">Are</a><a href="http://www.blogskins.com/me/baby_vampire">Qil</a><br>
Background : <a href="http://nurulatiqahjaidin.blogspot.com/">Nurul Atiqah</a><br>
Picture taken from: <a href="http://www.favim.com/">Favim</a><br>
Best view : <a href="https://www.google.com/chrome">Google Chrome</a>
<br>
<br>
<div class="sidefooter"><center><OlderPosts><a href=<$OlderPosts$>>OLDEST?</a></OlderPosts> <NewerPosts> <or> <a href=<$NewerPosts$>>NEWEST?</a></NewerPosts></center></div><br>
</div>
<td valign="top" style="width:630px; padding-left:5px; border-left:2px dotted #f0f0f0; padding-right:7px; padding-left:12px;">
<div id="entry">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<b style="background:color: #FFFFFF; font-family: comfortaa, comfortaa, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Tourist!</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
</td></tr></tbody>
</table>
<div id="about" style="display: none;">
<div class="title">I'm is the authors</div><br>
<center><img src="http://s13.favim.com/orig/160427/girl-venice-hair-beauty-Favim.com-4252963.jpeg"width="380" height="250"/><br></center>
<br>
Replace with your personal profiles!
<br>
<br>
<div id="diary" style="display: none;">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<br><$BlogItemBody$></br>
<<br>
<div class="footer"><$BlogItemDateTime$> <b> style="background-color: white; color: #ffb3c4; font-family: verdana, tahoma, sans-serif; font-size: 12px; font-weight: bold; text-align: -webkit-center;"></b> <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> Gondola</a></BlogItemCommentsEnabled></div>
</blogger>
</div>
<div id="link" style="display: none;">
<div class="title">Exchanges Link </div><br>
<center><img src="http://s6.favim.com/orig/65/dream-amazing-beautiful-buildings-Favim.com-583537.jpg" width="380" height="250"></center><br>
<center><a class="linkies" href="http://elfloversteukkie.blogspot.com/">Liyana</a> ✦
<a class="linkies" href="http://hunhanlovers.blogspot.com">Mrs HunHan</a> ✧
<a class="linkies" href="http://alneira-firja.blogspot.com">Neira</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> <br>
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a> ✦
<a class="linkies" href="http://www.blogger.com">You</a> ✧
<a class="linkies" href="http://www.blogger.com">You</a>
<br>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript" >/***********************************************
* Scroll To Top Control script- © Dynamic Drive DHTML code library(www.dynamicdrive.com)* Modified byLyssaFaizureen***********************************************/var scrolltotop={
setting: {startline:100, scrollto: 0, scrollduration:1000, fadeduration:[500, 100]},
controlHTML: '<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNuLEzCtVvym0Fq8O2_cG55mt5XfdBNHPkHKSCLrdbxxa3FhQRh_qU6zSCcFWUGg_VXH2nVEuVBgYAWNMRxtow6HYAsSPcNJ2a4vD9pk1ArfpPl6YvBMAZTvff36ypB_bWKnoVklYM37RH/s1600/back2top_grey_by_vesyalithaa.png" />',
controlattrs: {offsetx:5, offsety:5},
anchorkeyword: '#top',
state: {isvisible:false, shouldvisible:false},
scrollup:function(){
if (!this.cssfixedsupport)
this.$control.css({opacity:0})
var dest=isNaN(this.setting.scrollto)? this.setting.scrollto : parseInt(this.setting.scrollto)
if (typeof dest=="string" && jQuery('#'+dest).length==1)
dest=jQuery('#'+dest).offset().top
else
dest=0
this.$body.animate({scrollTop: dest}, this.setting.scrollduration);
},
keepfixed:function(){
var $window=jQuery(window)
var controlx=$window.scrollLeft() + $window.width() - this.$control.width() - this.controlattrs.offsetx
var controly=$window.scrollTop() + $window.height() - this.$control.height() - this.controlattrs.offsety
this.$control.css({left:controlx+'px', top:controly+'px'})
},
togglecontrol:function(){
var scrolltop=jQuery(window).scrollTop()
if (!this.cssfixedsupport)
this.keepfixed()
this.state.shouldvisible=(scrolltop>=this.setting.startline)? true : false
if (this.state.shouldvisible && !this.state.isvisible){
this.$control.stop().animate({opacity:1}, this.setting.fadeduration[0])
this.state.isvisible=true
}
else if (this.state.shouldvisible==false && this.state.isvisible){
this.$control.stop().animate({opacity:0}, this.setting.fadeduration[1])
this.state.isvisible=false
}
},
init:function(){
jQuery(document).ready(function($){
var mainobj=scrolltotop
var iebrws=document.all
mainobj.cssfixedsupport=!iebrws || iebrws && document.compatMode=="CSS1Compat" && window.XMLHttpRequest
mainobj.$body=(window.opera)? (document.compatMode=="CSS1Compat"? $('html') : $('body')) : $('html,body')
mainobj.$control=$('<div id="topcontrol">'+mainobj.controlHTML+'</div>')
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
.attr({title:'Scroll Back to Top'})
.click(function(){mainobj.scrollup(); return false})
.appendTo('body')
if (document.all && !window.XMLHttpRequest && mainobj.$control.text()!='')
mainobj.$control.css({width:mainobj.$control.width()})
mainobj.togglecontrol()
$('a[href="' + mainobj.anchorkeyword +'"]').click(function(){
mainobj.scrollup()
return false
})
$(window).bind('scroll resize', function(e){
mainobj.togglecontrol()
})
})
}
}
scrolltotop.init()
</script>
</body>
</html>