⑴ 如何自己製作新浪博客模板
首先你要學會使用製作圖片的軟體,推薦使用 Photoshop 這是最常用的,它的功能很強大,此軟體在網路上很好搜索下載,至於如何使用它,這就需要你系統的去學習了,在我的教學分類的後面幾頁有幾個 Photoshop 的視頻教程,大家可以參考一下,或者在網路上找一些相關的教學文章和視頻來參考學習。
接下來你要弄明白新浪博客首頁圖片各部分的尺寸,下面我列出來一些:
橫幅尺寸:
音樂旋風模板 寬:770像素 高:180像素 解析度:72
其他風格模板 寬:770像素 高:135像素 解析度:72
橫幅下圖片尺寸:
寬770像素 高28像素 解析度72
大背景尺寸:
寬:1024 像素 高:600 像素 解析度:72
文章標題圖片尺寸:
寬550像素 高28像素 解析度72
一側圖片標題尺寸:
寬210像素 高28像素 解析度72
文章背景尺寸:
寬770像素 高隨意 解析度72
各部分圖片尺寸太多,我就不一一列舉了,最好的辦法就是:你想使用什麼系統模板,就先更換上,再把各部分圖片存到你電腦中,然後用 Photoshop 或者滑鼠右鍵點擊圖片察看屬性,打開這個圖片,查看尺寸大小。
--------------------------------------------------------------------------------
明白各部分圖片的尺寸後,接下來就是製作圖片了,建議先找一些圖片素材,首先要在腦海中想像一下你想要的效果,然後使用 Photoshop 來剪切圖片,製作橫幅,大背景,文章和一側模塊標題背景圖片等等。圖片都製作好後,上傳到你的博客,建議參考《無限制上傳圖片的方法》這篇文章來上傳圖片。
圖片上傳後,得到圖片地址,然後根據《更換博客首頁各部分圖片代碼》這篇文章代碼,把得到的圖片地址添加到相對應的代碼地址中,建立模塊,粘貼代碼,就可以了。
修改文字顏色,請參考《更改博客各部分文字顏色的代碼》
想隱藏某一部分,請參考《隱藏博客各部分的代碼》
不會添加代碼的朋友,請參考:《關於添加特效的詳細介紹(圖片)》
更多效果請點擊我博客首頁的文章分類,在特效和教學分類中尋找答案。
如果看中我某個模板,你可以分析一下模板代碼,把代碼中的圖片地址復制-粘貼到地址欄中,看看是什麼圖片,然後自己製作或者修改圖片,利用此模板我公布出來的代碼,做成和這個模板一樣的效果。
以下的視頻教程希望可以幫到有需要的人。
《大師之路Photoshop CS2 教程》
FLASH8專業版實例視頻教程
Flash MX 2004超速入門與實例提高視頻教程
Photoshop CS基礎及應用視頻教程
編輯圖片的軟體下載:
photoshop7.0簡體中文版
參考資料:http://blog.sina.com.cn/s/blog_491dbdc7010007wh.html
⑵ 誰有好的個人博客網站源碼急急急...
現在博客模版最多就是Z-blog 跟WP 這個在網上有很多的 你可以自己去看下。貌似肖涵的博客模板挺不錯的 很多人用 你可以去看下!
⑶ 怎麼樣在自己的博客中添加源文件(網頁中的代碼)
我的是新浪博客,再自定義空白面版里點擊顯示原代碼,然後把代碼粘貼進去保存就可以了,具體可以看博客的幫助,很全的.
⑷ 如何在網頁(博客)中顯示源碼
到發芽網貼源碼就行了。注冊並登陸後,把你的源碼發上去,而且還可以蘆核卜改顏色和字體什麼的。
然後把你貼好後生成的源碼直接粘貼到你的博客中就可以了。
很多
碼農
都用這個的。氏核
地陪穗址是fayaa.com/code/new
你自己試試。
⑸ 現在比較好用的網站模板源碼有哪些
如果你想要企業網站模板,可以試試metinfo企業建站系統,自帶一套響應式布局網站模板,開源免費。
其他類型的網站如博客可用wordpress,門戶網站可用帝國CMS等等,很多很多,你可以搜索一下
⑹ 怎麼給新浪博客改頁面風格
如何更改博客頁面背景圖片(2006-12-20 23:46:14)
整體模板源代碼:
<STYLE type=text/css>
body
{background:url(頁面殲枝雹背景圖片) repeat
scroll!important;}
.logo
{background:url(題圖logo圖片) no
repeat no scroll!mportant;}
.banner
{background:url(題圖大圖) no
repeat no scroll!mportant;}
.menu{
background:url(題圖下的菜單圖片) no-
repeat center;}
.feeds .up{
background:url(正文標題欄上翻時的圖片) no-
repeat center;}
.feeds .down{
background:url(正文標題欄下翻時的圖片) no-
repeat center;}
.feeds .function{background:url(正文摘要結尾處菜單的圖片) no-
repeat right;}
.links .up{
background:url(面板標題欄上翻時圖片);}
.links .down{
background:url(面板標題欄下翻時的圖片);}
.links .mid{
background:url(面板的背景圖片);}
.photo .mid{
background:url(形象照片處的背景圖片);}
.label .mid{
background:url(自定義面板的背景圖片);}
.calendar .mid{
background:url(日歷面板背景);}
.callboard .up{
background:url(公告欄標題欄上翻時圖片);}
.callboard .down{
background:url(公告欄標題欄下翻時圖片);}
.callboard .mid{
background:url(公告欄背景圖片);}
.bodyBg{
background:url(正文背景圖片);}
.bodyBottom{
background:url(正文背景圖片);}
.gbook .up{
background:url(留言板標題欄上翻時的圖片) no-repeat;}
.gbook .down{
background:url(留言板標題欄搭帶下翻時的圖片) no-repeat;}
.feeds .page{
background:url(正文文章頁氏帆數圖片) no-repeat center;}
</STYLE>
(以上代碼只適用於sina blog,把文字部分改成圖片地址即可。但圖片地址必須是網路上已經存在的,否則不能顯示。)
========================================================================================================================================
<EMBED style="LEFT: 100px; POSITION: absolute; TOP: 0px" align=right src=http://photocdn.sohu.com/ppp/blog/swf/10.swf
width=803 height=155 type=application/x-shockwave-flash wmode="transparent" quality="high" ;></EMBED>
<DIV style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; FILTER: progid:DXImageTransform.Microsoftpadding:8px; ; LEFT:
expression_r(eval_r(document.body.scrollLeft)+eval_r(document.body.clientWidth)-63); BORDER-LEFT: medium none; BORDER-BOTTOM:
medium none; POSITION: absolute; ; TOP: expression_r(eval_r(document.body.scrollTop)+eval_r(document.body.clientHeight)-195); TEXT:
center"><A href="你的博客地址#top"><IMG src="http://static2.photo.sina.com.cn/orignal/4723cdbf944f9770be841"
border=0></A></DIV>
<STYLE type=text/css>
A{text-decoration:none;color:#51bfe0;}
A:hover{text-decoration:none;font-weight: bold;color:#FF7850;}
A:link{text-decoration:none;}
A:visited{text-decoration:none;}
A:active{text-decoration:none;}
.add A{COLOR: #000000;}
.add{background:#transparent;}
.add .ico{background:#transparent;}
body
頁面背景圖片
{background:url(http://static9.photo.sina.com.cn/orignal/4b1552d1a6e918ed2c428) repeat fixed!important;margin:0px;
SCROLLBAR-FACE-COLOR: #EEEDD8;
SCROLLBAR-HIGHLIGHT-COLOR: #D7D8C8;
SCROLLBAR-SHADOW-COLOR: #D7D8C8;
SCROLLBAR-3DLIGHT-COLOR: #D7D8C8;
SCROLLBAR-ARROW-COLOR: #D7D8C8;
SCROLLBAR-TRACK-COLOR: #EEEDD8;
SCROLLBAR-DARKSHADOW-COLOR: #D7D8C8;}
.bodybg
題圖logo圖片
{background:url(http://static1.photo.sina.com.cn/orignal/4b1552d1ae3d050e636b0) no repeat no fixed!important;width:790px;}
.bodytop{display:none;}
.bodyBottom
正文標題欄下翻時的圖片
{background:url(http://static3.photo.sina.com.cn/orignal/4b1552d1aa9b8982b5fe2);width:790px;height:77px;}
.banner table{background:#transparent;filter:alpha(opacity=85);border:0px solid #000;}
.banner .title td{color:#F7EEC7;font-size:35px;filter: glow(color=#333333,direction=2);}
.banner .title{margin-top:0px;margin-left:290px;font-weight:bold;}
.banner .link{margin-top:10px;margin-left:380px;}
.banner .link a{color:#F7EEC7;font-size:13px;filter: glow(color=gray,direction=2);}
.banner .link td{color:#F7EEC7;font-size:13px;filter: glow(color=gray,direction=2);}
.banner
題圖大圖
{background:url(http://static5.photo.sina.com.cn/orignal/4b1552d194a1ab84410d4);height:130px;}
.menu a{color:#F7EEC7;}
.menu .text{color:#F7EEC7;}
.menu
題圖下的菜單圖片
{background:url(http://static2.photo.sina.com.cn/orignal/4b1552d12e1c38ce0f151);no-repeat center;height:26px;width:790px;}
.photo .infoText a{color:#000000;}
.photo .mid{background:#transparent;}
.label .mid{background:#transparent;}
.links .text{color:#484848;}
.links .desc{color:#444444;}
.links .mid{background:#transparent;}
.links .more
{background:url(http://static11.photo.sina.com.cn/orignal/4b1552d17fab99a4759ea);height:30;width:40px;}
.gbook .up{background:#transparent;}
.gbook .down{background:#transparent;}
.links .up
[img]###圖片1###[/img]
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.links .down
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.callboard .up
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.callboard .down
{background:url(http://static16.photo.sina.com.cn/orignal/4b1552d1f67da1738a0ff);}
.callboard .mid{background:#transparent;}
.callboard .title{color:#484848;}
.calendar .mid{background:#transparent;}
.feeds .up
[img]###圖片2###[/img]
{background:url("http://static14.photo.sina.com.cn/orignal/4b1552d1b3e4fca5ffd9d") no-repeat center;height:29px;}
.feeds .down
{background:url("http://static14.photo.sina.com.cn/orignal/4b1552d1b3e4fca5ffd9d") no-repeat center;height:29px;}
.feeds .title{color:#333333;font-size:20px;font-family:Tahoma,monospace,arial,system;font-weight:bolder;filter:shadow
(color=gray,strength=3);text-align:center;height:100%;width:100%;line-height:100%;padding-top:5px;padding-right:20px;margin-
right:30px;!important;}
.feeds .page{background:#transparent;}
.feeds .function{background:#transparent;}
.feeds .function A{COLOR:#000000;}
.feeds .function TD{COLOR:#000000;}
.feeds .text A{COLOR:#000000;}
.feeds .text{width:540px;}
.feeds .aBody table{width:540px;}
.feeds .itemBox table{width:540px;}
.sysW770{display:none;}
A:hover
{cursor:url('http://webme.bokee.com/inc/mouse014.ani');}
body
{cursor:url('http://webme.bokee.com/inc/mouse014.ani');}
我知道的就這些啊,行不?
⑺ 求用css和div製作個人博客的網頁模板
熟悉前端的可以自己製作,也可到網上下載別人參考修改。css+div製作個人博客的網頁模板地址lmlblog.com/blog/1/,喜歡的可以自己修改,也可以自己學習製作等
⑻ 關於個人博客網頁的模版設計
只能自己做~~沒模板
http://www.oiblog.com/user1/6/archives/2006/7478.html教程~~
⑼ 哪裡可以弄到博客的源代碼
下載源碼的站很多
如down.chinaz.com