馬樂地:SweetLucas 兩蘭式版面

<< RA-RE 雙人沙發 01 紅色 | 回blog首頁 | Brownie 兩欄式版面 >>

April 15,2007

SweetLucas 兩蘭式版面

瀏覽器：

自我介紹欄：無
月曆欄：有
樂多標籤欄：有
blog 可放置的圖片大小：寬 600px

CSS：

body{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 13px;
	background: #ffffff; 
}
a{
	color: #8778b4;
	text-decoration: none;
}
a:link{
	color: #8778b4;
	text-decoration: none;
}
a:visited{
	color: #8778b4;
	text-decoration: none;
}
a:active{
	color: #8778b4;
	text-decoration: none;
}
a:hover{
	color: #87a500;
	text-decoration: underline;
}
#container{
	margin: 0px auto;
	width: 950px;
}
#banner{
	background: url(http://blog.roodo.com/sweetlucas/7ec4c6a0.jpg);
	background-repeat: no-repeat;
	width: 950px;
	height: 150px;
	border: 1px solid #ddd;
}
#banner a{
	color: #fff;
	text-decoration: none;
}
#banner a:link{
	color: #fff;
	text-decoration:none;
}
#banner a:visited{
	color: #fff;
	text-decoration:none;
}
#banner a:active{
	color: #000;
	text-decoration:none;
}
#banner a:hover{
	color: #000;
	text-decoration: none;
}
.blogtitle{
	width: 90px;
	text-algin: center;
	color: #000;
	font-size: 13px;
	margin-top: 110px;
	margin-bottom: -12px;
	margin-left: 12px;
}
.description{
	color: #000;
	font-size: 12px;
	margin-top: -10px;
	margin-left: 100px;
}
#content{
	width: 680px;
	float: right;
	margin-top: 5px;
}
.blog{
	padding: 0px;
}
.date{
	font-size: 16px;
	font-family: geogria;
	color: #787878;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 5px;
	margin-bottom: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px dotted #aaa;
}
.blogbody{
	padding: 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.title{
	font-size: 16px;
	font-family: geogria;
	font-weight: lighter;
	color: #968778;
	margin: 10px 20px 25px 10px; 
}
.main{
	padding: 5px 10px 50px 10px;
}
.main-continues{
	font-size: 10px;
	color: 	#87a500;
}
a.acontinues{
	color: #87a500;
	text-decoration: none;
}
a.acontinues:link{
	color: #87a500;
	text-decoration: none;
}
a.acontinues:visited{
	color: #87a5008;
	text-decoration: none;
}
a.acontinues:active{
	color: #87a500;
	text-decoration: none;
}
a.acontinues:hover{
	color: #87a500;
	text-decoration: underline;
}
.posted{
	font-size: 10px;
	text-align: right;
}
a.aposted{
	color: #4b5a78;
	text-decoration: none;
}
a.aposted:link{
	color: #8778b4;
	text-decoration: none;
}
a.aposted:visited{
	color: #8778b4;
	text-decoration: none;
}
a.aposted:active{
	color: #8778b4;
	text-decoration: none;
}
a.aposted:hover{
	color: #87a500;
	text-decoration: underline;
}
.trackback-url{
	font-size: 10px;
	color: #87a500;
	padding-left: 10px;
	margin-top: -20px;
	margin-bottom: 50px;
}
.comments-head{
	border-top: 1px dashed #ddd;
	margin-top: 60px;
	padding-top: 50px;
	padding-left: 20px;
	padding-bottom: 20px;
}
.trackback-body{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 20px;
}
.trackback-post{
	text-align: right;
	margin-bottom: 20px;
	padding: 0px 45px 10px 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 10px solid #ccc;
}
a.atrackback-post{
	color: #8778b4;
}
a.atrackback-post:link{
	color: #8778b4;
	text-decoration: none;
}
a.atrackback-post:visited{
	color: #8778b4;
	text-decoration: none;
}
a.atrackback-post:active{
	color: #8778b4;
	text-decoration: none;
}
a.atrackback-post:hover{
	color: #87a500;
	text-decoration: underline;
}
.comments-body{
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 20px;
}
.comments-post{
	background: #dcd;
	color: #4b5a78;
	text-align: right;
	padding: 20px 20px 10px;
	margin-bottom: 20px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.form{
	font-size: 16px;
}
#author{
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: verdana;
	color: #4b5a78;
	padding: 5px;
	width: 500px;
}
#email{
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: verdana;
	color: #4b5a78;
	padding: 5px;
	width: 500px;
}
#url{
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: verdana;
	color: #4b5a78;
	padding: 5px;
	width: 500px;
}
#text{
	border: 1px solid #ccc;
	font-size: 16px;
	font-family: verdana;
	color: #4b5a78;
	padding: 5px;
	width: 600px;
}
.menu{
	font-size: 10px;
	text-align: right;
	padding-top: 10px;
}
a.amenu{
	color: #8778b4;
	text-decoration: none;
}
a.amenu:link{
	color: #8778b4;
	text-decoration: none;
}
a.amenu:visited{
	color: #8778b4;
	text-decoration: none;
}
a.amenu:active{
	color: #8778b4;
	text-decoration: none;
}
a.amenu:hover{
	color: #87a500;
	text-decoration: underline;
}
.pagetop{
	font-size: 13px;
	text-align: right;
	padding-right: 20px;
	margin-top: 5px;
}
#links{
	width: 250px;
	float: left;
	margin-top: 10px;
}
.sidetitle{
	background: #dcd;
f	ont-size: 12px;
	font-weight: lighter;
	color: #968778;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px dotted #ddd;
}
.side{
	padding: 5px 10px 5px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
a.aside{
	color: #4b5a78;
	text-decoration: none;
}
a.aside:link{
	color: #8778b4;
	text-decoration: none;
}
a.aside:visited{
	color: #8778b4;
	text-decoration: none;
}
a.aside:active{
color: #8778b4;
	text-decoration: none;
}
a.aside:hover{
	color: #87a500;
	text-decoration: underline;
}
.sidebody{
color:  #999;
}
.calendarhead{
	background: #dcd;
	font-size: 12px;
	font-weight: lighter;
	color: #968778;
	letter-spacing: 2px;
	text-align: center;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.calendartable{
	width: 250px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.calendarwd{
	color: #968778;
	border-bottom: 1px dotted #ddd;
}
.calendarweek{}
.calendard{
	color: #b4b4b4;
}
.calendar{
	margin-left: 2px;
	margin-right: 2px;
}
.calendardbg{
	background: #eee;
}

a.acalendar{}
a.acalendar:link{
	color: #87a500;
	text-decoration: none;
}
a.acalendar:visited{
	color: #87a500;
	text-decoration: none;
}
a.acalendar:active{
	color: #87a500;
	text-decoration: none;
}
a.acalendar:hover{
	color: #87a500;
	text-decoration: underline;
}
.syndicate{
	margin: 5px 10px;
	align: left;
}
.adbox{		
	visibility: hidden;
}
/* CSS by Marti http://blog.roodo.com/cssmarti/ */

<div></div><br clear="all"></div>
				<div class="posted">Posted by cssmarti at <a class="aposted" href="http://www.roodo.com/">樂多Roodo!</a> │18:00
				 │<a class="aposted" href="#comments">回應(1)</a>
						 │<a class="aposted" href="#trackback">引用(1)</a>
						 │<a class="aposted" href="http://blog.roodo.com/cssmarti/archives/cat_345423.html">其他</a>
				<br>
		<div class="tools">
				樂多分類：<A class="aposted" href="http://blog.roodo.com/categories/internet">網路/3C</a>
						共同主題：<A class="aposted" href="http://blog.roodo.com/topic/612">CSS設計排版</a>
				工具：<a class="aposted" href="http://adm.blog.roodo.com/article/edit&aID=3010059">編輯本文</a>
		
		</div>		
		</div>
		<div class="main">
<div class="adbox">
	<center>
  <table cellSpacing="0" cellPadding="0" border="0" align="center">
    <tbody>
      <tr>
        <td>

</td>
        <td>

</td>
      </tr>
      <tr>
        <td align="right" colSpan="2" class="adtext"><a href="http://www.roodo.com">Ads by Roodo!</a> </td>
      </tr>
    </tbody>
  </table>
</center>
</div>
</div>		
						<a name="trackback"></a>
				<h3 class="title">引用URL</h3>
				<div class="trackback-url">http://cgi.blog.roodo.com/trackback/3010059  <input type="image" src="http://static.roodo.com/blog/copy_trackbck.gif" onClick="javascript:CopyText('http://cgi.blog.roodo.com/trackback/3010059');"></div>
				
					<div class="comments-head">引用列表:</div>                
<a name="comment-505213"></a>
	<div class="trackback-body">Buy cymbalta online.</div>
	<div class="trackback-post"><a class="atrackback-post" target="_blank" href="http://www.createforum.com/cymbalta" rel="nofollow">Buy cymbalta online.</a>【Buy cymbalta online.】
at	July 20,2007 21:18
	</div>
			<script src='http://blog.roodo.com/_img/jquery-1.3.2.min.js' type='text/javascript'></script>
<script src="http://blog.roodo.com/_img/jquery.editable-1.3.3.js" type="text/javascript"></script>
<script src="http://blog.roodo.com/_img/jquery.editable-1.3.3.js" type="text/javascript"></script>
<script>
$(function(){
function begin(){
this.append('Click somewhere else to submit')
}
function end(content){
	 $.ajax({
	   type: "POST",
	   url: "http://blog.roodo.com/cssmarti/reply",
	   data: "act=reply&aID=3010059&b7e2d7de6e5222dcc488bcbccd71ac7b=85f7b6c6438aa98be0ddee164284b3a2&cID="+$("#editing_id").val()+"&act=reply&reply="+content.current,
	   error: function(msg){
	     alert( "error : " + msg );
	     window.location.replace("http://blog.roodo.com/cssmarti/archives/3010059.html#comments");
	   },
	   success: function(msg){
	     //alert( "Data Saved: " + msg );
	   }
	 });
}

$('.editable').editable({
									type:'textarea',
									editClass:'editable_content',
									submit:'儲存',
									cancel:'取消',
									onSubmit:end
								});
});
function doReply(id)
{
		$("#reply-title-"+id).css('display','inline');
		$("#reply-master-"+id).css('display','inline');
		$("#editing_id").val(id);
		$("#"+id).click();
}
function doDel(id,author){
	ret=confirm("確認刪除  "+ author +" 的回應?");
	if (ret)
	{
		 $.ajax({
		   type: "POST",
		   url: "http://blog.roodo.com/cssmarti/reply",
		   data: "cID="+id+"&act=del&b7e2d7de6e5222dcc488bcbccd71ac7b=85f7b6c6438aa98be0ddee164284b3a2",
		   error: function(msg){
		     alert( "error : " + msg );
		     location.replace("http://blog.roodo.com/cssmarti/archives/3010059.html#comments");
		   },
		   success: function(msg){
		   		location.reload();
		     //location.replace("http://blog.roodo.com/cssmarti/archives/3010059.html#comments");
		   }
		 });
	}
}

<br />
Live with your lover before getting married
							
						</div>
				
		<div class="comments-post">
				
				Posted by <a class="aposted" href="http://www.hisfirsthugecock.com/?revid=40690" rel="nofollow">his first huge cock</a>
		    
				at	December 20,2007 17:31
				</div>
								<a name="commentForm"></a>
		<table cellpadding="5" cellspacing="0" border="0" class="form">
		<form name="comment_form" action="http://cgi.blog.roodo.com/comment#commentForm" method="POST" onSubmit="javacript:setCommentAuthor(this);">
		<input type="hidden" name="aID" value="3010059">
		<input type="hidden" name="bID" value="51726">
		<input type="hidden" name="security" value="08033775">
		<input type="hidden" id="errorMsg" name="errorMsg" value="">
		<input type="hidden" id="username" name="username" value="">
		<tr>
			<td><label for="author">姓名 : </label></td>
			<td><input id="author" name="author"></td> 
		</tr>
		<tr>
			<td valign="top"><label for="email">Email : </label></td>
			<td><input id="email" name="email"></td>
		</tr>
		<tr>
			<td valign="top"><label for="url">URL : </label></td>
			<td><input id="url" name="url"></td>
		</tr>
		<tr>
			<td valign="top"><label for="url">回應狀態: </label></td>
			<td>
								<input type="radio" name="cType" value="public" checked><label for="url">公開   </label>
				<input type="radio" name="cType" value="private" ><label for="url">私密   </label>
							</td>
		</tr>
				<tr>
			<td valign="top">
											<img class="myicon" src="http://static.roodo.com/blog/me.gif" border=0>
										</td>
			<td>
			<input id="bake" type="checkbox" name="cookie" style="padding:0;margin:0px;"> <label for="bake">記住我的資訊</label><br>
							<input id="myicon" type="checkbox" name="myicon" style="padding:0;margin:0px;"> <label for="myicon">顯示我的圖像 ( 
								<a href="http://friends.roodo.com">登入 或 申請個人圖像</a> 
								)</label>
						</td>
		</tr>		
		<tr>
			<td valign="top" colspan="2"><label for="text">回應內容 : </label><br>
			<textarea id="text" name="comments" rows="10" cols="10">

回最上方