1. Saját, alap
Csíkfejléces teljes design. Itt megtekinthető.
Kód:
<html>
<head>
<title>Feather</title>
<style>
body {
background:#EFEEEE;
color:#8BCBF0;
text-align: justify;
font-family:tahoma;
font-size:9pt;
letter-spacing:1px;
font-weight: none;
line-height: 12px;
padding:4px;
}
#container {
margin: 0 auto 0 auto;
width: 1024px;
background-color: #ffffff;
padding:0px;
}
a:link, a:visited, a:active
{color:#FF913B;text-decoration: none; font-weight: bold; }
a:hover
{cursor: help; color:#7232D3; text-transform : none;}
a.dd, a.dd:active, a.dd:visited, a.dd:link{
display:block;
color:#2A168D;
background:#5793DE;
padding:4px;
text-align:left;
font-weight:normal;
text-decoration:none;
font-family:tahoma;
font-size:11px;
border-bottom:1px solid #7232D3;
}
a.dd:hover{
display:block;
color:#ffffff;
background:#356BC4;
padding:4px;
text-align:left;
text-decoration:none;
font-family:tahoma;
font-size:11px;
border-bottom:1px solid #dee4e4;}#41B0DE
a.navi:link, a.navi:visited, a.navi:active {
background: #89B4EA;
color: #5193EC;
display: block;
padding: 2px 5px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase; letter-spacing: 1px;
margin: 1px;
}
a.navi:hover {
background:#BEE1F0;
color:#EFCA84;
}
a.nav2, a.nav2:link, a.nav2:active, a.nav2:visited {
width:50px;
height:60px;
display: inline-block;
color: #F0E8BE;
font-size:16px;
margin: 2px;
line-height:40px;
text-align:center;
background: #24C2CC;
font-family:georgia;
text-transform:lowercase;
font-style: italic;
text-decoration:none;
font-weight:normal;
letter-spacing:-1px;
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
border-radius:2px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
box-shadow: 4px 4px 4px #F0E8BE;
}
a.nav2:hover {
-webkit-transition: 1s ease-out;-moz-transition: 1s ease-out;transition: 1s ease-out;
width:90px;
color: #353CD5;
margin: 2px;
background: #B2B3D0;
border-radius:50px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
-khtml-border-radius:2px;
box-shadow: 4px 4px 4px #ffffff;
}
ul { padding: 2px; list-style-type: none; }
li { color: #5483B8; background:#6EA7ED;text-align: left; width: 99%; float: left; margin-right: 2px;
margin-bottom: 2px; padding: 2px; display: block; }
.dblogsidebar {
background-color:#B2B3D0;
font-face: tahoma;
font-size:11px;
color:#4E118D;
padding: 2px;
text-align: justify;
padding:3px;
border-radius:2px;
box-shadow: 2px 2px 2px #DDDDD9;
}
.dblogsidebar2 {
background-color:#B2B3D0;
font-face: tahoma;
font-size:11px;
color:#D35532;
padding: 2px;
text-align: justify;
padding:3px;
border-radius:2px;
box-shadow: 2px 2px 2px #DDDDD9;
}
.dblogtitle {
font-family:arial;
text-transform: uppercase;
font-size:11pt;
color:#1D0A65;
text-align: center;
line-height: 10px;
background:#EAB789;
border-radius:5px;
padding:6px;
}
.dtitle {
font-family:arial;
text-transform: uppercase;
font-size:11pt;
color:#AA1A1A;
text-align: center;
line-height: 10px;
padding:6px;
background:#F0E8BE;
border-radius:5px;
}
.dblogcontent {
background-color:none;
font-face: tahoma;
font-size:11px;
line-height: 13px;
color:#A85A26;
padding: 2px;
text-align: justify;
padding:3px;
}
.dblogdate {
background-color:none;
font-face: tahoma;
font-size:9px;
color:#B75D5D;
padding: 2px;
text-align: left;
padding:3px;
border-top:2px solid #EEE08B;
}
u{ color:#8BCBF0; border-bottom:1px solid #EEE08B; }
b{ color:#7A1FB4; font-weight:bold;}
i { color:#5C7EEE;font-style:italic;}
s{color:#EAB789; }
blockquote{
background:#EEE08B;
border-right:30px solid #EC8251;
border-radius:2px;
font-family:tahoma;
font-style:normal;
font-size:7pt;
color:#B75D5D;
letter-spacing:1px;
line-height:10px;
padding:4px;
}
table {font-face: tahoma;font-size:9px;color:#b3803a;padding: 2px;text-align: justify;padding:3px;}</style>
</head>
<noembed><body></noembed><div id="container">
<div style="position: absolute; top:0px;">
<img src="/*CSÍKFEJLÉC HELYE*/" border="0">
<div style="position:absolute; x-index:0; left: 100px; width:600px; top:100px;">
<table id="navi" align="left" width=><tr>
<td><a href="http://link.com" class="nav2">ME</a></td>
<td><a href="http://facebook.com" class="nav2">FB</a></td>
<td><a href="http://twitter.com" class="nav2">TWT</a></td>
<td><a href="http://youtube.com" class="nav2">YT</a></td>
</tr></table></div>
<div style="padding:4px;position:absolute; top:100px;left:720px; width:260px; overflow: auto; color:#8B4C76;
border-radius:10px;">
<div align="justify"><br>
<div class=dblogsidebar>
<div class=dtitle>PROLÓGUS</div>
<b></b> <br>
<br>
Sziasztok! Itt van kinn a prológus, ebben a modulban.
<b> bold text</b> <i>italic text</i> <u>underlined text</u> <s>strikethrough text</s><br><br>
<blockquote>
blockquote preview</blockquote><br><br>
</div>
<p>
<div class=dblogsidebar2>
<div class=dtitle>CSERÉK :33</div>
<table width="100%" cellspacing="0" cellpadding="0"></tr>
<td width="50%">
<a class="navi" href="">Üres</a>
<a class="navi" href="">Üres</a>
<a class="navi" href="http://www.chingoo.com">Üres</a>
</td>
<td width="50%">
<a class="navi" href="">Üres</a>
<a class="navi" href="">Üres</a>
<a class="navi" href="">Üres</a>
</td></tr></table><br></div>
<p><div class=dblogsidebar>
<div class=dtitle>SIDEBAR</div>
<center>
<br>
SZÖVEGSZÖVEG :d
<br>
</center>
</div>
<p><div class=dblogsidebar2>
<div class=dtitle>ARHCHÍVUM</div><br>
<center>
<select name="archivemenu" style="background: none repeat scroll 0% 0%; width: 140px; font-size: 9px;
color:#031248; font-family: Tahoma;" onchange=
"document.location.href=this.options[this.selectedIndex].value;">
<option selected>- Hónapok-</option>
<BloggerArchives>
<option value="<$BlogArchiveURL$>"><$BlogArchiveName$></option>
</BloggerArchives>
</select><br><br>
</center><br>
</div>
<p><div class=dblogsidebar>
<div class=dtitle>THXXX</div>
<ul>
<li>Blog: Zabby</li>
<li>Design: <a href="http://designerpoints.blogspot.hu/</a>Zabby</li>
<li>: <a href=""></a></li>
</ul><br><br><br><br><br><br></div>
</div></div><br>
<div style="background:#5B8B8C;padding:4px;position: absolute; top:145px; left:70px; width:640px; overflow: auto; border-radius:2px; box-shadow: 2px 2px 2px #DDDDD9;">
<Blogger>
<div class=dblogtitle><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class=dblogcontent>
<BlogItemBody><$BlogItemBody$></BlogItemBody>
</div>
<div class=dblogdate>
<b>DÁTUM:</b><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
<b>IDŐ:</b>{<BlogItemDateTime><$BlogItemDateTime$></BlogItemDateTime>}
<b>KOMIK:</b> <MainOrArchivePage>
<BlogItemCommentsEnabled>
<a href="<$BlogItemPermalinkURL$>">
(<$BlogItemCommentCount$>) VÁLASZ<br>
</a>
</BlogItemCommentsEnabled>
</MainOrArchivePage>
</center>
<ItemPage>
<BlogItemCommentsEnabled>
<div class="blogComments">
Comments:
<BlogItemComments>
<div class="blogComment">
<a name="<$BlogCommentNumber$>"></a>
<$BlogCommentBody$><br />
<div class="byline"><a href="<$BlogCommentPermalinkURL$>"title="permanent link">♥ </a> posted by <$BlogCommentAuthor$> : <$BlogCommentDateTime$></div>
<$BlogCommentDeleteIcon$>
</div>
</BlogItemComments>
<$BlogItemCreate$>
</div>
</BlogItemCommentsEnabled>
</ItemPage></center><br></div>
<br>
</Blogger>
<center>
<font size="6"><OlderPosts><a href="<$OlderPosts$>">«</a></OlderPosts>
<NewerPosts><a href="<$NewerPosts$>">»</a></NewerPosts></font>
</center>
<br>
</div>
</div>
</body>
</html>
xxZabby
xxZabby
Nincsenek megjegyzések:
Megjegyzés küldése