目前分類:設定學習 (6)

瀏覽方式: 標題列表 簡短摘要

一直只有小小砲的我,終於有出頭天了!!!

小砲只有取景、看氣氛.....

標題大圖的製作...最適合.....哈哈

教大家一個簡單的方法....注意聽喔!!!

開一個 powerpoint 簡報檔

插入>圖片 (圖片調到跟頁面一樣大,不要拉到變型...)>加文字

全螢幕擷取 2013927 上午 110831  

全螢幕播放>print screen

Picasa 3 軟體 >將圖裁成 1300 x 500 > 匯出>上傳到相簿

 

全螢幕擷取 2013927 下午 121434  

大功告成.....善哉  善哉

 

全螢幕擷取 2013927 上午 110831.jpg  

 

最後最重要!!!!

沒看到的不要再問我了~~

這個調   登入列   高度、離右邊距離

#login-bar {color:#dbdbdb;position:absolute;

top:430px;

right:80px; 

 

這個調   部落格標題     離左邊距離

#banner {

padding-top:32px;

padding-left:30px;

text-align:left;

這個調     部落格/相簿/留言/名片     高度、離左邊距離

 

#navigation {

 

position:absolute;

 

top:300px;

 

left:50px;

 

 

 

 

 

 

 

  

舞月 發表在 痞客邦 留言(5) 人氣()

各位好友~

語法喜歡的就自取~

這樣以後到您格子都可以欣賞到1024尺寸的大圖了~

 

1.管理後台>部落格>樣式選擇>視覺創意> 模糊 (第四排第四個)

2.部落格 » 樣式管理 » 自訂樣式 » CSS 原始碼編輯> 原內容全選刪除> 貼上以下語法

3.部落格 » 樣式管理 » 自訂樣式 » 自訂樣式進階版>改字體顏色>改標題大圖

重點提醒: 

  • 基本/進階設定 >文章圖片大小>   設定 不調整
  • 標題大圖尺寸為 1300x500
  • 文章內上傳大圖尺寸寬度為 1024

 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

 

table {
border-collapse:collapse;
border-spacing:0;
}

 

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}

 

ol,ul {
list-style:none;
}

 

caption,th {
text-align:left;
}

 

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}

 

q:before,q:after {
content:'';
}

 

pre {
font-size:1em;
}

 

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:2;
color:#fff;
}

 

.article-content p {
margin-bottom:1em;
}

 

br {
letter-spacing:normal;
}

 

img {
vertical-align:middle;
}

 

HTML {
background:url(http://farm3.staticflickr.com/2852/9942512514_13a82fa345_o.jpg) center top no-repeat fixed;
}

 

body {
font-size:16px;
color:#eee;
line-height:180%;
font-family:arial;
background-image:url(none);
background-position:undefined;
margin:0;
padding:0;
}

 

a {
text-decoration:none;
color:#fff;
}

 

a:hover {
color:#fb0;
}

 

#authority {
line-height:30px;
text-align:center;
background:url(http://pic.pimg.tw/pixnetvisual/653e82f1b617d00de5136e6d988adb48.png);
}

 

#authority a {
display:inline;
margin-right:5px;
padding:2px 5px;
}

 

#container {
background:url(http://farm4.staticflickr.com/3693/9942705543_c582b07875_o.jpg)top repeat-x;
}

 

#container2 {
width:1280px;
position:relative;
margin:0 auto;
}

 

#header {
background:#FFF url(http://farm6.staticflickr.com/5347/9942264386_746b78c5f4_o.jpg) no-repeat top left;
height:455px;
background-image:url(http://pic.pimg.tw/may20071111/1380082021-1599388745.jpg);
background-color:#fff;
background-position:top left;
background-repeat:no-repeat;
padding:15px 20px;
}

 

#login-bar {
color:#dbdbdb;
position:absolute;
top:330px;
right:0;
}

 

#login-bar a {
color:#dbdbdb;
}

 

#banner {
padding-top:32px;
padding-left:140px;
text-align:left;
}

 

#banner h1 {
font-weight:bold;
font-size:38px;
font-family:BatangChe;
margin:0;
}

 

#banner h2,#banner #blog-category {
margin-top:10px;
font-size:18px;
color:#e600e6;
}

 

#navigation {
position:absolute;
top:330px;
left:150px;
}

 

#navigation li {
display:inline;
float:left;
}

 

#navigation li a {
margin-right:5px;
padding-right:20px;
background:url(http://pic.pimg.tw/pixnetvisual/2236be965cb07df3f814a253238500a2.gif) right no-repeat;
color:#dbdbdb;
}

 

li#link-album a {
padding-left:0;
}

 

#main {
_height:1%;
overflow:hidden;
}

 

#content {
width:1024px;
float:left;
display:inline;
}

 

#spotlight {
border:1px solid #ccc;
margin:0 5px 5px 115px;
padding:5px;
}

 

#spotlight h5 {
background:#866658;
color:#fff;
display:inline;
padding:2px 5px;
}

 

#spotlight-text {
margin-top:5px;
color:#ccc;
}

 

.article {
background:url() repeat-y right;
margin:20px 0 40px;
}

 

.article-head {
position:relative;
background:url() no-repeat top right;
top:-20px;
padding-right:15px;
}

 

.publish {
font-family:"Century Gothic";
background:url(http://pic.pimg.tw/pixnetvisual/af74788fe52e81bbf30bcf7e8d847507.png) no-repeat bottom left;
height:75px;
margin-left:100px;
width:100px;
float:left;
}

 

.year {
position:absolute;
top:15px;
right:965px;
color:#ffba00;
font-size:15px;
}

 

.month {
position:absolute;
background:url(http://pic.pimg.tw/pixnetvisual/67a652e7f303271f2a34f04d9c9218af.gif) right bottom no-repeat;
padding-right:10px;
top:35px;
right:940px;
color:#fff;
font-size:26px;
}

 

.date {
position:absolute;
top:35px;
right:910px;
color:#fff;
font-size:26px;
}

 

.title {
margin-left:50px;
padding-top:80px;
color:#fff;
font-weight:bold;
}

 

.title a {
font-size:28px;
font-weight:bold;
}

 

.title a:hover {
color:#f3b;
}

 

.article-body {
margin-left:30px;
padding-right:15px;
}

 

.article-body a {
text-decoration:underline;
}

 

.article-footer {
clear:both;
position:relative;
top:20px;
padding-left:10px;
padding-bottom:15px;
background:url() no-repeat bottom right;
overflow:hidden;
color:#eee;
}

 

.history,.refer {
width:48%;
float:left;
background:url(http://pic.pimg.tw/pixnetvisual/5a8253429a4e87b3330460b58ea79c95.jpg) left repeat-y;
padding-left:8px;
}

 

.back-to-top {
clear:both;
margin-top:5px;
}

 

.main-list {
margin-left:120px;
}

 

.main-list table {
width:100%;
margin-bottom:10px;
border-bottom:1px dotted #ccc;
}

 

.main-list th {
color:#fff;
font-weight:bold;
padding:3px;
}

 

.main-list td {
color:#eee;
padding:3px;
}

 

#user-post {
margin-top:25px;
}

 

.user-post-box {
position:relative;
margin-bottom:10px;
}

 

.user-post-title {
height:35px;
position:relative;
background:url(http://pic.pimg.tw/pixnetvisual/af74788fe52e81bbf30bcf7e8d847507.png) repeat-x bottom left;
padding-left:35px;
}

 

.single-post {
background:url(http://pic.pimg.tw/pixnetvisual/4b5c4e5c298eb9cdef3a5c777ab2c50d.jpg) repeat-x bottom;
position:relative;
min-height:90px;
_height:90px;
color:#ccc;
margin-left:120px;
padding:10px;
}

 

.post-info {
color:#fff;
font-weight:bold;
}

 

.post-photo {
position:absolute;
right:10px;
top:5px;
}

 

.post-photo img {
width:50px;
height:50px;
}

 

#comment-box .post-text {
width:525px;
}

 

.reply-text {
border:#ccc 1px solid;
color:#fff;
clear:coth;
margin:5px 0;
padding:5px;
}

 

.single-post.secret {
min-height:30px;
}

 

#trackback-box #trackback-url {
position:absolute;
right:5px;
top:0;
}

 

#trackback-box input#trackback-input {
width:460px;
background:url(http://pic.pimg.tw/pixnetvisual/653e82f1b617d00de5136e6d988adb48.png);
border:none;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
}

 

#comment-form {
color:#ccc;
margin:10px 10px 10px 120px;
}

 

#comment-form table {
width:100%;
}

 

#comment-form table td {
padding:3px;
}

 

#comment-form table th {
width:100px;
text-align:left;
vertical-align:top;
}

 

#comment-form input {
width:100%;
background:url(http://pic.pimg.tw/pixnetvisual/653e82f1b617d00de5136e6d988adb48.png);
border:none;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
line-height:20px;
}

 

#comment-form input.radio {
width:25px;
}

 

#comment-form input#blogcommenttext_name {
width:200px;
}

 

#comment-form input#send-comment {
width:80px;
height:20px;
background:#fff;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:none;
}

 

#comment-form textarea {
width:100%;
height:150px;
background:url(http://pic.pimg.tw/pixnetvisual/653e82f1b617d00de5136e6d988adb48.png);
border:none;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
}

 

.page {
text-align:right;
margin:15px 10px 10px 130px;
}

 

.page a {
margin-left:10px;
color:#fff;
}

 

#links {
width:256px;
float:right;
display:inline;
overflow:hidden;
color:#ff6;
}

 

.box {
margin-bottom:15px;
}

 

.box-title {
background:url(http://pic.pimg.tw/pixnetvisual/2771859bc4ea8ae29b153594466bb981.png) no-repeat;
height:30px;
color:#fff;
margin-bottom:10px;
font-weight:bold;
font-size:13px;
overflow:hidden;
padding:10px 8px 0;
}

 

.box-text {
width:215px;
overflow:hidden;
margin:0 auto;
}

 

#calendar table {
width:90%;
text-align:center;
font-size:12px;
margin:0 auto;
}

 

#calendar th {
text-align:center;
color:#fff;
font-weight:bold;
}

 

#calendar td {
text-align:center;
}

 

#calendar td a {
color:#fff;
text-decoration:underline;
}

 

#visitor li,#crumb li {
float:left;
margin:3px;
}

 

#visitor li img,#crumb li img {
width:40px;
height:40px;
}

 

#visitor .box-more,#crumb .box-more,.friends-all {
clear:both;
}

 

#broadcast ul {
height:45px;
width:230px;
overflow:hidden;
margin:5px 0;
}

 

#broadcast li {
line-height:20px;
}

 

#broadcast .broadcast-photo {
float:left;
margin-right:5px;
}

 

#search ul {
height:30px;
}

 

#search li {
float:left;
margin-right:5px;
display:inline;
}

 

#search input {
background:url(http://pic.pimg.tw/pixnetvisual/653e82f1b617d00de5136e6d988adb48.png);
border:none;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#fff;
line-height:20px;
}

 

#user-info dd {
margin:0!important;
}

 

#footer {
text-align:center;
padding:25px 0;
}

 

#footer a {
margin-right:5px;
color:#fff;
}

 

#footer p {
margin:0;
}

 

#bottom {
color:#ddd;
padding:5px 10px;
}

 

fieldset,img,abbr,acronym {
border:0;
}

 

#blog-category a,#navigation li a:hover,#calendar td b {
color:#fc0;
}

 

#banner .skiplink,.day,.time,.post-comment,#comment-form h4 {
display:none;
}

 

#article-area .article-area-title,#view-mode {
margin-left:5px;
color:#fff;
}

 

.author,.author a,#comment-form p {
text-align:right;
}

 

.main-list tr:hover,#calendar tr:hover {
background:url(http://pic.pimg.tw/pixnetvisual/653e82f1b617d00de5136e6d988adb48.png);
}

 

#trackback-box input,#search input#search-submit {
line-height:20px;
margin-right:3px;
background:#fff;
border:none;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
color:#666;
padding:0 3px;
}

 

.page SPAN,.page a:hover {
background:#fff;
color:#000;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
-khtml-border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:1px 6px;
}

 

#visitor ul,#crumb ul,#friendbox ul,#search .box-text {
overflow:hidden;
}

 

#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited {
color:#f66;
}

 

#banner h1 a:hover,#banner h1 a,#content .main-list a,#content .main-list a:hover,#calendar th a {
color:#fff;
}

 

#content a:hover,#content a:active,#content a:hover,#content a:active,#content a:hover,#content a:active {
color:#060;
}

 

#content a:hover,#content a:active,#content a:hover,#content a:active {
color:#b6f;
}

 

#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active,#header h1 a,#header h1 a:link,#header h1 a:visited,#header h1 a:hover,#header h1 a:active {
color:#ff9;
}

 

#content a:hover,#content a:active,#content a:hover,#content a:active,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited,#content a,#content a:link,#content a:visited {
color:#ff0;
}

 

 

 

 

舞月 發表在 痞客邦 留言(16) 人氣()

各位朋友ㄚ

這個社會、工作、生活都太複雜了!

逛部落格留言還要輸認證碼....饒過我吧!!!

拜託!!!請關掉~~~

步驟:管理後台>部落格>基本/進階設定>留言認證碼>不顯示....記得"""儲存"""

 

149767119.jpg
發文標圖 - 149767119.jpg (from 舞月)

舞月 發表在 痞客邦 留言(7) 人氣()

最近真的太忙~

才剛從YAHOO 部落格搬家過來 痞客邦

很多網頁的格式還沒改好

已經有很多朋友等不及想先試用"舞月的CCS樣式"

但是...先聲明.....沒那麼容易喔!!!

 

為了讓朋友們方便使用,還是請你們

1.先製作一張,width="1300" height="500"   的 jpg 檔  給我 (可以加上文字或網址)

 

 

12

 

2.再選擇你們想要的背景色

 

 

我再把改好的CCS樣式複製給你們,貼到自訂樣式裡就好了

 

 

舞月 發表在 痞客邦 留言(11) 人氣()

 新家的版面..經過我2日的 "爆肝" 修改

     終於.....爆框演出了

     看習慣大圖的我....只能對不起各位

     桌面顯示器設定沒有1280x1024的朋友

     圖會看不完整...感覺像被裁切

     桌面顯示器設定1280x1024的朋友

     右側欄會看不到....要把下面橫桿向右拉才看的到

     只有電腦螢幕是寬螢幕的朋友......恭喜你~~~~

     只有你.....不會罵我!

 

綠繡眼_20111019 (1)

舞月 發表在 痞客邦 留言(6) 人氣()

800x600  

忙了好久.....內文貼圖只能這樣   "大"  了

 

 

舞月 發表在 痞客邦 留言(3) 人氣()