SPOTBLR - Ingyenes Blogspot klasszikus tumblr kinézet #1

<!-- a témát készítette: Thea (http://themesbythea.blogspot.hu ÉS http://mindenurlfoglalt.blogspot.hu) -->

<html>
<head>

<!-- emiatt a sorocska miatt működnek az ikonok (ne töröld) -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- emiatt a pár sorocska miatt működnek a betűtípusok (ne töröld) -->
<link href="https://fonts.googleapis.com/css?family=Arimo|Leckerli+One|Libre+Baskerville|Open+Sans&amp;subset=latin-ext" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:900&amp;subset=latin-ext" rel="stylesheet">

<link rel="alternate" type="application/atom+xml" href="<$BlogURL$>feeds/posts/default">
<link rel="alternate" type="application/rss+xml" href="<$BlogURL$>feeds/posts/default?alt=rss">
<link rel="service.post" type="application/atom+xml" href="https://www.blogger.com/feeds/<$BlogID$>/posts/default">

<!-- favicon (a href=" " közötti linket cseréld ki a saját faviconodra) -->
<link href="https://goo.gl/j7RV8C" rel="icon" type="image/x-icon"/>

<title><$blogpagetitle$></title>

<style type="text/css">

#navbar-iframe {
display:none;
}

/* mindenegyben, például linkek, félkövér, kijelölés stb. kinézete
----------------------------------------------- */
body, td {
background: #fafafa;
font-family: 'Arimo', sans-serif;
font-size: 13px;
color: #a7a7a7;
text-align: justify;
line-height: 20px;
}

a {
color: #529ecc;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #529ecc;
font-weight: bold;
text-decoration: none;
}

i {
font-style: italic;
color: #529ecc;
}

u {
text-decoration: none;
border-bottom: 1px solid #529ecc;
}

s {
color: #cccccc;
padding: 1px;
}

::-moz-selection {
color: #529ecc; }
::selection {
color: #529ecc; }


/* amitől az egész úgy néz ki, mint egy tumblr blog
----------------------------------------------- */
.header {
background: url(https://goo.gl/nyhrGV) repeat; /* ha le szeretnéd cserélni a fejléc képét, a zárójelben lévő linket cseréld le a képed url címére */
top: 0px;
left: 0px;
width: 100%;
height: 350px;
position: absolute;
}

.avatar {
background: #f4f4f4;
margin-top: 270px;
width: 106px;
border-radius: 8px;
border: 4px solid #fafafa;
-webkit-transition: all 0.3s ease-out;
moz--transition: all 0.3s ease-out;
}

.avatar:hover {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
cursor: crosshair;
}

.title {
font-family: 'Catamaran', sans-serif;
font-size: 55px;
font-weight: 900;
color: #444;
text-align: center;
padding: 35px;
}

.blog-entry {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 12px;
width: 700px;
}

.blog-entry img{
width: 100%;
height: auto;
padding-top: 15px;
padding-bottom: 15px;
}

.pager {
width: 725px;
height: 45px;
background: #ffffff;
border: 1px solid #ddd;
border-radius: 3px;
}

.older {
margin: 13px;
}

.newer {
margin: 13px;
}

#meow {
background: #fff;
border: 1px solid #ddd;
bottom: 10px;
right: 10px;
position: fixed;
padding: 3px;
letter-spacing: 1px;
font-size: 15px;
border-radius: 2px;
-moz-box-shadow: 3px 3px rgba(0,0,0,0.2);
-webkit-box-shadow: 3px 3px rgba(0,0,0,0.2);
box-shadow: 3px 3px rgba(0,0,0,0.2);
opacity:0.9;
}

#meow a {
color: #444444;
}

#meow a:hover {
color: #444444;
}

.blogger-labels {
font-size: 0px;
margin-top: 10px;
}

.blogger-labels a {
font-family: 'Arimo', sans-serif;
color: #999;
font-size: 10px;
font-weight: 100;
text-transform: uppercase;
padding: 3px;
margin-right: 5px;
text-decoration: none!important;
}

blockquote {
font-family: 'Libre Baskerville', serif;
font-size: 25px;
text-align: left;
color: #444444;
padding: 20px;
}

.heart {
font-size: 20px;
color: #444;
}

</style></head><body>

<div class="header">
<!--- ha le szeretnéd cserélni az avatart, az alábbi linket (a src=" " között) írd át ---!>
<center><img class="avatar" src="https://goo.gl/vLdwXr"></center></div>

<table cellpadding="0" align="center" style="margin-top: 380px"><tr>
<td valign="top" width="700px">

<!--- cím és leírás ---!>
<center><div class="title">Oldalnév</div></center>
<div style="text-align: center; font-family: Open sans; color: #7b7b7b; margin-bottom: 40px">
Az oldalad leírásának helye. Ide jöhet például egy rövidke üdvözlőszöveg, amivel köszöntöd a látogatókat, vagy éppen pár szó rólad - ne habozz, légy kreatív. <br>
<center> <b>félkövér,</b> <i>dőlt,</i> <u>aláhúzott,</u> <s>áthúzott</s>

<br><br>
<center>
<!--- menü ---!>
<a href="LINK HELYE">HOME</a>   |   <a href="LINK HELYE">ABOUT ME</a>   |   <a href="LINK HELYE">MESSAGE</a>   |   <a href="LINK HELYE">ARCHIVE</a>
</center>
</div>

<!--- bejegyzések - ehhez itt ne nyúlj ---!>
<div id="meow">
<a href="http://themesbythea.blogspot.hu/" target="_blank">☾⋆</a>
</div>
<Blogger>
<div class="blog-entry">
<div class="title"><$BlogItemTitle$></div>
<$BlogItemBody$>
<p align="left"><b><span class="fa fa-user-o"></span> <$BlogItemAuthor$>&nbsp;
<span class="fa fa-calendar"></span> <BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> - <$BlogItemDateTime$>&nbsp;
<span class="fa fa-comments-o"></span>
<a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> komment</a></p>
<div class="heart">
<p align="right"><a href="<$BlogItemPermalinkURL$>"<span class="fa fa-heart-o"></span></a></b></p></div>
</div><br>
</Blogger>

<!--- lapozó - ehhez se nyúlj ---!>
<div class="pager">
<span style="float:right;" class="older"><Olderposts><a href=<$OlderPosts$> target="_self"> régebbi bejegyzések » </a> </OlderPosts></span>
<span style="float:left;" class="newer"><Newerposts><a href=<$NewerPosts$> target="_self"> « újabb bejegyzések </a> </NewerPosts></span>
</div>

</td></tr>
</table></div>

</body>
</html>

<!---------------------- legyen szép napod! ♡ -------------------!>