2014. szeptember 13., szombat

Teljes Design Kóddal #2

Háát,régen volt már kódos bejegyzés,ezért most gondoltam hozok párat!Remélem megfelelnek ezek a designek,és ha nem világos valami,akkor bátran fordulj hozzám! :)
Íme a designek:





És végül a kódok!^^


                                         Az első Design kódja:

<html>
</script>

<head><link rel="shortcut icon" href="http://i.imgur.com/4GAX7jy.gif" /><Br><br><br>
<title>Simple Last Night</title>
<style type="text/css">
#navbar-iframe {
display: none;
}
.b1a4 {
margin-left: 0px;
margin-bottom: -29px;
}
body {
background:url(http://28.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo10_250.png);
background-attachment: fixed;
font-family: century gothic;
font-size: 12px;
text-align: left;
cursor:url(http://media.tumblr.com/tumblr_m2wivnHUdG1qfamg6.gif), auto;
}
a:link, a:visited {
color: #aaa;
text-decoration: none;
-webkit-transition:0.5s;
cursor:url(http://media.tumblr.com/tumblr_m2wivnHUdG1qfamg6.gif);
}
a:hover{
text-decoration: none;
color: #eee;
-webkit-transition:0.5s;
}
.title {
background:#eee;
color:#666;
font-family:century gothic;
font-size:13px;
letter-spacing:2px;
padding:3px;
margin-bottom:0px;
}
.title1 {
margin-top:0px;
background:#fff;
border:2px solid #eee;
font-family:century gothic;
font-size: 9px;
padding:2px;
padding-left:20px;
letter-spacing:1px;
text-transform:block;
}
blockquote{
padding:5px;
background:url(http://24.media.tumblr.com/tumblr_m6cqhjCrpP1rxrqnyo6_250.png);
border:1px solid #eee;
}
.header {
background:#eee;
padding: 15px;
margin-bottom: -20px;
z-index: 100;
position: relative;
width: 900px;
}
i , s, strike {
color: #A4A4A4;
}
b {
color:#666;
-webkit-transition-duration: 1.5s;
}
b:hover {
color: #aaa;
-webkit-transition-duration: 1.5s;
}
a.link {
background: #fff;
padding: 1px;
border: 1px solid #eee;
width: 95px;
display: inline-block;
color: #666;
-webkit-transition: 1s;
text-align: center;
font-size: 11px;
line-height: 15px;
margin-bottom: 6px;
font-family: century gothic;
padding: 3px;
}
a.link:hover {
box-shadow: inset 130px 0 0px 0 #eee;
-webkit-transition: 1s;
color: #fff;
border:1px solid #eee;
}
::-webkit-scrollbar {
height: 12px;
width: 7px;
background: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #aaa;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px solid #fff;
}
::selection {
background: #eee;
color: #fff;
}
u {
text-decoration: underline;
border-bottom: 1px solid #aaa;
}
.comment-timestamp {
margin:0 0 .5em;
padding:0 0 .75em 20px;
color:#666;
}
.deleted-comment {
font-style:italic;
color:gray;
}
#comments {
margin:5;
border-width:0 1px 1px;
padding:20px 0 15px 0;
}
.comment-icon blogger-comment-icon{display:none}
#comments-block {
margin:2px ;
}
.comment-data {
background:url("http://media.tumblr.com/tumblr_m7eimti7vo1qdlkyg.gif") no-repeat 2px .2em;
margin-top:5px !important;background-size:15px;
padding:0 0 0 22px;
color:#666;
}
span.comment-icon{display:none
}
.comment-poster {
font-weight:bold;
}
.comment-body {
margin:0px;
padding: 7px;
}
.comment-body p {
background:#FFFFFF;
border:1px solid #fff;
margin:0em;
padding:5px;
color:#666;
}
.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#fff;
color:#666;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px century gothic;
padding:1px;
margin-top:5px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:2px solid #eee;
}
.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#eee;
color:#aaa;
border-bottom:2px solid #fff;
}
.hyosung{
width:100%;
background:url(http://28.media.tumblr.com/tumblr_ls0w5txuft1r3vazto3_250.png);
border-bottom:5px solid #eee;
position:fixed;
top:0px;
left:0px;
box-shadow:0 0 7px #ccc;
text-align:center;
padding:10px;
}
a.jieun{
background:#fff;
text-decoration:none;
color:#666;
padding:5px;
font:11px century gothic;
margin-left:5px;
margin-right:5px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;
display:inline-block;
width:60px;
border: 1px solid #eee;
}
a.jieun:hover{
background:#eee;
color:#000;
border: 1px solid #eee;
}
</style>
<center>
<div style="background:#eee;width:900px;border-radius: 0px 0px 0px 0px;padding:15px;margin-top:15px;">
<center>
<img class="b1a4" src="http://i.imgur.com/lfXlgll.jpg" />
<center><br>
<div style="background: #FFFFFF;"/><br>
<div class="hyosung">
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('journal').innerHTML" >Diary</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" >Owner</a>
<a class="jieun" onClick="document.getElementById('entry').innerHTML=document.getElementById('links').innerHTML" >Friends</a>
<a class="jieun" href="http://www.blogger.com/home">Home</a>
<a class="jieun" href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">Follow</a></div></div>
</head>

<table style="font-size: 11px; color:grey; letter-spacing:1px;line-height: 17px; background:#fff;" width="900" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="line-height:15px; letter-font-size:10px; width:250px; padding:10px;">

<div class="title">Welcome</div>
<div class="title1">Anyeong Haseyo</div><br>
<center><div style="background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYgeuTLVPU7XyB2F0c-d9mLQhG_d49ZAF-La57iWoXKoYfU4nelVCCFHZYOkkJMKzmdc4QjgdF0ne8YaODTkES10bAywXiBLmpJonjIgpD3hFeLKqnBukuVmKs51mC6dAOyPLLNpoo8Vw/s1600/linepattern.png); border:1px solid #EEE;padding:5px;width:210px;">
<img style="width:210px;height:160px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyaNl2_TOMLhdYloOTGGGrPEnjq10hCYCMyAC-EyuR9FpRQplvUgk4GH6cHeRdunsQHHm-CehAeXZw5tYGtmixpb4OzHYgRoK99SgZKfh91tDbJ8DM5Q-Nb4uySDIC20E-9BhWvDOiNFMq/s1600/6ac67e6640e0cab34dcb10b771212e53.jpg">
<div class="sidenav2">
<a href="http://blogger.com/home">Dboard</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">Follow</a>
</center>
</div><br>
<center>Hello! Welcome to My Simple Last Night Blog. Thanks for visiting here<br>
</center><br>

<div class="title">Tagboard</div>
<div class="title1">Prints Your Foots</div><br>
<li>Your Name Not Anonym<br>
<li>Your Url Blog Not Email<br>
<li>Don't Making Crush Here<br><br>

<center>~~~~~~~~~~~~~~~~~~~~~<br>YOUR CBOX CODE HERE<br>~~~~~~~~~~~~~~~~~~~~~</center><br>

<div class="title">Thank You</div>
<div class="title1">Smart Creatives</div><br>
<center>Template by <a href="http://www.kawaiibluegirl.co.vu/">Azzahra</a><br>
Coding by <a href="http://arrienlove.blogspot.com/">Arrien Amani</a><br>
Background by <a href="http://nurulatiqahjaidin.blogspot.com/">Nurul Atiqah</a><br>
The Best View by Google Chrome
</div></div></td>

<td valign="top" style="width:600px; padding:10px; ">
<div id="entry">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> |  <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br>

<$blogitembody$>
</p>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://24.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo5_250.png); box-shadow:0  0 3px #ccc;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>Older</a></OlderPosts>&nbsp; &nbsp; | &nbsp; &nbsp;<NewerPosts><a href=<$NewerPosts$>Newer</a></NewerPosts></center>
</td></tr></tbody>

<div id="about" style="display: none;">
<div class="title">About The Owner</div>
<div class="title1">Lady Behind Screen</div><br>

<center><img src="http://data3.whicdn.com/images/109507952/large.jpg" width="400"></center><br>

Anyeong, I'm Zahra. 12 years young. Love grey and like simple.<br><br>

<blockquote>Replace with your own profile</blockquote>
</div>
</div>
</table>

<div id="journal" style="display: none;">
<Blogger>
<div class="title"><$BlogItemTitle$></div><div class="title1" style="float:center;text-align:left;"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> |  <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Comments</a></BlogItemCommentsEnabled></div><br>

<$blogitembody$>


</p>

<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a>
<dl id="comments-block">
<div style="width:500px; padding:5px;margin-top:20px;border:4px solid #fff;6px;background:url(http://24.media.tumblr.com/tumblr_ltqq73Kh5g1qhvdofo5_250.png); box-shadow:0  0 3px #ccc;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$BlogCommentAnchorName$>"><a name="<$BlogCommentAnchorName$>"></a>
 <$I18NCommentAuthorSaid$></dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
<$BlogCommentDeleteIcon$>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl>
<p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
</ItemPage>


</Blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>Older</a></OlderPosts>&nbsp; &nbsp; | &nbsp; &nbsp;<NewerPosts><a href=<$NewerPosts$>Newer</a></NewerPosts></center>

<div id="links" style="display: none;">
<div class="title">Exchange Links</div>
<div class="title1">Meet My Friends Here</div><br>
<center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidYPs-BiQe72kTE_oJkBoE2_S1hnKy_RvFFPJ8bey2J8NeS_g3t1Ef6urqLdQod8vHGzZgPX-fGqDoqgijGrsJbrTHGzHhAbbiyPe24ybjn8fNIG8fuc_8up5OXD4zoepVERm7btUeAdaZ/s1600/5c743281b300abdc2d6ba42f0a965956.jpg" width="400"></center><br>

<blockquote>Wanna Exchange With Me?</blockquote><br>

<div style="margin-center: 30px;">
<a class="link" href="http://nafaraisya.blogspot.com/">Zahra</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
<a class="link" href="/">Open</a>
</div>

</div>

                                         A második Design kódja:

<html><head>
<!--------------------------------------
Blogger Classic Template
Name: Someone like U
Skin by: kawaiilady.blogspot.com
*Don't remove this*
*Don't use this skin as basecode*
--------------------------------------!>
<center><div style="position:center;margin-top:25px;width:900px;border:4px solid #FFE3E3;background:url(http://i.imgur.com/5Dy51.png) ; height:314px;"><img src="http://25.media.tumblr.com/9cf11ea6cb3fbfb34b0a2a74ad309080/tumblr_mswbupNpLB1rmhw1ho1_500.jpg" style="float:left;width:400px;"><br/>
<div class="nana">Disclaimer</div><br/><div style="text-align:center; padding-left: 20px;font-size: 13px;margin: 10px;margin-left:400px;font-family:candara;">Asssalamualaikum and hye visitor...Welcome to my online diary. Please navigate around happily. And follow me if you like to ;> Leave your footprint on my cbox...Hate my blog? click <a href="javascript:window.close();">Here</a><br><br><br></div>

<!-------- NAVIGATION --------!>

<div style="font-size:20px;text-align:center; padding-left:22px;display:inline-block;center;">
<div class="top">
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('diary').innerHTML" >Diary</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('profile').innerHTML" >About</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('links').innerHTML" >Link</a>
<a class="tablo" onclick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML" >Stuff</a></div>
</center>

<script type="text/javascript">
document.ondragstart = function () { return false; }; </script>

<link href='http://fonts.googleapis.com/css?family=Short+Stack' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Cinzel+Decorative' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Petit+Formal+Script' rel='stylesheet' type='text/css'>

<title> //Sweet diary</title>
<link rel="shortcut icon" href="http://media.tumblr.com/tumblr_lnvuxxQNP31qepbs7.gif">
<style type="text/css">
#navbar-iframe {
display: none;
}

body {
color:#333333;
background: url(http://media.tumblr.com/tumblr_lodsr0JJJr1qapbyt.gif);
background-attachment:fixed;
cursor: url(http://www.dolliehost.com/dolliecrave/cursors/cursors-food/food21.gif), auto;
font-family: candara;
line-height: 15px
font-size: 11px;
}
a:link, a:visited {
text-decoration:none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color:#666;border:1px solid transparent;
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth654.cur), progress;
}
a:hover{
border:1px solid #FFA3C2;
color:#999;
border-radius:10px;
}
::-webkit-scrollbar {
width: 9px;
height: 9px;
}
::-webkit-scrollbar-track-piece  {
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb:vertical, ::-webkit-scrollbar-thumb:horizontal {
background-color: #FFE8ED;
border: 4px double #FFC8D3;
}

img {
opacity:1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
border-bottom:2px solid transparent;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

img:hover {
opacity:0.6;
}
::-moz-selection {
background:#FFF2F5;
color:#FFA3C2;
}

::selection {
color:#FFA3C2;background:#FFF2F5;
}

blockquote {
border: 2px dashed #FFCFDA;
border-radius:5px;border-left: 12px solid #FFCFDA;
background:url(http://i.imgur.com/AhPnJ.png);
padding :10px;
-moz-transition: all 1.0s ease-in-out;
-o-transition: all 1.0s ease-in-out;
-ms-transition: all 1.0s ease-in-out;
transition: all 1.0s ease-in-out;
}
blockquote:hover {
border: 2px dashed #FFC2D6;
border-radius: 30px;border-right: 12px solid #FFCFDA;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5wW2RQ4nrRy_vorkCthcze5KKIXigb_mtEUNvPDfpI2ReHX7QZQG0yy4JqbRGsjAws_KCFxpbHGZ9cRkz1n2HKpCiCzXW3uYdxF6rtO1XIQOlqKgp4C8QlyTx62rcKpGANqQ2ZINxbIrh/s1600/grey.png);
-webkit-box-shadow: 0px 0px 12px 2px #FFE0E7;
-moz-box-shadow:    0px 0px 12px 2px #FFE0E7;
box-shadow:         0px 0px 12px 2px #FFE0E7;
}
.title-a {
font: 14px;
font-family: 'Cinzel Decorative', cursive;
margin: 5px;
border-radius:10px;
text-transform:uppercase;
color:#666666;
letter-spacing:2px;
padding: 5px;
line-height:15px;
text-align: center;
border-left: 25px solid #FFD1E0;
border-right: 25px solid #FFD1E0;
border-top: 2px solid #FFD1E0;
border-bottom: 2px solid #FFD1E0;
background: #ffffff;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.title-a:hover {
border-left: 60px solid #FFD1E0;
border-right: 1px solid #FFD1E0;
}
.title-b {
text-align: center;
font:11px arial;
}

u {
text-decoration:none;
color:#616161;
line-height: 10px;
border-bottom: 2px solid #FFA4BC;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

u:hover {
border-bottom: 6px solid transparent;
}


b {
color: #FFA4BC;
font-weight: bold;
}

strike {
text-decoration: line through;
color:#FFA4BC;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

strike:hover {
color: transparent;
}
a.tablo{
box-shadow:2px 7px 3px 3px #FFDCE1;
background:#FFCED5;
width:66px;margin:3px;
font:12px Candara;
padding-top:26px;
padding-bottom:26px;
display:inline-block;
border-radius: 50px;
text-align:center;
color: #555;
text-transform:uppercase;
letter-spacing:1px;
border:0px dotted #FFEEF3;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a.tablo:hover{
background:#FFEBEF;
color:#FF6699;
-moz-transform: rotate(360deg) scale(0.7);
-webkit-transform: rotate(360deg) scale(0.7);
-o-transform: rotate(360deg) scale(0.7);
-ms-transform: rotate(360deg) scale(0.7);
transform: rotate(360deg) scale(0.7);
}
a.linkies {
display:inline-block;
background-color:#FFE4ED;width:100px;
background-image:url(http://dl7.glitter-graphics.net/pub/2020/2020957h9o8ggonuo.gif);
background-repeat:no-repeat;
background-size:24px;
background-position:100% 100%;
padding: 5px;
border:2px solid #FFC2D7;
margin: 3px;text-align:left;
color:#222222;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}

a.linkies:hover {
border-radius:10px;
color:#ffffff;
border:2px solid #FFE4ED;
background-color:#FFC2D7;
}
a.nav{
box-shadow: inset 9px 0 0px 0 #FFB2CC;
margin:1px;
display:inline-block;
text-align:center;
background: #fff;
color:4d4d4d;
width:350px;
border:1px solid #FFCCFF;
border-left:20px solid #F4D4FF;
width: 350px;
overflow: hidden;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
a.nav:hover{
box-shadow: inset 850px 0 0px 0 #FFFFFF;
color: #555;
}
a.uhmy {
letter-spacing:1px;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
margin:2px;
text-transform:uppercase;
display:inline-block;
font:9px Tahoma;
text-align:center;
background: #ffffff;
width:350px;
color:#777;
padding:3px;
border:1px solid #FFC2D6;
text-decoration:none;
}
a.uhmy:hover{
border-left:1px solid #FF6699;
color:#ff6699;
border:1px solid #FFC2D6;
}
.cutie {
background: #ffffff;
color: #6C6C6C;
font-size: 11px;
padding: 4px;
width: 250px;
border-radius: 10px;
text-align: justify;
}
.nana {
font:13px;background:#FFF5F7;
font-family: 'Cinzel Decorative', cursive;
margin-right:20px;margin-top:5px;margin-bottom:5px;
margin-left:425px;padding:3px;
text-align: center;border-radius:10px;
border: 2px solid #FFD1E0;box-shadow:2px 2px 4px #FFE4EA;
}
.mimi {
font: 14px;padding-left:9px;
font-family: 'Patrick Hand', cursive;
margin-bottom: 5px;margin-top: 10px;
border-radius:30px;
color:#666666;
letter-spacing:2px;
padding-top: 7px;padding-bottom: 7px;
text-align: left;
background-color:#FFF2F7;
background-image:url(http://dl7.glitter-graphics.net/pub/2020/2020957h9o8ggonuo.gif);
background-repeat:no-repeat;
background-size:24px;
background-position:95% 100%;
border: 2px solid #FFC2D7;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.mimi:hover {
border-radius:0px;
}

.old {
background: url(http://i.imgur.com/6KKVi.gif);
font:12px trebuchet ms;
padding:2px;
text-align:center;
}
/* Comment Start
----------------------------------------------- */
#comments h4 {
text-align:center; color: #555555;
font-weight:normal;
font:17px georgia;
font-style:italic;
}
#comments-block {
width:480px;
margin:1.5em;
color:#444444;text-align:left;
font:11px short stack;
}
.comment-body {
margin:0px;
}
.comment-body p {
background:#FFFFFF;
border-radius: 5px;
box-shadow:0px 0px 4px 2px #FFE6EA;
border:2px dashed #FFFFFF;
margin:0em;text-align:center;
padding:5px;
color:#333333;
}
.comment-timestamp {
margin:1em;
text-align:center; color: #555555;
font-weight:normal;
font:15px georgia;
}
.comment-data {
margin-top:5px !important;margin-bottom:10px !important;
padding:3px;
color:#666666;text-align:center;
}
.comment-icon blogger-comment-icon{display:none}
span.comment-icon{display:none}

.deleted-comment {
font-style:italic;
color:#B2B2B2;
}
/* Comment Ends
----------------------------------------------- */
</style>
</head>

<!-------- MAIN WRAPPER --------!>

<table style="margin-bottom: 10px;margin-top:30px;font-size:13px;padding-left: 10px;padding-right: 10px; line-height: 16px; background:url(http://i.imgur.com/5Dy51.png); border: 4px solid #FFE3E3; border-bottom:20px solid #FFE3E3;border-top:10px solid #FFE3E3;" width="900" align="center" border="0" cellspacing="10";>
<tbody><tr>
<td valign="top" style="width:530px; padding-right:5px; border-right:2px solid #ffeeee; padding-bottom:5px;; padding-left:15px; ">
<div id="page">
<blogger><div class="title-a"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Sweet hearts</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> posted :</h4></center>
<center>
<dl id="comments-block">
<div style="width:475px;padding:5px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$I18NCommentAuthorsaid$><a name="<$BlogCommentAnchorName$> <$I18NAtCommentTimeWithPermalink$></a>
</dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl></center>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
    </div>
</ItemPage></center>
<br />
</blogger>

<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  |  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts</a></OlderPosts></center></div>

<!-------- SIDEBAR WRAPPER --------!>

<td valign="top" style="line-height:15px; font-size:11px; width:240px; padding-right:10px;"background:url(http://i.imgur.com/5Dy51.png);>

<div class="cutie">
<div class="mimi">Follow or leave ?</div><br>
<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-138.jpg" width="240" height="150"><br><br>
<div style="font-size: 13px;text-align: center;font-family: 'Petit Formal Script', cursive;border-radius: 10px;background:#ffffff;color:808080;"><a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>">follow</a> | <a href="http://www.blogger.com/home" ">dash</a></div>

<div class="cutie">
<div class="mimi">Chatting Here</div><br>

<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-221.jpg";width="240" height="150"><br>
<center>Don't use harsh word<center>
<center>Put your blog url<center><br>

SHOUTBOX CODE HERE
<div class="cutie">
<div class="mimi">Post history</div><br>
<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-042.jpg" width="230" height="150"><br><br>
<center><select style="background-color: #FFD6EB; color: #4D4D4D; font: 10px 'Patrick Hand', cursive; letter-spacing: 2px; border: 2px #FF99CC solid; padding: 2px; width: 230px;" onChange="location.href=this.options[this.selectedIndex].value;">
<option value=''>Blog Archive ♥</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"> <$BlogArchiveName$></option>
</BloggerArchives></select></center><br><br>

Template By: <a href="http://kawaiilady.blogspot.com/">Kawaii</a> <a href="blogskins.com/me/teddy_chimi">Lady</a><br>
Some stuff: <a href="http://nurulatiqahjaidin.blogspot.com/">♥ </a><a href="https://www.google.com.my/">♥</a><a href="http://wanaseoby.blogspot.com/"> ♥</a><a href="http://www.screamcute.com/"> ♥</a><br>
</div>
</td>
</tr></tbody>
</table>

<!-------- PAGE WRAPPER --------!>

<div id="profile" style="display: none;">
<div class="title-a">Meet The Owner</div><br>
<center><img src="http://www.sadmuffin.net/screamcute/graphics/photography-food/food-091.jpg"width="450" /></center><br>
<center><u>I'am just a normal girl like other</u><br><br>
<div style="text-align: left; padding-left: 30px;">
<b>Name</b> : Sweety... <br>
<b>Born on</b> : Sweet 16... <br>
<b>State</b> : ?... <br>
<b>Country</b> : ?... <br>
<b>Language</b> : ?... <br>
<b>Religion</b> : ?... <br>
<b>Wishes</b> : Dream come true... <br>
<b>Hobby</b> : Onine... <br>
<b>Ambition</b> : Chef... <br>
<b>Quotes</b> : Smile sweetly like muffin...:') <br>
<b>Contact</b> : <a href="https://twitter.com/YOUR TWITTER">Twitter</a> | <a href="http://www.facebook.com/YOUR FB">Facebook</a></center><br><br></center>
<div style="text-align: left; padding-left: 30px; padding-right: 20px;">
<u>I love </u><br><br>
♥  You... <br>
♥  Me... <br>
♥  Her... <br>
♥  Him... <br>
♥  They... <br>
♥  Us... <br><br>
<u>I Hate </u><br><br>
✖  CopyCat <br>
✖  Back Stabbers <br>
✖  Hipokrit <br>
✖  Couple <br>
✖  Make up <br>
✖  Annoying person<br>
✖  Insects <br><br>
<center><u>About this blog</u><br><br>This blog has been created at the beginning of 2012 ... don't remember when ;) The aim is just for fun.. Ngee ..<br><br>
<center><u>Replace this!<u><br><br>

<div id="links" style="display: none;">
<div class="title-a">Link Exchanges</div><br>
<center>
<img src="http://os1.i.ua/3/1/9724925_b8f2038c.jpg"width="450" /><br><br>
<div style="text-align: left; padding-left: 20px; padding-right: 20px;"><img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; Exchange link? tell me at my cbox...<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; Put mine as...<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; Also include your nickname to put...<br><br><br>

<a class="linkies" href="http://kawaiilady.blogspot.com/">Ezah</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a>
<a class="linkies" href="">friend</a><br/><br/>
</div>
<div id="rules" style="display: none;">

<div class="title-a">Read this rules first</div><br>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://bakinandeggs.files.wordpress.com/2009/03/strawberrycake.jpg" width="450" /></div><br>

<div style="text-align: left; padding-left: 20px; padding-right: 20px;">
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 1. your rules.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif"/>&nbsp; 2. your rules.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 3. your rules.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 4. blablabla.<br>
<img src="http://dl10.glitter-graphics.net/pub/1409/1409800yquef832j1.gif" />&nbsp; 5. blablabla.<br><br><br></div>

<div style="text-align: center;">
<span onClick="document.getElementById('page').innerHTML=document.getElementById('stuff').innerHTML"><b><u>Tutorial</u></b></span>   or   <span onClick="document.getElementById('page').innerHTML=document.getElementById('free').innerHTML"><b><u>Freebies</u></b></span><br>
</div>
<div id="stuff" style="display: none;">

<div class="title-a">Blog Tutorial...</div><br>
<center><img src="http://www.cabotcheese.coop/usr_images/siteImages/large/FreshStrawberryIceboxCake.jpg"width="450" /></center><br>
<br><br>
<center><u>Tutorial</u><br><br>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<a class="uhmy" href="http://link">option</a>
<br><br><br><br></center>
<center><span onClick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML">< Return</span></center></div>

<div id="free" style="display: none;">
<div class="title-a">Extras by me...</div><br>
<center><img src="http://i.pinger.pl/pgr340/346efcce00273a9a4c593507/Mary-Berry-Strawberry-cake_13K.jpg_e_be4a040f41dfb65a155b3b24351d007c.jpg"width="450" /></center><br />
<br /><br />
<center><u>Template designer.</u><br><br>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<a class="nav" href="http://link">option</a>
<br><br><br><span onClick="document.getElementById('page').innerHTML=document.getElementById('rules').innerHTML">< Return</span>
</div></center>

<div id="diary" style="display: none;">
<blogger><div class="title-a"><BlogItemTitle><span class="PostTitle">
<a href="<$BlogItemPermalinkURL$>">
<$BlogItemTitle$></a></span></BlogItemTitle></div>
<div class="title-b"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> • <$BlogItemDateTime$> • <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> Sweet hearts</span></a></BlogItemCommentsEnabled></div><br>
<$BlogItemBody$></br>
<itempage>
  <div id="comments" style="margin-top:5px;">
 <blogitemcommentsenabled><a name="comments"></a><center><h4><$I18NNumComments$> posted :</h4></center>
<center>
<dl id="comments-block">
<div style="width:475px;padding:5px;">
      <$CommentPager$>
      <blogitemcomments>
<dt class="comment-data" id="<$I18NCommentAuthorsaid$><a name="<$BlogCommentAnchorName$> <$I18NAtCommentTimeWithPermalink$></a>
</dt>
<dd class="comment-body">
        <p>
<$BlogCommentBody$></p>
      </dd>
   </BlogItemComments>
    <$CommentPager$>
    </dl></center>
</div>
<center><p class="comment-timestamp">
<$BlogItemCreate$>
    </p>
    </div>
</ItemPage></center>
<br />
</blogger>

<div class="old"><NewerPosts><a href="<$NewerPosts$>" target="_blank">Newer Posts</a>  |  </NewerPosts>  <OlderPosts> <a href="<$OlderPosts$>" target="_blank">Older Posts</a></OlderPosts></center></div>

</body></html></table>


Még többet ITT találtok! c:

Nincsenek megjegyzések:

Megjegyzés küldése