چگونه مي شود يك هدر براي وبلاگ ساخت...

E-poom

New Member
سلام...
مي خواستم بدانم چگونه مي شود يك هدر با اندازه مناسب براي يك وبلاگ ساخت... در واقع براي يك قالب آماده هدر ساخت و جايگزين هدر آن قالب كرد...
پس از ساخت هدر چگونه آن را تبديل به كد كنيم؟!
چطور اندازه هدر رو تشخيص بديم يعني اينكه چه اندازه اي با قالب ما متناسب است...
ممنون مي شوم توضيح دهيد.
خداحافظ
 

sheisebaboo

Active Member
کد قالب وبلاگ و یا آدرس وبلاگتون رو بزارید، راحت تر بتونیم کمکتون کنیم
 

michelangelo

Well-Known Member
از آنجایی که در این مدت دوستان زیادی درخواست آموزش تغیر تصاویر قالب های سایت یا وبلاگ را مثل تصویر هدر قالب (عکس بالای قالب) داشتند ، نحوه تغیر تصاویر را خواهیم گفت.
قبل از تغیر تصاویر باید توجه کنید که اندازه تصویر جدیدی که می خواهید در قالب خود قرار دهید باید از نظر طول و عرض تقریبا با تصویر قبلی یکسان باشد تا زیبایی قالب پس از جایگزین کردن تصاویر از دست نرود. برای تغیر تصاویر کافی است در کدنویسی تنها آدرس جدید تصویر را در قالب اعمال کرد ، پس اول تصویر جدید را در یک فضا (مثل سایت های آپلود عکس) آپلود کنید بعد آدرس جدید تصویر را جایگزین آدرس قبلی کنید.

تصاویر در قالب های وبلاگ به چندین شکل مختلف در کد قالب قرار دارند که رایج ترین روش ها را بررسی می کنیم :
۱- تصاویر قالب در بین دو تگ <style> در کد اصلی قالب قرار گرفته است.
در تگ <style> که تنظیمات قالب (اعم از تنظیمات جدول بندی، رنگ متن ها و …) وجود دارد برای تغیر تصاویر قالب مثل تصویر هدر ، منو ها و دیگر تصاویر قالب کافی است آدرس و در صورت نیاز سایز عکس را ویرایش کرد.
<style>
.top{background:url(http://topskin.ir/34/top.jpg) no-repeat top; width:900; height:200; float:right;}
</style>​
2- تصاویر قالب بصورت کد عکسی در قالب قرار گرفته است.
<img border="0" src="http://topskin.ir/36/header.jpg" width="186" height="30">​
3- تصاویر قالب خارج از کد قالب اصلی و در یک فایل جانبی به نام فایل CSS در قالب درج شده است .
در این روش که رایج ترین و حرفه ای ترین نوع کد نویسی قالب ها می باشد ، برای تغیر تنظیمات و تصاویر قالب دو روش ساده وجود دارد.
روش اول : باید ابتدا فایل CSS قالب را از آدرس مربوطه که در کد قالب وجود دارد دریافت کرده
<link href="http://topskin.ir/36/style.css" type="text/css" rel="stylesheet">​
آنرا با برنامه هایی مثل NOTEPAD باز کرد و آدرس تصاویر جدید قالب یا تنظیمات دیگر که روی فایل CSS پیاده می شود را اعمال کرد و سپس فایل CSS جدید را روی یک فضا آپلود کرد. بعد از انجام این کار کافیست آدرس جدید فایل CSS که تغیرات جدید در آن قرار دارد را در کد قالب قرار داد.
روش دوم : چنانچه تغیر فایل CSS قالب و آپلود آن برای شما دشوار است ، پس از دریافت فایل CSS قالب آنرا باز کنید، شناسه مربوط به جدولی که تصویر مورد نظر در آن قرار گرفته را در فایل CSS پیدا کنید.عنوان شناسه ها در فایل CSS در ابتدای هر سطر با نقطه یا # مشخص شده اند. پس از یافتن شناسه ، آنرا در کد قالب پیدا کنید:
<div class=header>
<div id=header>​
سپس کد زیر را مطابق مثال در جای خود اضافه کنید.
<div class=header style="background:url(http://yourskin.ir/34/mypic.jpg)">​
غیر از مراحل گفته شده در بالا ، مراحل دیگری هم وجود دارد اما رایج نیستند.
 

E-poom

New Member
سلام...
اين كد قالب است... البته قالب هاي خيلي زيباتري هستند كه دوست دارم استفاده كنم اما يكسري مشكلات ديگر دارند مثل اين مطلب من ادامه مطلب ندارد اما پايين هر پست من اين جمله نوشته شده... در حالي كه هيچ ادامه مطلبي وجود نداره...
يا من از برچسب ها استفاده نمي كنم اما منوش توي صفحه اصلي وب هست... در حالي كه در قالب هاي درست هر چيزي رو هر وقت فعال كني و مورد استفاده قرار بدي تو صفحه اول مي آيد... مثلا تا وقتي موضوعات و ننويسي در صفحه وبت موضوعات نمياد اما در بعضي از قالب ها همه چيز و هر امكاني كه براي قالب ايجاد شده توي صفحه مياد چه استفاده شود و چه نه...
براي همين فعلا من همين قالب رو در نظر گرفتم تا هدرش رو تغيير بدم...
تا اينكه خودم طراحي قالب وب رو ياد بگيرم...
ممنون...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html>

<style>

/*
Theme Name: Aspire
Theme URI: http://www.infocreek.com/webdesign/aspire.html
Description: Aspire is a gorgeous 3-column wordpress theme ( Blogger version available ) designed by <a href="http://www.infocreek.com">InfoCreek </a>.
Author: InfoCreek.com
Author URI: http://www.infocreek.com/
Tags: fixed width, clean, valid XHTML, widget ready, options page, gravatar, right sidebar.
Version: 1.1.3


*/

/*-----------------------------------------------
Read This >>> Advance footer style

You may also want to download wp-pagenavi - a free plugin that adds advance paging navigation to the footer of your WordPress blog.

Read more about this plugin at: http://lesterchan.net/wordpress/readme/wp-pagenavi.html

Enjoy!

----------------------------------------------- */

* {margin:0px; padding:0px;}
body {background: #38690d url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/body-bg.jpg) center top; text-align:center; font-size:12px; color:#240f02; font-family: tahoma,Verdana, Arial, Helvetica, sans-serif;}

img {border: medium none;}
blockquote {padding: 5px 20px; text-align: left; color:#602600}
blockquote blockquote {padding: 2px 10px; text-align: left; color:#602600; font-style:italic;}
a {text-decoration:none; color:#c97e00; border: 0px;}
a:hover {text-decoration:underline; border: 0px;}
a.u {text-decoration:underline; border: 0px;}
a.u:hover {text-decoration:none; border: 0px;}
a.n, a.n:hover {text-decoration:none; border: 0px;}
a:focus, a:active {outline: none;}

p {padding:7px 10px; line-height: 130%;}
.border {border:1px solid red;}
h1, h2, h3, h4 { font-family: "Trebuchet MS";}
hr {border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height: 1px;}

input {font-family: 'tahoma'; color: #240f02; font-size: 10px;}
textarea {font-family: 'Verdana'; color: #240f02; font-size: 11px;}
select {font-family: 'Verdana'; color: #240f02; font-size: 11px;}

.left-bg {position:absolute; left:0px; top:0px; width:50%; height:517px; margin-left:-495px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/top-left-bg-repeat.jpg) right top repeat-x;}
.script {position:absolute; right:0px; top:104px; width:100%; height:413px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/left-bg.jpg) right top no-repeat;}
.right-bg {position:absolute; right:0px; top:0px; width:50%; height:223px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/top-right-bg-repeat.jpg) 40px 0px repeat-x;}
#head {position:relative; width:990px; height:250px; margin:0 auto; text-align:left; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/top-right-bg-repeat.jpg) 90px 0px repeat-x;}
.crack {position:absolute; left:0px; top:0px; width:990px; height:51px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/crack.jpg) 627px 0px no-repeat;}
.header {width:627px; height:250px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/header-bg.jpg) no-repeat;}
.logo {text-align:right;position:absolute; left:0px; top:115px; width:627px;}
.logo h1 {white-space:nowrap;overflow:hidden;direction:rtl;width:605px;font: bold 26px/120% Georgia; color:#602600; padding:9px 7px 10px 0; margin-right:16px;}
.logo .description {position:absolute; left:20px; top:36px; font: bold italic 15px/120% Georgia; color:#602600;}
.logo h1 a, .logo h1 a:hover {color:#602600; text-decoration:none;}
.logo a b {}
.shadow-right {position:absolute; left:627px; top:115px; width:102px; height:380px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/right-bg.jpg) no-repeat;}
#menu {position:absolute; left:100px; top:80px;}
#menu ul {list-style:none;}
#menu ul li {display:block; float:left; padding:0 17px;}
* html #menu ul li {display:inline;}
#menu ul li a {color:#97712c;}
.searchbox {text-align:right;position:absolute; right:50px; top:100px; width:210px; font-size:11px; color:#97712c; direction:rtl;}
#searchform .label {display:block; padding:0px 0px 2px 5px;}
.search {width:135px; height:20px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/search-input.gif) left top no-repeat; float:right;}
#searchform input {border:none; background:transparent url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/go-button.gif) right top no-repeat; font-weight: bold; color:#ceb978; width:75px; height:20px; float:left;}
#searchform .search #s {border:none; background:transparent; color:#ceb978; width:125px; height:auto !important; margin:3px 4px 0 0px; float:right;}

.linkprefs {position:absolute; right:20px; bottom:106px; width:120px;}
.page-options {position:relative; display:block; width:69px; height:16px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/options.gif) center top no-repeat; cursor:pointer; margin-left:40px;}
.options {position:relative; width:120px; height:40px;}
* html .options {position:relative; width:120px; height:39px;}
#content-sizer {position:relative; width:72px; height:22px; display:block;}
.fnt-dec {position:absolute; left:0px; top:10px; width:24px; height:22px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/text-resizer.gif) 0px 0px no-repeat;}
.fnt-dec:hover {background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/text-resizer.gif) 0px -22px no-repeat; z-index:10;}
.fnt-inc {position:absolute; left:23px; top:10px; width:25px; height:22px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/text-resizer.gif) -23px 0px no-repeat;}
.fnt-inc:hover {background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/text-resizer.gif) -23px -22px no-repeat; z-index:10}
.fnt-res {position:absolute; left:48px; top:10px; width:24px; height:22px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/text-resizer.gif) -48px 0px no-repeat;}
.fnt-res:hover {background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/text-resizer.gif) -48px -22px no-repeat; z-index:10}
.linkset {position:absolute; right:7px; top:3px; display:block; width:32px; height:32px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/link-option.gif) 7px 13px no-repeat;}
.link-ext {position:absolute; display:block; left:8px; top:10px; width:14px; height:14px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/internal.gif) 0px 0px no-repeat;}
.link-int {position:absolute; display:none; left:-6px; top:24px; width:14px; height:14px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/external.gif) 0px 0px no-repeat;}
#linkprefs {position:absolute; display:block; left:7px; top:10px; width:15px; height:15px;}

#content {position:relative; width:990px; margin:0 auto; text-align:left;}
#main {position:relative; float:left; width:627px;}
.content {direction:rtl;text-align:right;position:relative; width:627px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/content-bg.jpg);}
.cont-r {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/border.gif) right top repeat-y;}
.cont-l {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/border.gif) left top repeat-y;}
.cont-bot {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/content-bottom-bg.jpg) left bottom no-repeat; top:0px; bottom:0px; min-height:380px;}
.grad-hack {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/header-bg.jpg) 0px -170px no-repeat; width:627px; overflow:hidden; margin-top:-80px; padding-bottom:20px}
.begin {background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/begin.gif) 20px 0px no-repeat; position:absolute; top:0px; left:0px; width:100%; height:40px; z-index:10;}

.content h1 {font: 20px "Trebuchet MS"; color:#602600; letter-spacing:-1px; padding-top:10px;}
.content h2 {font:bold 18px "Trebuchet MS"; color:#602600; padding:10px 0px 2px 20px;}
.content h3 {font:bold 16px "Trebuchet MS"; color:#602600; padding:10px 0px 2px 20px;}
.content h4 {font:bold 14px "Trebuchet MS"; color:#602600; padding:7px 0px 2px 15px;}
.content h5 {font:bold 12px "Trebuchet MS"; color:#602600; padding:5px 0px 2px 10px;}
.content h6 {font:bold 10px Verdana; color:#602600; padding:5px 0px 2px 0px;}
.content h2.pagetitle {position:absolute; top:0px; right:30px; padding:0px; font-size:12px;}
.post {padding:24px 10px 10px 10px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/post-devider.jpg) no-repeat;}
.post1 {padding:0px 10px 10px 10px;position:relative; z-index:100;}
* html .post {position:relative;}
* html .post1 {position:relative; height:350px;}
.content .title {padding:0px;}
.content .date {padding:10px 2px 0px 2px;;font:normal 18px Georgia; margin-right:10px; color:#ffffff; float:left; width:100px; height:45px; overflow:hidden; text-align:center; background:#CA9417 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/date-bg.gif) no-repeat;}
.content .date .time {font: 14px/16px Arial; color:#4c2604; margin:-10px 0px 0 0; text-transform:lowercase;}
.content h1 a, .content h1 a:hover {color:#602600; text-decoration:none;}
.content p.author {color:#240f02; padding:0px 0px 0px 0px; font-size:11px;}
.entry {width:597px;overflow:hidden;position:relative; padding:0 10px 10px 0; clear:both;}



.postmetadata {direction:rtl; padding:5px 20px 0px 75px; text-align:left; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/num-comm-left.jpg) no-repeat; margin-right:15px; clear:both;}
* html .postmetadata {display:inline-block;}
*:first-child+html .postmetadata {display:inline-block;}
.postmetadata .comm-num-left {padding:5px 75px 7px 0px; float:left; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/num-comm-right.jpg) no-repeat 100% -2px;}

.addcomment {position:absolute; right:28px; top:2px; font-size:10px; z-index:100;}
.addcomment a {padding:0px 4px; line-height:100%; background-color:#8c7246; font-size:10px; color:#ffffff;}
.addcomment a:hover {background-color:#1a0603; text-decoration:none;}


.content h2.center {padding:25px 0; text-align:center;}
.wp-pagenavi {margin:10px 0px; z-index:300; font-size:11px;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {float:right; font-size:11px; background:#ca9417 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/page-num-bg.gif) 0 0 no-repeat !important; line-height:16px; padding:0 4px !important; color:#602600 !important; margin:0 3px 0 0 !important; border:none !important;}
.wp-pagenavi a:hover {background:#602600 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/page-num-bg.gif) 0 0 no-repeat !important; font-size:11px; color:#ca9417 !important; text-decoration:none; border:none !important;}
.wp-pagenavi span.pages {float:right; font-size:11px; padding: 0px 4px 0px 4px !important; line-height:16px; margin: 0px 3px 0px 0px !important; color: #ca9417 !important; border: none !important; background:#602600 !important;}

.wp-pagenavi b {color:#000;text-decoration:underline;}

#main ul {position:relative; list-style:none; padding:5px 20px;}
#main ul li {display:block; padding:2px 0px 2px 12px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/marker.gif) 0px 7px no-repeat;}
#main ol {padding: 5px 40px; list-style: decimal}
#main ol li {padding:2px 0px 2px 0px;}


#comments {}
#comments a {}
#comments h4 {padding-left:20px;}
.nocomments {padding: 0 20px 30px 20px;}
.message-bottom {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-bottom.gif) left bottom repeat-x;}
.message-top {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-top.gif) 0 5px repeat-x;}
.message-right {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-right.gif) 100% 0px repeat-y;}
.message-left {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-left.gif) 0 0 repeat-y;}
.mes-br {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-br.jpg) right bottom no-repeat;}
.mes-bl {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-bl.jpg) left bottom no-repeat;}
.mes-tr {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-tr.jpg) right top no-repeat;}
.mes-tl {position:relative; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-tl.jpg) left top no-repeat; width:100%;}
.message-by {padding:15px 0 5px 0; font:16px/18px "Trebushet MS"; color:#602600; text-align:center;}
.avatar-place {position:absolute; right:17px; top:17px; width:50px; height:50px;}
.message-count {text-align:center;}
.message-count span {display:inline-block; border:1px solid #8a5f3b; font:12px/14px Georgia; position:relative; padding:0 5px;}
.message-count span b.count-l {position:absolute; left:-74px; top:1px; height:14px; width:72px; line-height:0px; font-size:0px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-number-right.gif) left top no-repeat;}
.message-count span b.count-r {position:absolute; right:-76px; top:1px; height:14px; width:74px; line-height:0px; font-size:0px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-number-left.gif) right top no-repeat;}
.message-entry {position:relative; padding:10px 20px 20px 20px;}
.message-entry p {overflow:hidden;}
* html .message-entry p {width:100%;}
.message-time {font-size:11px; line-height:20px; color:#efe7c6; height:20px; width:250px; background: #b27110 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-time-right.gif) right top no-repeat; margin:10px 20px 0 10px;}
.message-time span {display:block; height:20px; padding:0 25px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/message-time-left.gif) left top no-repeat;}


#response {position:relative;}
#response h4 {padding:20px 0px 5px 20px;}
#response div.form {width:100%; position:relative; border:1px solid #a4813c;}
* html #response div.form {width:100%;}
#response div.form #commentform {padding:10px;}

.inputs {position:relative; width:49%; float:left;}
.input {position:relative;}
.input b {color:#c97e00;}
.inputs input {position:relative; background:#ede5c3; border:1px solid #a4813c; width:99%; padding:2px; margin-bottom:5px;}
.message {position:relative; width:49%; float:right; text-align:center;}
.message .input {margin-bottom:0px; text-align:center;}
.message textarea {background:#ede5c3; border:1px solid #a4813c; width:99%; height:92px; padding:1px;}
.submit {text-align:right; margin-top:10px;}
* html .submit {margin-top:0px;}
*:first-child+html .submit {margin-top:0px;}



#sidebars {text-align:right;position:relative; width:350px; float:right; margin-top:-66px;}
#sidebars #searchform #s {border:1px solid #212121; background:#689330; background-image:none; color:#ffffff; width:100%; height:auto !important; margin:0px 0 0 0px;}
#sidebar-left {width:173px; float:left; overflow:hidden;}
#sidebar-right {width:173px; float:right; overflow:hidden;}
#sidebar-right .about_box #user_logo img{direction:rtl;margin-top:2px;height:150px;width:150px;border:1px solid #602600}
#sidebar-right .about_box {text-align:center;}
#sidebar-right .about_box #about_text{line-height:15px;margin-top:10px;color:#602600;text-align:right;}



.sb-bot {direction:rtl;position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-bottom.jpg) center bottom repeat-x; margin-top:15px;}
.sb-top {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-top.jpg) center top repeat-x;}
.sb-right {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-border.gif) right top repeat-y;}
.sb-left {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-border.gif) left top repeat-y;}
.sb-rb {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-rb.jpg) right bottom no-repeat;}
.sb-lb {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-lb.jpg) left bottom no-repeat;}
.sb-rt {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-rt.jpg) right top no-repeat; width:100%}
.sb-lt {position:relative; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-lt.jpg) left top no-repeat; padding:10px 10px 15px 10px; width:153px; overflow:hidden;}

#sidebars h2 {position:relative; font:bold 16px "Trebuchet MS"; color:#602600; margin:0 -6px; text-align:center; background:url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sidebar-title-line.jpg) center bottom no-repeat; padding:3px 0 18px 0;}
#sidebars a {color:#602600;}
#sidebars ul {display:inline-block; position:relative; padding:3px 0 0px 0; list-style:none; background:none}
#sidebars .poll {padding-right:5px;}
#sidebars .poll #poll_ques{padding-right:0px;}
#sidebars .poll li {padding-right:5px;line-height:30px;}
#sidebars ul li {display:block; position:relative; font-size: 12px; color:#240f02; padding:0px 0px}
* html #sidebars ul li {display:inline-block;}
*:first-child+html #sidebars ul li {display:inline-block;}
#sidebars ul li a {color:#602600; padding:2px 10px 2px 0px; display:block; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker.gif) 100% 7px no-repeat;}
#sidebars ul li.current-cat a {color:#240f02; background:#c18c35 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker-hover.gif) 100%px 7px no-repeat;}
#sidebars ul li a:hover {color:#240f02; background:#c18c35 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker-hover.gif) 100% 7px no-repeat; text-decoration:none;}
#sidebars ul li:hover {color:#240f02; background:#c18c35; text-decoration:none;}
#sidebars ul li p a {color:#602600; display:inline; background: none; padding:0px;}
#sidebars ul li p a:hover {color:#602600; display:inline; background:#c18c35 none; padding:0px;}

/*
#sidebars ul li ul {padding:0px 0 0px 0px; list-style:none;}
#sidebars ul li ul li a {padding:2px 0px 2px 25px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker.gif) 13px 7px no-repeat;}
#sidebars ul li ul li a:hover {background:#c18c35 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker-hover.gif) 13px 7px no-repeat;}
*/
/*
#sidebars ul li.cat-item, #sidebars #archives ul li {padding:2px 10px 2px 0px; background: url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker.gif) 100% 7px no-repeat;}
#sidebars ul li.cat-item a, #sidebars #archives ul li a {color:#602600; padding:0px; display:inline; background:none;}
#sidebars ul li.cat-item.current-cat, #sidebars #archives ul li.current-cat {background:#c18c35 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker-hover.gif) 3px 7px no-repeat;}
#sidebars ul li.cat-item.current-cat a, #sidebars #archives ul li a {color:#240f02; background:none;}
#sidebars ul li:hover.cat-item, #sidebars #archives ul li:hover, .selected {background:#c18c35 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/sb-marker-hover.gif) 3px 7px no-repeat !important;}
#sidebars ul li.cat-item a:hover, #sidebars #archives ul li a:hover {color:#240f02; background:none; text-decoration:none;}
*/


#recentcomments li a {background:none !important; padding:0 0 0 0;}
.textwidget iframe {position:relative; margin:0 -5px 10px -5px;}

.logo-bottom {position:absolute; right:30px; bottom:15px; z-index:1000;}


a:hover abbr {border:none;}


#footer {width:100%; margin:0 auto; text-align:left;}
#footer a {color:#602600;}
#footer strong{font-size:9px}
.copy {float:left; padding:50px 0px 15px 0px; font-size:11px; z-index:100; width:590px; text-align:right;}
.rss_box {float:right; font-size:11px; background:#ca9417 url(http://www.mihanblog.com/public//public/public/user_data/template/20/images/page-num-bg.gif) 0 0 no-repeat; line-height:22px; padding:0 7px; margin:10px 20px;}

.ping-track {position:relative; border:1px solid #a4813c; padding:10px;}


.up {text-transform:uppercase;}
.b {font-weight:bold;}
.center {text-align:center;}
.l, .left {float:left;}
.r, .right {float:right;}
.textleft {text-align:left !important;}
.clear {clear:both;}

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.owner_photo{
color:#fff;
float:right;
margin:5px 5px 5px 17px;
}

.clearfix {display: inline-block;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
* html .clearfix {height: 1%;}
.clearfix {display: block;}


.stat span{
color:#602600 ;
font-weight:bold;
font-size:11px;
}

.btn {
-x-system-font:none;
background-color:#602600 ;
color:#fff;
cursor:pointer;
float:none;
font-family:Tahoma;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:24px;
line-height:normal;
text-align:center;
padding:0 3px;
}

.poll_btn{
width:140px;
padding-top:10px;
}
.mihan_logo{
background: url(http://www.mihanblog.com/public//public/public/images/logo/poweredby.gif) no-repeat top center;
text-align:center;
height:131px;
margin-top:10px;
}
#parentheses p{
float:right;
color:#602600;
padding:0px 1px;
margin:0px;
direction:rtl;
text-align:right;
}

.cb_general{
line-height:18px;
}

.cb_share{
text-align:left;
padding: 15px 0;
}
.cb_share a{
font-size:11px;
text-decoration:none
}
.cb_share a img{
padding:0 0 0 5px;
}

</style>


<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name='description' content='[cb:blog_meta_description]' />
<meta name='keywords' content='[cb:blog_meta_keywords]' />

<title>[cb:blog_page_title]</title>

<link rel="alternate" type="application/rss+xml" title="[cb:blog_title]" href="[cb:blog_rss_href]" />
<link rel="alternate" type="application/atom+xml" title="[cb:blog_title]" href="[cb:blog_atom_href]" />

</head>
<body>
<div class="left-bg"><div class="script"></div></div>
<div class="right-bg"></div>
<div id="head">
<div class="crack"></div>
<div class="header" id="top">
<div id="menu">
<ul>
<li><a href="[cb:blog_rss_href]" >RSS</a></li>
<li><a href="[cb:blog_atom_href]">ATOM</a></li>
<li><a href="mailto:[cb:blog_email]" title="ارسال ایمیل به مدیر وبلاگ">پست الکترونیک</a></li>
<li><a href="[cb:blog_contact_href]" title="تماس با مدیر وبلاگ">تماس با ما</a></li>

</ul>
</div>
<div class="logo"><div class="begin"></div>
<h1><a href="[cb:blog_full_address]">[cb:blog_title]</a></h1>
<div class="description">[cb:blog_slogan]</div>
</div>
</div>

<div class="shadow-right"></div>

<cb:block_search>
<div class="searchbox"><div id="searchform">
<div class="label">جستجو</div>
<div class="search"><input type="text" value="" name="search_text" id="s" /></div>
<div><input type="submit" id="searchsubmit" value="[cb:search_button_text]" /></div>
</div></div>
</cb:block_search>

</div>


<div id="content">
<div id="main">
<div class="content clearfix"><div class="cont-r"><div class="cont-l"><div class="cont-bot">
<div class="grad-hack">


<cb:block_post><cb:loop_post>
<div class="post clearfix" id="[cb:post_id]">
<div class="title">
<div class="date">[cb:post_create_date]</div>
<h1><a href="[cb:post_href]" rel="bookmark">[cb:post_title]</a></h1>

<p class="author">&nbsp;&nbsp;&nbsp;نوشته شده توسط: <a href="[cb:post_author_href]">[cb:post_author_name]</a> &nbsp;&nbsp;&nbsp;<cb:block_post_category>نوع مطلب :<cb:loop_post_category><a href="[cb:post_category_href]">[cb:post_category_name]</a>&nbsp;،</cb:loop_post_category></cb:block_post_category></p>
</div>

<div class="entry clearfix">

<div class="cb_share clearfix">
<a rel="nofollow" target="_blank" href="http://www.cloob.com/share/link/add/?url=[cb:blog_full_address][cb:post_href]&amp;title=[cb:post_title]">
ارسال به <img title="ارسال به 100 درجه کلوب دات کام" alt="ارسال به 100 درجه کلوب دات کام" src="http://www.cloob.comhttp://www.mihanblog.com/public//public/public/images/icon/100c.gif" />
</a>
</div>

<p><div class="owner_photo">[cb:post_author_photo_big]</div>[cb:post_body1]</p>
<p>[cb:post_body2]<br/>[cb:post_continue_link]</p>


<cb:block_post_tag>
<p><b>برچسب ها: </b>
<cb:loop_post_tag>
<a href="[cb:post_tag_href]" title="[cb:post_tag_name]">[cb:post_tag_name]</a>&nbsp;،
</cb:loop_post_tag><br/>
</p>
</cb:block_post_tag>

<cb:block_post_related_link>
<p><b>دنبالک ها:</b>
<cb:loop_post_related_link>
<a href="[cb:post_related_link_href]" target="_blank">[cb:post_related_link_name]</a>&nbsp;،
</cb:loop_post_related_link>
</p>
</cb:block_post_related_link>
</div>

<div class="postmetadata"><div class="comm-num-left"><a target="_self" href="[cb:post_comment_href]">[cb:post_comment_text] ([cb:post_comment_count])</a></div><div class="clear"></div></div>
</div>
</cb:loop_post></cb:block_post>

<div class="post clearfix"><div class="entry">
<cb:block_general_list>
<div class="cb_general">
<cb:loop_general_list>
<a href="[cb:general_list_href]" title="[cb:general_list_title]">[cb:general_list_text]</a><br>
</cb:loop_general_list>
</div>
</cb:block_general_list>
</div></div>


</div>
</div></div></div></div>

<cb:block_pages>
<div class="wp-pagenavi">
<span class="pages">تعداد کل صفحات:&nbsp;[cb:pages_total]</span>
<cb:loop_pages>
<a href="[cb:pages_href]">[cb:pages_no]</a>
</cb:loop_pages>

</div>
</cb:block_pages>

</div>


<div id="sidebars">
<div id="sidebar-left">


<cb:block_blog_category>
<div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>طبقه بندی</h2>
<ul>
<cb:loop_blog_category>
<li class="clearfix" id="parentheses"><a class="clearfix" href="[cb:blog_category_href]"><p>[cb:blog_category_name]</p><p>([cb:blog_category_post_count])</p></a></li>
</cb:loop_blog_category>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_blog_category>


<cb:block_blog_archive>
<div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>آرشیو</h2>
<ul>
<cb:loop_blog_archive>
<li>
<a href="[cb:blog_archive_href]">[cb:blog_archive_text]</a>
</li>
</cb:loop_blog_archive>
<li>
<a href="[cb:blog_archive_full_list_href]"><b>همه آرشیوها</b></a>
</li>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_blog_archive>

<cb:block_author>
<div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>نویسندگان</h2>
<ul>
<cb:loop_author>
<li class="clearfix" id="parentheses">
<a class="clearfix" href="[cb:author_href]"><p>[cb:author_name]</p><p>([cb:author_post_count])</p></a>
</li>
</cb:loop_author>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_author>

<cb:block_extrapage>
<div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>صفحات جانبی</h2>
<ul>
<cb:loop_extrapage>
<li>
<a href="[cb:extrapage_href]">[cb:extrapage_title]</a>
</li>
</cb:loop_extrapage>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_extrapage>

<cb:block_link>
<div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>پیوندها</h2>
<ul>
<cb:loop_link>
<li>
<a href="[cb:link_href]" title="[cb:link_title]" target="_blank">[cb:link_text]</a>
</li>
</cb:loop_link>
<li>
<a href="[cb:link_full_list_href]"><b> همه پیوندها</b></a>
</li>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_link>

<cb:block_linkdaily>
<div class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>پیوندهای روزانه</h2>
<ul>
<cb:loop_linkdaily>
<li>
<a href="[cb:linkdaily_href]" title="[cb:linkdaily_title]" target="_blank">[cb:linkdaily_text]</a>
</li>
</cb:loop_linkdaily>
<li>
<a href="[cb:linkdaily_full_list_href]"><b> همه پیوندهای روزانه</b></a>
</li>
<li>
<a href="[cb:linkdaily_new_href]"><b>ارسال پیوند روزانه</b></a>
</li>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_linkdaily>


<div align="center" class="clearfix"><br>[cb:blog_script]</div>




</div>
<div id="sidebar-right">

<div id="menu_item" class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>درباره وبلاگ</h2>
<div class="about_box">
<div id="user_logo">[cb:blog_logo]</div>
<div id="about_text">[cb:blog_description]</div>
<div align="right">مدیر وبلاگ: <a href="[cb:blog_author_link]"><b>[cb:blog_author_name]</b></a></div>
</div>
</div></div></div></div></div></div></div></div>


<cb:block_blog_recent_post>
<div id="menu_item" class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>آخرین پست ها</h2>
<ul>
<cb:loop_blog_recent_post>
<li><a href="[cb:blog_recent_post_href]">[cb:blog_recent_post_text]</a></li>
</cb:loop_blog_recent_post>
<li><a href="[cb:blog_recent_post_full_list_href]"><b>همه پستها</b></a></li>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_blog_recent_post>


<cb:block_blog_tag_cloud>
<div id="tag_cloud clearfix" class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>اَبر برچسبها</h2>
<cb:loop_blog_tag_cloud>
<a href="[cb:blog_tag_cloud_href]" style="font-size:[cb:blog_tag_cloud_size]em">[cb:blog_tag_cloud_text]&nbsp;</a>
</cb:loop_blog_tag_cloud>
</div></div></div></div></div></div></div></div>
</cb:block_blog_tag_cloud>



<cb:block_poll>
<div id="menu_item" class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>نظرسنجی</h2>
<ul class="clearfix">

<div class="poll">
<p id="poll_ques">[cb:poll_question]</p>
<cb:loop_poll>
<li>
[cb:poll_answer]<br>
</li>
</cb:loop_poll>
</div>
<div class="poll_btn" align="center"><input class="btn" type="submit" value="[cb:poll_button_text]"/></div>
</ul>
</div></div></div></div></div></div></div></div>
</cb:block_poll>


<cb:block_stat>
<div id="menu_item" class="sb-bot"><div class="sb-top"><div class="sb-right"><div class="sb-left"><div class="sb-rb"><div class="sb-lb"><div class="sb-rt"><div class="sb-lt">
<h2>آمار وبلاگ</h2>
<div class="stat clearfix">
کل بازدید : <span>[cb:stat_total_view]</span><br>
بازدید امروز :<span>[cb:stat_today_view]</span><br>
بازدید دیروز : <span>[cb:stat_yesterday_view]</span><br>
بازدید این ماه : <span>[cb:stat_this_month_view]</span><br>
بازدید ماه قبل : <span>[cb:stat_last_month_view]</span><br>
تعداد نویسندگان : <span>[cb:stat_total_author]</span><br>
تعداد کل پست ها : <span>[cb:stat_total_post]</span><br>
آخرین بازدید : <span>[cb:stat_last_view_date]</span><br>
آخرین بروز رسانی : <span>[cb:stat_modify_date]</span><br>
</div>
</div></div></div></div></div></div></div></div>
</cb:block_stat>


<div align="center" class="mihan_logo"></div>



</div>

<div class="clear"></div>
</div>

<div class="clear"></div>
</div>

<div align="center" id="footer">

<div class="copy"><strong>POWERED BY <a href="http://www.mihanblog.com/"><font color="#FF0000" size="2px">M</font>IHAN<font color="#FF0000" size="2px">B</font>LOG.COM</a></strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br />
<a>Design</a> by InfoCreek | <font color="">www.infocreek.com</font></div>



</div>
</body>
</html>
 

sheisebaboo

Active Member
کد هدر:
کد:
 .header {width:627px; height:250px; background: url([URL="http://www.mihanblog.com/public//public/public/user_data/template/20/images/header-bg.jpg"]http://www.mihanblog.com/public//pub.../header-bg.jpg[/URL]) no-repeat;}
سایز هدر: 627 در 250 پیکسل

بعد از ساخت هدر در فتوشاپ، عکس رو با پسوند jpg سیو کنید و بعد در یک آپلود سنتر مثل:

http://img.majidonline.com/

آپلود کنید. و لینک عکس رو بجای لینک داخل پرانتز در کد قرار دهید.
 

E-poom

New Member
سلام...
ممنون از راهنماييتون...
اندازه هدر رو چطور بفهمم خوب منظورم طول هدره چون عرضش كه مي تونه كم و زياد باشه اما طول هدر معمولا بايد چقدر باشه... چون اگر به قالبت نخورهمثل اين ميشه كه از دو طرف صفحه زده بيرون... فكر مي كنم از لحاظ طول همه هدرها تقريبا يك انداز مشخص داشته باشند...
اگر ميشه اندازه اش رو بگيد تا من بتونم از لحاظ اندازه هم درست عمل كنم...
ممنون.
 

sheisebaboo

Active Member
سلام...
ممنون از راهنماييتون...
اندازه هدر رو چطور بفهمم خوب منظورم طول هدره چون عرضش كه مي تونه كم و زياد باشه اما طول هدر معمولا بايد چقدر باشه... چون اگر به قالبت نخورهمثل اين ميشه كه از دو طرف صفحه زده بيرون... فكر مي كنم از لحاظ طول همه هدرها تقريبا يك انداز مشخص داشته باشند...
اگر ميشه اندازه اش رو بگيد تا من بتونم از لحاظ اندازه هم درست عمل كنم...
ممنون.

در پاسخ قبلی نوشتم که سایز هدر 627 در 250 پیکسل هست. یعنی طولش 627 پیکسل هست و عرضش 250.

اگر قصد دارید عرض کوچکتری برای هدرتون بزارید، در کد هدر هم عدد 250 رو به عرض عکستون تغییر بدید.
 

E-poom

New Member
سلام...
من در همين قسمت كه گفتيد كد رو جايگزين كردم اما هيچ تغييري در قالب رخ نداد...
اصلا نمي دونم چرا...
ولي نشد...
چند بار هم امتحان كردم ولي نشد...
خداحافظ
 

جدیدترین ارسال ها

بالا