::kusagi no rai-chan::
life is like a videogame to conquer the game all you have to do is play...
my layouts
I don't make layouts anymore but I'd like to share some of the simple layouts I edited... If you're planning to use these layouts please host the pictures on your own photohosting account (such as photobucket).
Thanks!
Oguri Shun
title: Oguri Shun
description: my old friendster layout, i made the background intially as my wallpaper, then edited it as a layout background.
/* michael's friendster profile editor v4.1 */
/* http://www.editfriendster.com */
/* PAGE BACKGROUND */
body {
background-image: url(BACKGROUND URL GOES HERE);
background-attachment: fixed;
background-color: #ffffff;
}
/* GLOBAL FONTS */
.usercontent {
color: #ffffff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #ffffff;
}
.usercontent a:hover {
text-decoration: none;
color: #ffffff;
}
/* MASTER BOXES */
.commonbox {
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #ffffff;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ffffff;
border-style: none;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #ffffff;
}
.controlpanel .data {
color: #ffffff;
}
.data a {
color: #ffffff;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #ffffff;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
color: #ffffff;
border-color: transparent;
background-color: transparent;
}
#controlPanelButtons a:hover {
border-color: transparent;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
color: #ffffff;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #ffffff;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #ffffff;
background-color: transparent;
}
myspace
title: Angels kick ass too
description: my first myspace layout with personalized contact table design, banner design and colored scroll bar
<STYLE>a, a.man, a:link, a:visited{color:000000; font-size:10pt; font-weight:normal; text-decoration:none; font-style:normal} a:active, a:hover{color:FF0000; font-size:10pt; font-weight:normal; text-decoration:none; font-style:normal;}td, table, tr, span, li, p, div, textarea, DIV {color:000000; font-weight:normal; font-decoration:none; font-style:normal;background-color:transparent} td, li, p, div, textarea {border-color:} table{border-color:}a.navbar{font-size:10pt; font-weight:normal} a.navbar:link{color:000000;} a.navbar:active{color:FF0000;} a.navbar:visited{color:000000;} a.navbar:hover{color:FF0000;}a.searchlinkSmall{font-size:10pt; text-decoration:none; font-weight:normal;} a.searchlinkSmall:link{color:000000} a.searchlinkSmall:active{color:FF0000} a.searchlinkSmall:visited{color:000000} a.searchlinkSmall:hover{color:FF0000}body{background-color:;background-image:url(BACKGROUND URL GOES HERE); background-position:0%; background-repeat:repeat; background-attachment:fixed;}.nametext{font-size:12pt;color:000000; font-weight:none;}.blacktext10{font-size:8pt; color:000000; font-weight:normal;}.blacktext12{font-size:8pt; color:000000; font-weight:normal;}.btext, .itext, .text{font-size:8pt; color:000000; font-weight:none;}.orangetext15{font-size:8pt; color:000000; font-weight:none;}.lightbluetext8{font-size:8pt; color:000000; font-weight:none;}.tmz_imp{font-family:arial;color:FF0000;font-weight:bold}a img{}a:hover img{}body{scrollbar-arrow-color:000000;scrollbar-Track-Color:;scrollbar-Highlight-Color:000000;scrollbar-base-color:000000;scrollbar-Face-Color:;scrollbar-Shadow-Color:000000;scrollbar-DarkShadow-Color:000000</STYLE>..
<style type=text/css>
BODY {
scrollbar-3dlight-color:c7c7c7;
scrollbar-shadow-color:ffffff;
scrollbar-face-color:ffffa7;
scrollbar-darkshadow-color:c7c7c7;
scrollbar-track-color:ffffe7;
scrollbar-arrow-color:78a7ff;
scrollbar-highlight-color:ffffff;
}
</style>
<style type="text/css">
table table table td { !important;}
span.blacktext12 {
color:transparent;
visibility:visible !important;
background-color:transparent;
background-image:url("BANNER URL GOES HERE");
background-repeat:no-repeat;
background-position:center center;
font-size:0px; letter-spacing:-0.5px;
width:435px; height:75px; display:block !important; }
span.blacktext12 img {display:none; }
</style>
<style type="text/css">
.contactTable {width:300px!important; height:150px!important; padding:0px!important; background-image:url("CONTACT TABLE URL GOES HERE"); background-attachment:scroll; background-position:center center; background-repeat:no-repeat; background-color:transparent;}
.contactTable table, table.contactTable td {padding:0px !important; border:0px; background-color:transparent; background-image:none;}
.contactTable a img {visibility:hidden; border:0px!important;}
.contactTable a {display:block; height:28px; width:115px;}
.contactTable .text {font-size:1px!important;}
.contactTable .text, .contactTable a, .contactTable img {filter:none!important;}</style><div style="position:absolute;left:0px;top:0px;width:88px;height:31px;"></style>
rakista blog
title: no future for us - WeiB
description: simple layout I made by editing a couple of existing blog designs in rakista blogs. Base layout from layout called “Soap” and Background codes are taken from “Emo blood” layout.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title><%WindowTitle%></title>
<style type="text/css">
p {
margin: 0px;
}
body {
background-image: url(BACKGROUND URL GOES HERE);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: # F8F8F8;
background-position: bottom right;
margin: 0px;
margin-top: 30px;
}
td {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 9pt;
line-height: 1.7;
color: #333333;
}
td.title {
border-bottom: 1px solid #DEDEDE;
}
td.leftside {
padding: 10px;
padding-left: 0px;
}
td.rightside {
padding: 10px;
border-left: 1px solid #DEDEDE;
line-height: normal;
text-align: justify;
}
div.avatar {
float: left;
margin: 5px;
margin-left: 0px;
margin-bottom: 0px;
}
h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #444444;
margin-bottom: 12px;
}
h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
color: #444444;
margin-bottom: 2px;
}
font.gray {
color: #AAAAAA;
}
div.author {
margin-top: 3px;
margin-bottom: 6px;
}
a:link { color: #000066; }
a:visited { color: #000066; }
a:hover { color: #000066; }
</style>
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" align="center">
<tr><td class="title" colspan="2"><h2><%Title%></h2></td></tr>
<tr>
<td width="200" class="leftside" valign="top" NOWRAP>
<!-- BEGIN LEFTSIDE -->
<h3>About Me</h3>
<div class="avatar"><img src="<%Avatar%>" border="0"></div>
<%Description%>
<div style="clear: both;">
<h3>Recent Posts</h3>
<RecentEntry>
• <%RecentEntryTitle%><br>
</RecentEntry>
</div>
<h3> Categories </h3>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
<div style="clear: both;">
<h3>Links</h3>
• <a href="<%MainPageURL%>">Home</a><br>
• <a href="<%ProfileURL%>">View my profile</a><br>
• <a href="<%ArchiveURL%>">Archives</a><br>
• <a href="<%FriendsPageURL%>">Friends</a><br>
<Link>• <a href="<%LinkURL%>"><%LinkTitle%></a><br></Link>
</div>
<h3>Shoutouts</h3>
<center>
Insert your tagboard here :)
Width shouldn"t exceed 190 px
Try www.cbox.ws
</center>
</div>
<h3>Friends</h3>
<Friends>• <a href="<%FriendURL%>"><%FriendUsername%></a><br></Friends>
</div>
<h3>Credits:</h3>
photohosting: <a href="http://photobucket.com/">Photobucket</a><br>
blog host: <a href="http://blogs.rakista.com/login.php">Rakista Blogs</a><br>
layout: partially by <a href="http://blackyuna.webs.com">::blackyuna::</a>
</div>
</td>
<td width="600" class="rightside" valign="top" NOWRAP>
<!-- BEGIN RIGHTSIDE -->
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a>
</td></tr>
</table>
<br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><IfCommentPostAllowed><a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed>
</td></tr>
</table>
<br>
<IfCommentsAllowed>
<Comment>
<table cellpadding="0" cellspacing="0" style="margin-left: 30px;">
<tr><td><h3><%CommentDate%> - <%CommentTitle%></h3></td></tr>
<tr><td>Posted by <%CommentAuthor%> <%CommentAuthorIP%></td></tr>
<tr><td><%CommentBody%></td></tr>
<tr><td><a href="<%CommentURL%>">Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete></td></tr>
</table>
<br>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<div class="author">Posted by <%EntryAuthor%></div>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a>
</td></tr>
</table>
<br>
</Entry>
</IfFriendsPage>
<IfPages>
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td><- <LaterLink>Last Page</LaterLink> :: <EarlierLink>Next Page</EarlierLink> -></td></tr>
</table>
</IfPages>
</td>
</tr>
</table>
</center>
</body>
</html>
copy and paste these URL to your Photobucket or go to this links to copy the picture to your computer and save it on your photohosting account...
rakista blogs
title: Swim in Words
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="web log, blog, rakista, crea un blog, free blog, blog template, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog,free blog,blogger,blogging,social network,bands, gothic, punk, reggae, rock, ska, concerts, events, news, guitar, bass, drums, pinoyblog, pinoyblogs,pinoyblogger,pinoybloggers,pinoy blog,pinoy blogs,pinoy blogger,pinoy bloggers,blogsjournal,journals,online diary">
<title><%WindowTitle%></title>
<style type="text/css">
/* ---------------------------------
BLOG STYLE
--------------------------------- */
body {
background-color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
text-align: center;
padding: 0px;
margin: 0px;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #FFFFFF;
}
#box {
background: #000000 url(BACKGROUND URL GOES HERE) center no-repeat;
border: 1px solid #FFFFFF;
margin: 10px auto 0px auto;
padding: 0px;
height: 540px;
width: 740px;
}
#menu {
background-color: transparent;
float: right;
text-align: left;
width: 310px;
height: 450px;
overflow: auto;
line-height: 1.2;
margin: 15px 10px 0px 0px;
}
#boxblog {
background-color: transparent;
float: left;
width: 370px;
height: 450px;
overflow: auto;
line-height: 1.2;
margin: 15px 0px 0px 0px;
}
#footer {
margin-top: 10px;
height: 30px;
clear: both;
text-align: center;
}
/* ---------------------------------
LINKS STYLE
--------------------------------- */
a:link, a:visited {
color: #FFFFFF;
text-decoration: underline;
}
a:hover, a:focus, a:active {
color: #FFFFFF;
text-decoration: none;
}
#head h1 a:link, #head h1 a:visited {
color: #FFFFFF;
text-decoration: none;
}
#head h1 a:hover, #head h1 a:active, #head h1 a:focus {
color: #FFFFFF;
text-decoration: underline;
}
.post h2 a:link, #post h2 a:visited {
color: #FFFFFF;
text-decoration: none;
}
.post h2 a:hover, #post h2 a:active, #post h2 a:focus {
color: #FFFFFF;
text-decoration: none;
}
a img { border: 0px;}
/* ---------------------------------
LISTS STYLE
--------------------------------- */
#menu ul {
list-style-type: disc;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 5px;
padding-left: 2px;
}
#menu li{
background: transparent;
padding: 0px;
}
ul {
list-style-type: disc;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 5px;
padding-left: 2px;
}
li{
background: transparent;
padding: 0px;
}
/* ---------------------------------
VARIOUS CLASSES
--------------------------------- */
input,textarea {
color: #fff;
border: 1px solid #C9BAA5;
}
blockquote {
border-left: 2px solid #C9BAA5;
color: #fff;
font-style: oblique;
padding: 5px;
margin-left: 10%;
margin-right: 10%;
}
#avatar {padding: 0px; border: 4px solid #C9BAA5; margin-right: 10px;}
/* ---------------------------------
BLOG TITLE STYLE
--------------------------------- */
#head {
margin: 0px 0px 0px 10px;
clear: both;
padding-top: 15px;
}
#head h1{
font-family: Georgia, "Times New Roman", serif;
font-size: 2em;
font-style: oblique;
font-weight: normal;
text-align: left;
margin: 0px;
padding: 0px;
}
#blogdescription {
font-size: 1em;
font-weight: normal;
color: #666;
text-align: right;
margin: 0px 10px 0px 0px;
}
/* ---------------------------------
MENU STYLE
--------------------------------- */
.boxmenu {
font-size: 0.7em;
margin: 0px 10px 20px 0px;
padding: 0px;
color: #fff;
}
#menu h3{
font-family: Georgia, "Times New Roman", serif;
border: 1px solid #9A9A9A;
color: #FFFFFF;
padding: 1px 0px;
margin: 0px 10px 10px 0px;
font-size: 0.88em;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
}
/* ---------------------------------
POST STYLE
--------------------------------- */
.post {
margin: 0px 10px 25px 10px;
padding: 0px;
}
.post h2 {
font-family: Georgia, "Times New Roman", serif;
font-size: 1em;
text-align: left;
color:#FFFFFF;
font-weight: normal;
margin: 0px 0px 3px 0px;
padding: 0px 0px 2px 3px;
border: 1px solid #9A9A9A;
}
.datepost {
color: #737373;
text-transform: capitalize;
text-align: left;
padding: 0px 0px 2px 3px;
margin-bottom: 10px;
font-size: 0.7em;
}
.data-bottom {
color: #fff;
font-size: 0.7em;
text-align: right;
}
.text {
color: #fff;
text-align: justify;
font-size: 0.7em;
margin: 15px 0px;
}
/* ---------------------------------
CALENDAR STYLE
--------------------------------- */
table.calendar { border: 0; background-color: transparent; width: 200px; }
table.calendar th { height: 10px; font-size: 7pt; text-align: center; border: 0px;}
table.calendar td { width: 19px; height: 10px; font-size: 9pt; text-align: center; border: 0px; }
table.calendar .calendar-month { font-weight: bold; margin-top: 3px; font-size: 10pt; text-align: center; margin-bottom: 5px; }
table.calendar .calendar-month a { text-decoration: none; }
table.calendar .calendar-prev { font-weight: normal; }
table.calendar .calendar-next { font-weight: normal; }
table.calendar td.linked-day { font-weight: bold; background-color: transparent;}
table.calendar td.linked-day a { text-decoration: none; }
table.calendar td.linked-day a:hover { text-decoration: none; }
table.prevnext { width: 100%; margin-top: .3em; }
table.prevnext td { font-size: smaller; }
table.prevnext td a { text-decoration: none; }
/* ---------------------------------
NAVIGATION STYLE
--------------------------------- */
.navigation{
color: #666666;
margin: 10px;
text-align: center;
font-size: 0.81em;
}
/* ---------------------------------
COMMENTS STYLE
--------------------------------- */
h3#comments {
border-bottom: 4px solid #FFFFFF;
color: #FFFFFF;
font-size: .8em;
font-weight: bold;
margin-right: .55em;
margin-top: 10px;
padding-bottom: .3em;
padding-left: .5em;
padding-right: .5em;
padding-top: .3em;
text-align: left;
}
.post-comment {
font-size: .8em;
margin: 0px;
font-weight:bold;
padding: 1px 3px 1px 3px;
text-align: right;
float: right;
}
.comment-title {
color: #fff;
font-weight: normal;
font-size: .8em;
font-weight:bold;
text-transform: capitalize;
margin: 20px 0px 15px 0px;
text-align: left;
padding: 0px 0px 5px 3px;
}
.data-comments {
color: #fff;
font-size: 0.7em;
text-align: right;
padding-bottom:5px;
}
.comment-body{
color: #fff;
font-size: .8em;
text-align: left;
padding-bottom:10px;
}
#credits {
margin: 0px 20px 0px 27px;
font-size: 7px;
text-align: center;
padding-top: 10px;
color: #666;
}
</style>
</head>
<body>
<!-- START BLOG BODY -->
<div id="box">
<!-- START MENU BOX-->
<div id="menu">
<!-- START CONTENT MENU LEFT-->
<h3>About</h3>
<div class="boxmenu">
<center><img src="<%Avatar%>" alt="me"><br /><br /> </center>
<ul>
<li><a href="<%MainPageURL%>">My Home</a></li>
<li><a href="<%ProfileURL%>">My Profile</a></li>
<li><a href="<%AlbumURL%>">My Photo Album</a> </li>
<li><a href="<%FriendsPageURL%>">Friends</a> </li>
</ul>
</div>
<H3> Archive </H3>
<div class="boxmenu">
<p align="center"><%Calendar%></p>
<ul>
<li><a href="<%ArchiveURL%>" class="menu">Blog Archives</a></li>
</ul>
</div>
<h3> Recent Entries </h3>
<div class="boxmenu">
<ul>
<RecentEntry>
<li><%RecentEntryTitle%></li>
</RecentEntry>
</ul>
</div>
<h3> Categories </h3>
<div class="boxmenu">
<ul>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
</ul>
</div>
<h3> Friends </h3>
<div class="boxmenu">
<ul>
<Friends>
<li><a href="<%FriendURL%>" target="_blank"><%FriendUsername%></a></li>
</Friends>
</ul>
</div>
<h3> Links </h3>
<div class="boxmenu">
<ul>
<Link><li><a href="<%LinkURL%>" target="_blank"><%LinkTitle%></a></li></Link>
</ul>
</div>
<h3>Tagboard</h3>
<div class="boxmenu">
<center>
Insert your tagboard here :) <br />
Width shouldn"t exceed 250 px <br />
Try www.cbox.ws
</center>
</div>
<H3>Feeds</H3>
<div class="boxmenu">
<center>
<a href="<%SiteFeedURL%>"><img alt="Site Feeds" src="./images/rss.jpg" /></a><br />
<a href="<%PodcastURL%>"><img alt="Podcast Feeds" src="./images/podcast.jpg" vspace="2"/></a>
</center>
</div>
</div>
<!-- END MENU BOX -->
<div id="boxblog">
<!-- START ARCHIVES PAGE -->
<IfArchivePage>
<div class="post">
<h2>Archives</h2>
<div class="text"><%ArchiveInfo%></div>
<p align="center"><a href="<%MainPageURL%>"><< Home</a></p>
</div>
</IfArchivePage>
<!-- START MAIN PAGE -->
<IfMainPage>
<Entry>
<div class="post">
<h2><a href="<%EntryURL%>" title="permalink to this post"><%EntryTitle%></a></h2>
<div class="datepost">
<BlogDateHeader>
<%EntryDate%>
</BlogDateHeader>,
<%EntryTime%>
</div>
<div class="text"><%EntryBody%></div>
<div class="data-bottom"><br />
<IfCategoriesAllowed> Posted in <%EntryCategory%> </IfCategoriesAllowed> |
<IfCommentsAllowed>
<a href="<%EntryURL%>">(<%EntryCommentCount%>) Comments </a>
</IfCommentsAllowed> |
<SendThisLink> email this post </SendThisLink>
</div>
</div>
</Entry>
</IfMainPage>
<IfFriendsPage>
<Entry>
<div class="post">
<h2><a href="<%EntryURL%>" title="permalink to this post"><%EntryTitle%></a></h2>
<div class="datepost">
<BlogDateHeader>
<%EntryDate%>
</BlogDateHeader>,
<%EntryTime%>
</div>
<div class="text"><%EntryBody%></div>
<div class="data-bottom"><br />
posted by <%EntryAuthor%><br />
<IfCategoriesAllowed> Posted in <%EntryCategory%> </IfCategoriesAllowed> |
<IfCommentsAllowed>
<a href="<%EntryURL%>">(<%EntryCommentCount%>) Comments </a>
</IfCommentsAllowed> |
<SendThisLink> email this post </SendThisLink>
</div>
</div>
</Entry>
</IfFriendsPage>
<div class="navigation">
<IfPages> <LaterLink> <<</LaterLink>
| <a href='<%MainPageURL%>'>Home</a> | <EarlierLink>>></EarlierLink>
</IfPages>
</div>
<!-- START ENTRY PAGE -->
<IfEntryPage>
<Entry>
<div class="post">
<h2><a href="<%EntryURL%>" title="permalink to this post"><%EntryTitle%></a></h2>
<div class="datepost">
<BlogDateHeader>
<%EntryDate%>
</BlogDateHeader>,<%EntryTime%>
</div>
<div class="text">
<%EntryBody%>
</div>
<div class="data-bottom">
<br />
<IfCategoriesAllowed> Posted in <%EntryCategory%> </IfCategoriesAllowed> |
<IfCommentsAllowed>
<a href="<%EntryURL%>">(<%EntryCommentCount%>) Comments </a>
</IfCommentsAllowed> |
<SendThisLink> email this post </SendThisLink>
</div>
<!-- START COMMENTS -->
<h3 id="comments">
<div class="post-comment">
<a href="<%CommentPostURL%>"> Add Comment</a>
</div>Comments:
</h3>
<IfCommentsAllowed>
<IfCommentPostAllowed>
<Comment>
<div class="comment-title"><%CommentTitle%></div>
<div class="comment-body"><%CommentBody%></div>
<div class="data-comments">
Posted by <%CommentAuthor%> at <%CommentTime%>,
<%CommentDate%> | <a href="<%CommentURL%>">Link</a> |
<CommentEdit> Edit</CommentEdit> |
<CommentDelete> Delete</CommentDelete>
</div>
</Comment>
</IfCommentPostAllowed>
</IfCommentsAllowed>
</div>
<div class="navigation">
<IfPages>
<LaterLink> << </LaterLink> |
<a href="<%MainPageURL%>">Home</a> |
<EarlierLink> >></EarlierLink>
</IfPages>
</div>
</Entry>
</IfEntryPage>
<!-- END ENTRY PAGE -->
</div>
<!-- START FOOTER PAGE -->
<div id="head">
<h1><a href="<%MainPageURL%>" title="link to home page"><%Title%></a></h1>
</div>
<div id="footer">
<div id="credits">Blog Hosted by <a href=" http://blogs.rakista.com/freeblogs.php">Rakista Blogs</a> | Photos hosted by <a href="http://photobucket.com/">Photobucket</a> | Layout design by Pannasmontata | Edited by <a href="http://blackyuna.webs.com">::blackyuna::</a> | Image found on the internet</div>
</div>
<!-- END FOOTER-->
</div>
<!-- END BLOG BODY -->
</body>
</html>
rakista blog
title: lone player Yuna
description: simple layout I made by editing a couple of existing blog designs in rakista blogs. Base layout from layout called “Soap” and Background codes are taken from “Emo blood” layout.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title><%WindowTitle%></title>
<style type="text/css">
p {
margin: 0px;
}
body {
background-image: url(BACKGROUND URL GOES HERE);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #C9CDCC;
background-position: bottom right;
margin: 0px;
margin-top: 30px;
}
td {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 9pt;
line-height: 1.7;
color: #333333;
}
td.title {
border-bottom: 1px solid #DEDEDE;
}
td.leftside {
padding: 10px;
padding-left: 0px;
}
td.rightside {
padding: 10px;
border-left: 1px solid #DEDEDE;
line-height: normal;
text-align: justify;
}
div.avatar {
float: left;
margin: 5px;
margin-left: 0px;
margin-bottom: 0px;
}
h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #444444;
margin-bottom: 12px;
}
h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
color: #444444;
margin-bottom: 2px;
}
font.gray {
color: #AAAAAA;
}
div.author {
margin-top: 3px;
margin-bottom: 6px;
}
a:link { color: #000066; }
a:visited { color: #000066; }
a:hover { color: #000066; }
</style>
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" align="center">
<tr><td class="title" colspan="2"><h2><%Title%></h2></td></tr>
<tr>
<td width="200" class="leftside" valign="top" NOWRAP>
<!-- BEGIN LEFTSIDE -->
<h3>About Me</h3>
<div class="avatar"><img src="<%Avatar%>" border="0"></div>
<%Description%>
<div style="clear: both;">
<h3>Recent Posts</h3>
<RecentEntry>
• <%RecentEntryTitle%><br>
</RecentEntry>
</div>
<h3> Categories </h3>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
<div style="clear: both;">
<h3>Links</h3>
• <a href="<%MainPageURL%>">Home</a><br>
• <a href="<%ProfileURL%>">View my profile</a><br>
• <a href="<%ArchiveURL%>">Archives</a><br>
• <a href="<%FriendsPageURL%>">Friends</a><br>
<Link>• <a href="<%LinkURL%>"><%LinkTitle%></a><br></Link>
</div>
<h3>Shoutouts</h3>
<center>
Insert your tagboard here :)
Width shouldn"t exceed 190 px
Try www.cbox.ws
</center>
</div>
<h3>Friends</h3>
<Friends>• <a href="<%FriendURL%>"><%FriendUsername%></a><br></Friends>
</div>
<h3>Credits:</h3>
photohosting: <a href="http://photobucket.com/">Photobucket</a><br>
blog host: <a href="http://blogs.rakista.com/login.php">Rakista Blogs</a><br>
layout: partially by <a href="http://blackyuna.webs.com">::blackyuna::</a>
</div>
</td>
<td width="600" class="rightside" valign="top" NOWRAP>
<!-- BEGIN RIGHTSIDE -->
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a>
</td></tr>
</table>
<br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><IfCommentPostAllowed><a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed>
</td></tr>
</table>
<br>
<IfCommentsAllowed>
<Comment>
<table cellpadding="0" cellspacing="0" style="margin-left: 30px;">
<tr><td><h3><%CommentDate%> - <%CommentTitle%></h3></td></tr>
<tr><td>Posted by <%CommentAuthor%> <%CommentAuthorIP%></td></tr>
<tr><td><%CommentBody%></td></tr>
<tr><td><a href="<%CommentURL%>">Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete></td></tr>
</table>
<br>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<div class="author">Posted by <%EntryAuthor%></div>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a>
</td></tr>
</table>
<br>
</Entry>
</IfFriendsPage>
<IfPages>
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td><- <LaterLink>Last Page</LaterLink> :: <EarlierLink>Next Page</EarlierLink> -></td></tr>
</table>
</IfPages>
</td>
</tr>
</table>
</center>
</body>
</html>
copy and paste these URL to your Photobucket or go to this links to copy the picture to your computer and save it on your photohosting account...
rakista blogs
title: face your horrifying destiny
description: another one of those blog designs that I edited. This one is Heather Morris from Silent Hill 3, which I’m a big fan of after playing the game...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title><%WindowTitle%></title>
<style type="text/css">
p {
margin: 0px;
}
body {
background-image: url(BACKGROUND URL GOES HERE);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #020001;
background-position: bottom right;
margin: 0px;
margin-top: 30px;
}
td {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 9pt;
line-height: 1.7;
color: #9E0B0E;
}
td.title {
border-bottom: 1px solid #020001;
}
td.leftside {
padding: 10px;
padding-left: 0px;
}
td.rightside {
padding: 10px;
border-left: 1px solid #020001;
line-height: normal;
text-align: justify;
}
div.avatar {
float: left;
margin: 5px;
margin-left: 0px;
margin-bottom: 0px;
}
h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #9E0B0E;
margin-bottom: 12px;
}
h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
color: #9E0B0E;
margin-bottom: 2px;
}
font.gray {
color: #AAAAAA;
}
div.author {
margin-top: 3px;
margin-bottom: 6px;
}
a:link { color: #9E0B0E; }
a:visited { color: #9E0B0E; }
a:hover { color: #ED1C24; }
</style>
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" align="center">
<tr><td class="title" colspan="2">
<table cellpadding="0" cellspacing="0">
<tr>
<td><h2><%Title%></h2></td>
<td class="eyes"><img src="DESIGN PICTURE GOES HERE" border="0"></td>
</tr>
</table>
</td></tr>
<tr>
<td width="200" class="leftside" valign="top" NOWRAP>
<!-- BEGIN LEFTSIDE -->
<h3>About Me</h3>
<div class="avatar"><img src="<%Avatar%>" border="0"></div>
<%Description%>
<div style="clear: both;">
<h3>Recent Posts</h3>
<RecentEntry>
• <%RecentEntryTitle%><br>
</RecentEntry>
</div>
<h3> Categories </h3>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
<div style="clear: both;">
<h3>Links</h3>
• <a href="<%MainPageURL%>">Home</a><br>
• <a href="<%ProfileURL%>">View my profile</a><br>
• <a href="<%ArchiveURL%>">Archives</a><br>
• <a href="<%FriendsPageURL%>">Friends</a><br>
<Link>• <a href="<%LinkURL%>"><%LinkTitle%></a><br></Link>
</div>
<h3>Shoutouts</h3>
<center>
Insert your tagboard here :)
Width shouldn"t exceed 190 px
Try www.cbox.ws
</center>
</div>
<h3>Friends</h3>
<Friends>• <a href="<%FriendURL%>"><%FriendUsername%></a><br></Friends>
</div>
<h3>Credits:</h3>
photohosting: <a href="http://photobucket.com/">Photobucket</a><br>
blog host: <a href="http://blogs.rakista.com/login.php">Rakista Blogs</a><br>
layout: partially by <a href="http://blackyuna.webs.com">::blackyuna::</a>
</div>
</td>
<td width="600" class="rightside" valign="top" NOWRAP>
<!-- BEGIN RIGHTSIDE -->
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a>
</td></tr>
</table>
<br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><IfCommentPostAllowed><a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed>
</td></tr>
</table>
<br>
<IfCommentsAllowed>
<Comment>
<table cellpadding="0" cellspacing="0" style="margin-left: 30px;">
<tr><td><h3><%CommentDate%> - <%CommentTitle%></h3></td></tr>
<tr><td>Posted by <%CommentAuthor%> <%CommentAuthorIP%></td></tr>
<tr><td><%CommentBody%></td></tr>
<tr><td><a href="<%CommentURL%>">Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete></td></tr>
</table>
<br>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<div class="author">Posted by <%EntryAuthor%></div>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">Comments</a> (<%EntryCommentCount%>) <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a>
</td></tr>
</table>
<br>
</Entry>
</IfFriendsPage>
<IfPages>
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td><- <LaterLink>Last Page</LaterLink> :: <EarlierLink>Next Page</EarlierLink> -></td></tr>
</table>
</IfPages>
</td>
</tr>
</table>
</center>
</body>
</html>
copy and paste these URL to your Photobucket or go to this links to copy the picture to your computer and save it on your photohosting account...
rakista blogs
title: The Notebook
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="web log, blog, rakista, crea un blog, free blog, blog template, e-journal, website personale, sito personale, pagina personale, homepage, home page, community blogging, community blog,free blog,blogger,blogging,social network,bands, gothic, punk, reggae, rock, ska, concerts, events, news, guitar, bass, drums, pinoyblog, pinoyblogs,pinoyblogger,pinoybloggers,pinoy blog,pinoy blogs,pinoy blogger,pinoy bloggers,blogsjournal,journals,online diary">
<title><%WindowTitle%></title>
<style type="text/css">
/* ---------------------------------
BLOG STYLE
--------------------------------- */
body {
background: url(BACKGROUND URL GOES HERE) top left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
text-align: center;
padding: 0px;
margin: 0px;
scrollbar-base-color: #FFFFF;
scrollbar-arrow-color: #000000;
}
#box {
background: transparent
border: 1px solid #666666;
margin: 10px auto 0px auto;
padding: 0px;
height: 540px;
width: 740px;
}
#menu {
background-color: transparent;
float: left;
text-align: left;
width: 280px;
height: 430px;
overflow: auto;
line-height: 1.2;
margin: 50px 0px 0px 15px;
}
#boxblog {
background-color: transparent;
float: right;
width: 390px;
height: 430px;
overflow: auto;
line-height: 1.2;
margin: 50px 15px 0px 15px;
}
#footer {
margin-top: 10px;
height: 30px;
clear: both;
text-align: center;
}
/* ---------------------------------
LINKS STYLE
--------------------------------- */
a:link, a:visited {
color: #000000;
text-decoration: underline;
}
a:hover, a:focus, a:active {
color: #666666;
text-decoration: none;
}
#head h1 a:link, #head h1 a:visited {
color: #FA3131;
text-decoration: none;
}
#head h1 a:hover, #head h1 a:active, #head h1 a:focus {
color: #000000;
text-decoration: none;
}
.post h2 a:link, #post h2 a:visited {
color: #FA3131;
text-decoration: none;
}
.post h2 a:hover, #post h2 a:active, #post h2 a:focus {
color: #FC5A5A;
text-decoration: none;
}
a img { border: 0px;}
/* ---------------------------------
LISTS STYLE
--------------------------------- */
#menu ul {
list-style-type: disc;
margin-top: 5px;
margin-left: 20px;
margin-bottom: 5px;
padding-left: 2px;
}
#menu li{
background: transparent;
padding: 0px;
}
ul {
list-style-type: disc;
margin-top: 5px;
margin-left: 30px;
margin-bottom: 5px;
padding-left: 2px;
}
li{
background: transparent;
padding: 0px;
}
/* ---------------------------------
VARIOUS CLASSES
--------------------------------- */
input,textarea {
color: #fff;
border: 1px solid #04E1E1;
}
blockquote {
border-left: 2px solid #C9BAA5;
color: #fff;
font-style: oblique;
padding: 5px;
margin-left: 10%;
margin-right: 10%;
}
#avatar {padding: 0px; border: 4px solid #C9BAA5; margin-right: 10px;}
/* ---------------------------------
BLOG TITLE STYLE
--------------------------------- */
#head {
margin: 0px 0px 0px 10px;
clear: both;
padding-top: 15px;
}
#head h1{
font-family: Georgia, "Times New Roman", serif;
font-size: 2em;
font-style: oblique;
font-weight: normal;
text-align: right;
margin: 0px;
padding: 0px 5px 0px 0px;
width: 400px;
float: right;
}
#blogdescription {
font-size: 1em;
font-weight: normal;
color: #666;
text-align: right;
margin: 0px 10px 0px 0px;
}
/* ---------------------------------
MENU STYLE
--------------------------------- */
.boxmenu {
font-size: 0.7em;
margin: 0px 10px 20px 5px;
padding: 5px;
color: #000000;
}
#menu h3{
font-family: Georgia, "Times New Roman", serif;
border-bottom: 1px solid #FC5A5A;
color: #FA3131;
padding: 1px 0px;
margin: 0px 10px 10px 10px;
font-size: 0.88em;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
}
/* ---------------------------------
POST STYLE
--------------------------------- */
.post {
margin: 0px 10px 25px 0px;
padding: 0px;
}
.post h2 {
font-family: Georgia, "Times New Roman", serif;
color: #04E1E1;
font-size: 1em;
text-align: left;
font-weight: bold;
margin: 0px 0px 3px 0px;
padding: 0px 0px 2px 3px;
border-bottom: 1px solid #FC5A5A;
}
.datepost {
color: #007ACA;
text-transform: capitalize;
text-align: left;
padding: 0px 0px 2px 3px;
margin-bottom: 10px;
font-size: 0.7em;
}
.data-bottom {
color: #007ACA;
font-size: 0.7em;
text-align: right;
}
.text {
color: #000000;
text-align: justify;
font-size: 0.7em;
margin: 15px 0px;
}
/* ---------------------------------
CALENDAR STYLE
--------------------------------- */
table.calendar { border: 0; background-color: transparent; width: 200px; }
table.calendar th { height: 10px; font-size: 7pt; text-align: center; border: 0px;}
table.calendar td { width: 19px; height: 10px; font-size: 9pt; text-align: center; border: 0px; }
table.calendar .calendar-month { font-weight: bold; margin-top: 3px; font-size: 10pt; text-align: center; margin-bottom: 5px; }
table.calendar .calendar-month a { text-decoration: none; }
table.calendar .calendar-prev { font-weight: normal; }
table.calendar .calendar-next { font-weight: normal; }
table.calendar td.linked-day { font-weight: bold; background-color: transparent;}
table.calendar td.linked-day a { text-decoration: none; }
table.calendar td.linked-day a:hover { text-decoration: none; }
table.prevnext { width: 100%; margin-top: .3em; }
table.prevnext td { font-size: smaller; }
table.prevnext td a { text-decoration: none; }
/* ---------------------------------
NAVIGATION STYLE
--------------------------------- */
.navigation{
color: #999999;
margin: 15px 0px;
text-align: center;
text-decoration: none;
font-size: 0.75em;
}
/* ---------------------------------
COMMENTS STYLE
--------------------------------- */
h3#comments {
border-bottom: 4px solid #FC5A5A;
color: #FA3131;
font-size: .8em;
font-weight: bold;
margin-right: .55em;
margin-top: 10px;
padding-bottom: .3em;
padding-left: .5em;
padding-right: .5em;
padding-top: .3em;
text-align: left;
}
.post-comment {
font-size: .8em;
margin: 0px;
font-weight:bold;
padding: 1px 3px 1px 3px;
text-align: right;
float: right;
}
.comment-title {
color: #FA3131;
font-weight: normal;
font-size: .8em;
font-weight:bold;
margin: 20px 0px 15px 0px;
text-align: left;
padding: 0px 0px 5px 3px;
}
.data-comments {
color: #007ACA;
font-size: 0.7em;
text-align: right;
padding-bottom:5px;
}
.comment-body{
color: #000000;
font-size: .8em;
text-align: left;
padding-bottom:10px;
}
#credits {
margin: 0px 20px 0px 27px;
font-size: 7px;
text-align: center;
padding-top: 10px;
color: #666;
}
</style>
</head>
<body>
<!-- START BLOG BODY -->
<div id="box">
<!-- START MENU BOX-->
<div id="menu">
<!-- START CONTENT MENU LEFT-->
<h3>About</h3>
<div class="boxmenu">
<center><img src="<%Avatar%>" alt="me"><br /><br /> </center>
<ul>
<li><a href="<%MainPageURL%>">My Home</a></li>
<li><a href="<%ProfileURL%>">My Profile</a></li>
<li><a href="<%AlbumURL%>">My Photo Album</a> </li>
<li><a href="<%FriendsPageURL%>">Friends</a> </li>
</ul>
</div>
<H3> Archives </H3>
<div class="boxmenu">
<p align="center"><%Calendar%></p>
<ul>
<li><a href="<%ArchiveURL%>" class="menu">Blog Archives</a></li>
</ul>
</div>
<h3> Recent Entries </h3>
<div class="boxmenu">
<ul>
<RecentEntry>
<li><%RecentEntryTitle%></li>
</RecentEntry>
</ul>
</div>
<h3> Categories </h3>
<div class="boxmenu">
<ul>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
</ul>
</div>
<h3>Links</h3>
<div class="boxmenu">
<p><b>Friends:</b></p>
<ul>
<Friends>
<li><a href="<%FriendURL%>" target="_blank"><%FriendUsername%></a></li>
</Friends>
</ul>
<p><b>Other Links:</b></p>
<ul>
<Link>
<li><a href="<%LinkURL%>" target="_blank"><%LinkTitle%></a></li>
</Link>
<li><a href="http://www.rakista.com">Rakista</a></li>
<li><a href="http://blogs.rakista.com">RakistaBlogs</a></li>
</ul>
</div>
<h3>Tagboard</h3>
<div class="boxmenu">
<center>
Insert your tagboard here :) <br />
Width shouldn"t exceed 200 px <br />
Try www.cbox.ws
</center>
</div>
<H3>Feeds</H3>
<div class="boxmenu">
<center>
<a href="<%SiteFeedURL%>"><img alt="Site Feeds" src="./images/rss.jpg" /></a><br />
<a href="<%PodcastURL%>"><img alt="Podcast Feeds" src="./images/podcast.jpg" vspace="2"/></a>
</center>
</div>
</div>
<!-- END MENU BOX -->
<div id="boxblog">
<!-- START ARCHIVES PAGE -->
<IfArchivePage>
<div class="post">
<h2>Archives</h2>
<div class="text"><%ArchiveInfo%></div>
<p align="center"><a href="<%MainPageURL%>"><< Home</a></p>
</div>
</IfArchivePage>
<!-- START MAIN PAGE -->
<IfMainPage>
<Entry>
<div class="post">
<h2><a href="<%EntryURL%>" title="permalink to this post"><%EntryTitle%></a></h2>
<div class="datepost">
<BlogDateHeader>
<%EntryDate%>
</BlogDateHeader>,
<%EntryTime%>
</div>
<div class="text"><%EntryBody%></div>
<div class="data-bottom"><br />
<IfCommentsAllowed>
<a href="<%EntryURL%>">(<%EntryCommentCount%>) Comments </a>
</IfCommentsAllowed> |
<SendThisLink> email this post </SendThisLink>
</div>
</div>
</Entry>
</IfMainPage>
<IfFriendsPage>
<Entry>
<div class="post">
<h2><a href="<%EntryURL%>" title="permalink to this post"><%EntryTitle%></a></h2>
<div class="datepost">
<BlogDateHeader>
<%EntryDate%>
</BlogDateHeader>,
<%EntryTime%>
</div>
<div class="text"><%EntryBody%></div>
<div class="data-bottom"><br />
posted by <%EntryAuthor%><br />
<IfCommentsAllowed>
<a href="<%EntryURL%>">(<%EntryCommentCount%>) Comments </a>
</IfCommentsAllowed> |
<SendThisLink> email this post </SendThisLink>
</div>
</div>
</Entry>
</IfFriendsPage>
<div class="navigation">
<IfPages> <LaterLink> <<</LaterLink>
| <a href='<%MainPageURL%>'>Home</a> | <EarlierLink>>></EarlierLink>
</IfPages>
</div>
<!-- START ENTRY PAGE -->
<IfEntryPage>
<Entry>
<div class="post">
<h2><a href="<%EntryURL%>" title="permalink to this post"><%EntryTitle%></a></h2>
<div class="datepost">
<BlogDateHeader>
<%EntryDate%>
</BlogDateHeader>,<%EntryTime%>
</div>
<div class="text">
<%EntryBody%>
</div>
<div class="data-bottom">
<br />
<IfCommentsAllowed>
<a href="<%EntryURL%>">(<%EntryCommentCount%>) Comments </a>
</IfCommentsAllowed> |
<SendThisLink> email this post </SendThisLink>
</div>
<!-- START COMMENTS -->
<h3 id="comments">
<div class="post-comment">
<a href="<%CommentPostURL%>"> Add Comment</a>
</div>Comments:
</h3>
<IfCommentsAllowed>
<IfCommentPostAllowed>
<Comment>
<div class="comment-title"><%CommentTitle%></div>
<div class="comment-body"><%CommentBody%></div>
<div class="data-comments">
Posted by <%CommentAuthor%> at <%CommentTime%>,
<%CommentDate%> | <a href="<%CommentURL%>">Link</a> |
<CommentEdit> Edit</CommentEdit> |
<CommentDelete> Delete</CommentDelete>
</div>
</Comment>
</IfCommentPostAllowed>
</IfCommentsAllowed>
</div>
<div class="navigation">
<IfPages>
<LaterLink> << </LaterLink> |
<a href="<%MainPageURL%>">Home</a> |
<EarlierLink> >></EarlierLink>
</IfPages>
</div>
</Entry>
</IfEntryPage>
<!-- END ENTRY PAGE -->
</div>
<!-- START FOOTER PAGE -->
<div id="head">
<h1><a href="<%MainPageURL%>" title="link to home page"><%Title%></a></h1>
</div>
<div id="footer">
<div id="credits">Blog Hosted by Rakista Blogs | Layout design by <b>Pannasmontata</b> | Edited by ::blackyuna:: | Image from Piczo</div>
</div>
<!-- END FOOTER-->
</div>
<!-- END BLOG BODY -->
</body>
</html>
copy and paste these URL to your Photobucket or go to this links to copy the picture to your computer and save it on your photohosting account...
rakista blogs
title: Chillin tifa
Description: another blog edited by yours truly... the rakista blog base layout is called ....... I just changed the colors trying to find colors that would make the text easy to read. But I couldn’t find the perfect one so I just choose violet/purple.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title><%WindowTitle%></title>
<style type="text/css">
p {
margin: 0px;
}
body {
background-image: url(BACKGROUND URL GOES HERE);
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #DDDDDD;
background-position: bottom left;
margin: 0px;
margin-top: 30px;
}
td {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
line-height: 1.7;
color: #92278F;
}
td.leftside {
padding: 10px;
border: 3px dashed #8560A8;
border-right: none;
text-align: justify;
}
td.rightside {
padding: 10px;
border: 3px dashed #8560A8;
border-left: 3px dashed #8560A8;
line-height: normal;
}
div.comment {
padding: 10px;
padding-left: 25px;
padding-bottom: 0px;
}
div.avatar {
float: left;
margin: 5px;
margin-left: 0px;
margin-bottom: 0px;
}
h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #92278F;
margin-bottom: 10px;
}
h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 12pt;
color: #92278F;
margin-bottom: 2px;
}
font.gray {
color: #AAAAAA;
}
div.author {
margin-top: 3px;
margin-bottom: 6px;
}
a:link { color: #92278F; }
a:visited { color: #92278F; }
a:hover { color: #ED1C24; }
</style>
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" align="center">
<tr><td colspan="2"><h2><%Title%></h2></td></tr>
<tr>
<td width="600" class="leftside" valign="top" NOWRAP>
<!-- BEGIN LEFTSIDE -->
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<table cellpadding="0" cellspacing="0">
<tr><td><h3><%EntryDate%> - <%EntryTitle%></h3><IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed></td></tr>
<tr><td><%EntryBody%></td></tr>
<tr><td><IfCommentsAllowed>• <a href="<%EntryURL%>"><%EntryCommentCount%> Comments</a> <IfCommentPostAllowed>• <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> •</IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a></td></tr>
</table>
<br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<table cellpadding="0" cellspacing="0">
<tr><td><h3><%EntryDate%> - <%EntryTitle%></h3><IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed></td></tr>
<tr><td><%EntryBody%></td></tr>
<tr><td><IfCommentsAllowed><IfCommentPostAllowed>• <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed></IfCommentsAllowed></td></tr>
</table>
<br>
<IfCommentsAllowed>
<Comment>
<table cellpadding="0" cellspacing="0" style="margin-left: 20px;">
<tr><td><h3><%CommentDate%> - <%CommentTitle%></h3></td></tr>
<tr><td>Posted by <%CommentAuthor%> <%CommentAuthorIP%></td></tr>
<tr><td><%CommentBody%></td></tr>
<tr><td><a href="<%CommentURL%>">Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete></td></tr>
</table>
<br>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<table cellpadding="0" cellspacing="0">
<tr><td><h3><%EntryDate%> - <%EntryTitle%></h3><div class="author">Posted by <%EntryAuthor%></div></td></tr>
<tr><td><%EntryBody%></td></tr>
<tr><td><IfCommentsAllowed>• <a href="<%EntryURL%>"><%EntryCommentCount%> Comments</a> <IfCommentPostAllowed>• <a href="<%CommentPostURL%>">Post A Comment!</a></IfCommentPostAllowed> •</IfCommentsAllowed> <a href="<%EntryURL%>">Permanent Link</a></td></tr>
</table>
<br>
</Entry>
</IfFriendsPage>
<IfPages>
<table cellpadding="0" cellspacing="0">
<tr><td><- <LaterLink>Last Page</LaterLink> • <EarlierLink>Next Page</EarlierLink> -></td></tr>
</table>
</IfPages>
</td>
<td width="200" class="rightside" valign="top" NOWRAP>
<!-- BEGIN RIGHTSIDE -->
<h3>About Me</h3>
<div class="avatar"><img src="<%Avatar%>" border="0"></div>
<%Description%>
<div style="clear: both;">
<h3>Recent Posts</h3>
<RecentEntry>
• <%RecentEntryTitle%><br>
</RecentEntry>
</div>
<h3> Categories </h3>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
<div style="clear: both;">
<h3>Links</h3>
• <a href="<%MainPageURL%>">Home</a><br>
• <a href="<%ProfileURL%>">View my profile</a><br>
• <a href="<%ArchiveURL%>">Archives</a><br>
• <a href="<%FriendsPageURL%>">Friends</a><br>
<Link>• <a href="<%LinkURL%>"><%LinkTitle%></a><br></Link>
</div>
<h3>Shoutouts</h3>
<center>
Insert your tagboard here :)
Width shouldn"t exceed 190 px
Try www.cbox.ws
</center>
</div>
<h3>Friends</h3>
<Friends>• <a href="<%FriendURL%>"><%FriendUsername%></a><br></Friends>
</div>
<h3>Credits:</h3>
photohosting: <a href="http://photobucket.com/">Photobucket</a><br>
blog host: <a href="http://blogs.rakista.com/login.php">Rakista Blogs</a><br>
layout: partially by <a href="http://blackyuna.webs.com">::blackyuna::</a>
</div>
</td>
</tr>
</table>
<br>
</center>
</body>
</html>
rakista blogs
title: Dance to the music
Description: originally I’m thinking of making a rock band theme with a moving picture but the only moving picture I got is this of a DJ dog and a DJ girl. I wanted to give this blog a disco feel but honestly I never really enjoy going to disco so I just experimented on the colors. Base layout is called Noir also found in Rakista Blogs.
<html>
<head>
<center><img src="BANNER GOES HERE" border="0" alt="DANCE DANCE TO THE MUSIC!"></a></center>
<meta http-equiv="Content-Type" content="text/html;charset=ISO-8859-1">
<title><%WindowTitle%></title>
<style type="text/css">
p {
margin: 0px;
}
body {
background: #000000;
margin: 0px;
margin-top: 30px;
}
td {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 9pt;
line-height: 1.7;
color: #CC99FF;
}
td.title {
border-bottom: 1px dashed #333333;
text-align: center;
}
td.leftside {
padding: 10px;
padding-left: 0px;
text-align: justify;
}
td.rightside {
padding: 10px;
border-left: 1px dashed #333333;
line-height: normal;
}
td.eyes {
padding-left: 10px;
padding-bottom: 3px;
}
div.avatar {
float: left;
margin: 5px;
margin-left: 0px;
margin-bottom: 0px;
}
h2 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 20pt;
color: #FF00CC;
margin-bottom: 12px;
}
h3 {
font-family: "Trebuchet MS"; verdana, arial, sans-serif;
font-size: 10pt;
color: #005500;
margin-bottom: 2px;
}
font.gray {
color: #777777;
}
div.author {
margin-top: 3px;
margin-bottom: 6px;
}
a:link { color: #FFFF33; }
a:visited { color: #FFFF33; }
a:hover { color: #FF0033; }
table.calendar { border: 0; background-color: #000000; }
table.calendar th { height: 10px; font-size: 7pt; text-align: center; border: 0px; color: #DDDDDD; }
table.calendar td { width: 19px; height: 10px; font-size: 9pt; text-align: center; border: 0px; color: #DDDDDD; }
table.calendar .calendar-month { font-weight: bold; margin-top: 3px; font-size: 12pt; text-align: center; }
table.calendar .calendar-month a { text-decoration: none; }
table.calendar .calendar-prev { font-weight: normal; }
table.calendar .calendar-next { font-weight: normal; }
table.calendar td.linked-day { font-weight: bold; background-color: #000000; }
table.calendar td.linked-day a { text-decoration: none; color: #0033FF; }
table.prevnext { width: 100%; margin-top: .3em; }
table.prevnext td { font-size: smaller; }
table.prevnext td a { text-decoration: none; }
</style>
</head>
<body>
<center>
<table cellpadding="0" cellspacing="0" align="center">
<tr><td class="title" colspan="2">
<table cellpadding="0" cellspacing="0">
<tr>
<td><h2><%Title%></h2></td>
</tr>
</table>
</td></tr>
<tr>
<td width="600" class="leftside" valign="top" NOWRAP>
<!-- BEGIN LEFTSIDE -->
<!-- ARCHIVE PAGE -->
<IfArchivePage>
<h3>Archives</h3>
<%ArchiveInfo%>
</IfArchivePage>
<!-- MAIN PAGE -->
<IfMainPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">S(<%EntryCommentCount%>)undcheck</a> <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Holla back!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Stick to me</a>
</td></tr>
</table>
<br>
</Entry>
</IfMainPage>
<!-- ENTRY PAGE -->
<IfEntryPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<IfCategoriesAllowed><div class="author">Posted in <%EntryCategory%></div></IfCategoriesAllowed>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><IfCommentPostAllowed><a href="<%CommentPostURL%>">Holla Back!</a></IfCommentPostAllowed></IfCommentsAllowed>
</td></tr>
</table>
<br>
<IfCommentsAllowed>
<Comment>
<table cellpadding="0" cellspacing="0" style="margin-left: 30px;">
<tr><td><h3><%CommentDate%> - <%CommentTitle%></h3></td></tr>
<tr><td>Posted by <%CommentAuthor%> <%CommentAuthorIP%></td></tr>
<tr><td><%CommentBody%></td></tr>
<tr><td><a href="<%CommentURL%>">Permanent Link</a> <CommentEdit>Edit</CommentEdit> <CommentDelete>Delete</CommentDelete></td></tr>
</table>
<br>
</Comment>
</IfCommentsAllowed>
</Entry>
</IfEntryPage>
<!-- FRIENDS PAGE -->
<IfFriendsPage>
<Entry>
<table width="100%" cellpadding="0" cellspacing="0">
<tr><td>
<h3><%EntryDate%> - <%EntryTitle%></h3>
<div class="author">Posted by <%EntryAuthor%></div>
<%EntryBody%>
</td></tr>
<tr><td>
<IfCommentsAllowed><a href="<%EntryURL%>">S(<%EntryCommentCount%>)undcheck</a> <IfCommentPostAllowed><font class="gray">::</font> <a href="<%CommentPostURL%>">Holla Back!</a></IfCommentPostAllowed> <font class="gray">::</font></IfCommentsAllowed> <a href="<%EntryURL%>">Stick to me</a>
</td></tr>
</table>
<br>
</Entry>
</IfFriendsPage>
<IfPages>
<table cellpadding="0" cellspacing="0" width="100%">
<tr><td><- <LaterLink>Last Song</LaterLink> :: <EarlierLink>Next Song</EarlierLink> -></td></tr>
</table>
</IfPages>
</td>
<td width="200" class="rightside" valign="top" NOWRAP>
<!-- BEGIN RIGHTSIDE -->
<h3>rockstar DJ</h3>
<div class="avatar"><img src="<%Avatar%>" border="0"></div>
<%Description%><br>
<div style="clear: both;">
<br>
<%Calendar%>
</div>
<div style="clear: both;">
<h3>Remixes</h3>
<RecentEntry>
• <%RecentEntryTitle%><br>
</RecentEntry>
</div>
<div style="clear: both;">
<h3>Genre</h3>
<Categories>
<li><a href="<%CategoryURL%>" target="_blank"><%Category%></a></li>
</Categories>
<div style="clear: both;">
<h3>connect to me</h3>
• <a href="<%MainPageURL%>">Home</a><br>
• <a href="<%ProfileURL%>">View my profile</a><br>
• <a href="<%ArchiveURL%>">Archives</a><br>
• <a href="<%FriendsPageURL%>">Friends</a><br>
• <a href="mailto: <%Email%>">Email Me</a><br>
<Link>• <a href="<%LinkURL%>"><%LinkTitle%></a><br></Link>
</div>
<h3>Shoutouts</h3>
<center>
Insert your tagboard here :)
Width shouldn"t exceed 190 px
Try www.cbox.ws
</center>
</div>
<h3>Party People</h3>
<Friends>• <a href="<%FriendURL%>"><%FriendUsername%></a><br></Friends>
</div>
<h3>Credits:</h3>
photohosting: <a href="http://photobucket.com/">Photobucket</a><br>
blog host: <a href="http://blogs.rakista.com/login.php">Rakista Blogs</a><br>
layout: partially by <a href="http://blackyuna.webs.com">::blackyuna::</a>
</div>
</td>
</tr>
</table>
</center>
</body>
</html>
Create a free website at Webs.com