• توجه: در صورتی که از کاربران قدیمی ایران انجمن هستید و امکان ورود به سایت را ندارید، میتوانید با آیدی altin_admin@ در تلگرام تماس حاصل نمایید.

گذاشتن عکس (هدر) دربالای صفحه وبلاگ (بلاگفا) کمک کنید

M

Mahdi Askari

مدير فنی
siminj گفت:
سلام آقای مدیر.خسته نباشید.منم سوالی شبیه به دوستان دارم.میخواستم بپرسم منم میخوام هدر وبلاگو عوض کنم ولی نمیدونم کجای قالب بزارم.من برا یکی از آشنایانمون این وبلاگو درست کردم ولی خیلی مبتدی هستم.لطفا کمکم کنید.کمی واضح تر بگید.در ضمن بنری گذاشتم تو وبلاگ که بالای صفحه هست.میخواستم اونم بیارم زیر منوی وبلاگ.کمکم کنین خیلی ممنون میشم.اگه میشه قالبمو ویرایش کنین و برام قالب ویرایش شدرو بفرستین.مرسی
این کد قالبم

اینم آدرس هدری که میخوام بزارم


http://uploadax.com/images/05499459178423401468.jpg


راستی من میخوام منوی وبلاگ هم مثل منوی این سایت بشه.چجور ممکن هست؟هم منوی مشکی بالا هم منوی زرد دست راست.لطفا کمک کنین تا رو سفید شم

http://www.abginehco.org/%D8%A2%D8%A8%D9%86%D9%85%D8%A7%DB%8C-%D9%85%D9%88%D8%B2%DB%8C%DA%A9%D8%A7%D9%84.html
​
کلیک کنید تا باز شود...

دوست عزیز بیشتر توضیح بدید که اون هدری که دادی کجا میخواد قرار بگیره
 
M

Mahdi Askari

مدير فنی
siminj گفت:
به جای هدر وبلاگ خودم.اون عکسی که توش نوشته خوش آمدید
کلیک کنید تا باز شود...

اون عکسی که شما برای هدر دادید خیلی بزرگه
اگه شرکت بزرگی هستید پیشنهاد ما سفارش قالب اختصاصی هست
ولی اگه نه ،باید خودتون یکم بلد باشید و بتونید ویرایش کنید

ولی اون عکسی که شما دادید برای اون قسمت بزرگ هست
میتونید از قالب های قشنگتری استفاده کنید که راحتتر ویرایش بشن
 
S

siminj

New member
palang گفت:
اون عکسی که شما برای هدر دادید خیلی بزرگه
اگه شرکت بزرگی هستید پیشنهاد ما سفارش قالب اختصاصی هست
ولی اگه نه ،باید خودتون یکم بلد باشید و بتونید ویرایش کنید

ولی اون عکسی که شما دادید برای اون قسمت بزرگ هست
میتونید از قالب های قشنگتری استفاده کنید که راحتتر ویرایش بشن
کلیک کنید تا باز شود...


قالب برا وبسایت هم میشه سفارش داد؟چند میشه هزینش؟
 
M

Mahdi Askari

مدير فنی
siminj گفت:
قالب برا وبسایت هم میشه سفارش داد؟چند میشه هزینش؟
کلیک کنید تا باز شود...

قالب های سیستم های مدیریت محتوا(مثل ورد پرس و جوملا و ویبولتین و...) از 70 تا 300 تومان هزینه داره
ولی اگه برای وبلاگتون بخواید بین 30 الی 70 تومان میشه
 
آخرین ویرایش:
M

Mahdi Askari

مدير فنی
admin گفت:
سلام
فکر کنم در کد بالا این آدرس مربوط به هدر شما باشه:
http://uploadax.com/images/44670111393671966080.gif

همچنین کیفیت کار مهدی عزیز در طراحی اختصاصی قالب از طرف بنده تأیید میشه.

موفق باشید
کلیک کنید تا باز شود...

اینو میخواستن انتقال بدن به زیر منو
هدر منظورشون اون کادر خوش آمدید بود

در ضمن ممننونم از شما. شما خیلی لطف دارید:1:
 
آخرین ویرایش:
A

Arashtranslater

New member
palang گفت:
#Header-IS{width:1000background:url('header.jpg') no-repeat top;height:400;vertical-align:top;direction:rtl;}

این قسمت از سی اس اس رو ویرایش کنید و عکس خودتون رو بذارید و سی اس اس رو سیو کنید و آپلود کنید و با آدرس سی اس اس قبلی جایگزین کنید
کلیک کنید تا باز شود...
من css رو از قلاب وبلاگ دانلود کردم با برنامه notepad باز کردم
چجوری عکسو تو css بزارم؟ عکسو اپلود کنم بزارم جای header.jpg درسته؟
اگه بخواییم 2تا عکس تو هدر زیر هم بزاریم چی؟
بی زحمت یه اپلود سنتر هم معرفی کن css رو پشتیبانی کنه
​
 
M

Mahdi Askari

مدير فنی
Arashtranslater گفت:
من css رو از قلاب وبلاگ دانلود کردم با برنامه notepad باز کردم
چجوری عکسو تو css بزارم؟ عکسو اپلود کنم بزارم جای header.jpg درسته؟
اگه بخواییم 2تا عکس تو هدر زیر هم بزاریم چی؟
بی زحمت یه اپلود سنتر هم معرفی کن css رو پشتیبانی کنه
​
کلیک کنید تا باز شود...


بله باید عکستون رو آپلود کنید و بذارید جای اون عکسی که فراخوانی شده
اگه بخواید یک عکس دیگه هم بذارید باید یک کلاس دیگه هم تعریف کنید و عکس دومتون رو بذارید داخل اون
وبعدش زیر کد های هدر اون کلاس جدید رو فراخوانی کنید
imgiran.com سی اس اس پشتیبانی میکنه
 
G

Ghazaal

New member
بچه ها من توی قالب ساده ی بلاگفا می خوام یه عکس بذارم ، میشه کد ایمیج اش و محل قرار دادنش رو بهم بگین ؟ قالبم ، قالب سپید ساده بلاگفاست ؛ یعنی این :

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<META NAME="keywords" CONTENT="<-BlogAndPostTitle->,<-BlogId->, Blog, Weblog, Persian,Iran, Iranian, Farsi, Weblogs, Blogs">
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" content="BlogFa.com">
<title><-BlogAndPostTitle-></title>
<style>
BODY {font-family: Tahoma; font-size: 8pt;color: #000000 background-color: white; text-align: center;}
.Center{width:750px;text-align: center;}

.HeaderBox{height:75px ; color: white; border: 7px solid #FFFFFF background-color: white;direction: rtl;}
.BlogTitle{Color:black;font-family: Arial; font-size: 18pt; font-weight: bold;padding-bottom:5px}
.BlogTitle A:link {color:black;text-decoration: none;}
.BlogTitle A:visited {color:black;text-decoration: none;}
.BlogTitle A:hover {color:black;text-decoration: none;}

.BlogSubTitle{color:gray;font-family: Tahoma;font-size: 9pt;}
.Container{padding:3px;; color: #000000 background-color: #FFFFFFtext-align=right;direction: rtl;}

.Content{padding-left:5px;padding-right:1px;width: 550px;float: right;text-align: right;direction: rtl;}
.Sidebar{line-height: 150%;width: 170px;float: left;padding:2px;text-align: right;direction: rtl;}

.PostTitle{font-size: 9pt;font-family: Tahoma; font-weight: bold ;color:#000080padding-top: 6px; padding-bottom: 2px;}
.PostTitle A:link {color:#000080text-decoration: none;}
.PostTitle A:visited {color:#000080text-decoration: none;}
.PostTitle A:hover {color:blue;text-decoration: none;}

.PostBody {padding-right: 5px ;font-size: 9pt;font-family: Tahoma;color:black;padding-top: 3px; padding-bottom: 3px;line-height:1.5em}
.PostBody A:link{color:blue;text-decoration: none;}
.PostBody A:visited {color:blue;text-decoration: none;}
.PostBody A:hover{color:red;text-decoration: none;}
.postdesc {font-size: 7pt;font-family: Tahoma;color:gray;padding-bottom: 10px}
.postdesc A{font-size: 8pt;font-family: Tahoma;}



A:link {color:blue;text-decoration: none;}
A:visited {color:blue;text-decoration: none;}
A:hover {color:red;text-decoration: none;}


</style>

<script language="javascript">
function GetBC(lngPostid)
{
intTimeZone=<-BlogTimeZone->;
strBlogId="<-BlogId->";
intCount=-1;
strResult="";
try {
for (i=0;i<BlogComments.length;i+=2)
{
if (BlogComments==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="آرشیو نظرات";
if ( intCount==0) strResult="نظر بدهید";
if ( intCount==1) strResult="یک نظر";
if ( intCount>1) strResult=intCount + " نظر" ;

strUrl="/comments/?blogid=" +strBlogId + "&postid=" + lngPostid + "&timezone=" + intTimeZone ;
strResult ="<a href=\"javascript:void(0)\" onclick=\"javascript:window.open('" + strUrl + "','blogfa_comments','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px')\" >" + strResult + " </a>" ;

document.write ( strResult ) ;
}

function OpenLD()
{
window.open('/links','blogfa_ld','status=yes,scrollbars=yes,toolbar=no,menubar=no,location=no ,width=500px,height=500px');
return true;
}

</script>


</head>

<body>
<div align =center>
<div class ="Center">
<div align="center">
<table border="0" cellpadding="0" style="border: 1px solid #C0C0C0" width="750" cellspacing="5" height="94">
<tr>
<td style="border: 1px solid #E2E2E2" align=center >
<div class="BlogTitle" dir="rtl"><a href="<-BlogUrl->"><-BlogTitle-></a></div>
<div class="BlogSubTitle" dir="rtl" ><-BlogDescription-></div>
</td>
</tr>
</table>
</div>


<div style="padding:6px"></div>
<div class="Container">
<div style="height:100%">
<div class="Content">
<BLOGFA>
<a name="<-PostId->"></a>
<div class="PostTitle" dir="rtl" ><a href="<-PostLink->"><-PostTitle-></a></div>
<div class="postbody" ><-PostContent-><BlogPostTagsBlock><br>برچسب‌ها: <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTags></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost></div>
<div class="postdesc">
<a class="bul" href="<-PostLink->" >+</a>
نوشته شده در  <-PostDate->ساعت <-PostTime->  توسط <-PostAuthor-> 
<BlogComment>
| 
<span dir="rtl" >
<script type="text/javascript">GetBC(<-PostId->);</script>
</span>
</BlogComment>
</div>
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0" >
</BLOGFA>

<BlogNextAndPreviousBlock>
<div style="width:100%">
<BlogPreviousPageBlock>
<div style="width:49%;float:right"><a href="<-BlogPreviousPageLink->">مطالب جدیدتر</a></div>
</BlogPreviousPageBlock>
<BlogNextPageBlock>
<div style="width:49%;float:left;text-align:left"><a href="<-BlogNextPageLink->">مطالب قدیمی‌تر</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>

</div>

<div class="Sidebar">
<BlogProfile>
<div style="padding-bottom:7px;text-align: justify" >
<BlogPhoto>
<div style="padding-bottom:7px;text-align:center" >
<img src="<-BlogPhotoLink->" >
</div>
</BlogPhoto>
<-BlogAbout->
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
</div>
</BlogProfile>

<a href="<-BlogUrl->">صفحه نخست</a><br>
<BlogProfileLinkBlock><a href="<-BlogProfileLink->">پروفایل مدیر وبلاگ</a><br></BlogProfileLinkBlock>
<a href="mailto:<-BlogEmail->">پست الکترونیک</a><br>
<a href="<-BlogArchiveLink->">آرشیو وبلاگ</a><br>
<a href="/posts/">عناوین مطالب وبلاگ</a><br>
<br>

<BlogLinkDumpBlock>
پیوندهای روزانه
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
<BlogLinkDump>
<a href="<-LinkUrl->" target="_blank" title="<-LinkDescription->" ><-LinkTitle-></a><br>
</BlogLinkDump>
<a href="javascript:void(0)" onclick ="OpenLD();">آرشیو پیوندهای روزانه</a><br>
<br>
</BlogLinkDumpBlock>


نوشته های پیشین
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
<span dir="ltr">
<BlogArchive>
<a href="<-ArchiveLink->"><-ArchiveTitle-></a><br>
</BlogArchive>
</span>
<br>

<BlogCategoriesBlock>
آرشیو موضوعی
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
<BlogCategories>
<a href="<-CategoryLink->" ><-CategoryName-></a><br>
</BlogCategories>
<br>
</BlogCategoriesBlock><BlogTagsBlock>
برچسب‌ها
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
<BlogTags>
<a href="<-TagLink->" ><-TagName-></a> <span dir="rtl">(<-TagCount->)</span><br>
</BlogTags>
<br>
</BlogTagsBlock>

<BlogAuthorsBlock>
نویسندگان
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
<BlogAuthors>
<a href="<-AuthorLink->" ><-AuthorName-></a><br>
</BlogAuthors>
<br>
</BlogAuthorsBlock>

<BlogLinksBlock>
پیوندها
<hr size="1" color="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0">
<BlogLinks>
<a href="<-LinkUrl->" target="_blank"><-LinkTitle-></a><br>
</BlogLinks>
<br>
</BlogLinksBlock>


<p style="text-align:center"> <a style="color: #FFFFFF text-decoration: none; font-family: Arial; font-size: 8pt; border: 1px solid #FF9955 background-color: #FF6600" href="<-BlogXmlLink->"> RSS </a>
</p>
<div align=center >

<font color="#808080" style="font-size: 7pt">POWERED BY</font><br>
<a style="color: #FF6B09 text-decoration: none;font-family:Verdana;font-weight:bold" href="http://www.blogfa.com/" >
BLOGFA.COM</a>
</div>
<div align="center"><br>
<-BlogCustomHtml->
</div>


</div>
</div>
<div style="clear: both;"> </div>
</div>

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

</html>
​
 
G

Ghazaal

New member
palang گفت:
خب عکسو آپلود کنید بدید تا کدهاشو ویرایش کنم براتون
کلیک کنید تا باز شود...

خیلی مرسی که پیگیری ، فک می کردم کدش و محل قرار گرفتن ش رو میگی برای همین عکسه رو آماده نکرده بودم .

دقیقا این (+) نیست ،ولی یچی تو همین مایه ها و ابعاد .

مرسی.
 
M

Mahdi Askari

مدير فنی
Ghazaal گفت:
خیلی مرسی که پیگیری ، فک می کردم کدش و محل قرار گرفتن ش رو میگی برای همین عکسه رو آماده نکرده بودم .

دقیقا این (+) نیست ،ولی یچی تو همین مایه ها و ابعاد .

مرسی.
کلیک کنید تا باز شود...

خب این عکس خیلی نا میزون هست برای این قالب
و نمیشه به کار بردش
به نظرم بهتره از قالب هایی استفاده کنید که یک عکس بزرگ برای هدر استفاده کردن
 
G

Ghazaal

New member
palang گفت:
خب این عکس خیلی نا میزون هست برای این قالب
و نمیشه به کار بردش
به نظرم بهتره از قالب هایی استفاده کنید که یک عکس بزرگ برای هدر استفاده کردن
کلیک کنید تا باز شود...

می دونم نامیزونه . ببین این دقیقا عکسی نیست که می خوام بذارم ، چون باید طراحی ش کنم و سایز بندی و اینا .
فقط می خوام از کادر خود ِ هدر ِ ساده بلاگفا عریض تر باشه . یعنی با همون طول ولی عرض ِ حدود ِ دو برابر .

یعنی به جای این (+) ، بشه این (+) . یخورده تو پینت الکی دستکاریش کردم که متوجه ابعادی که می خوام بشی. فرض کن عکسم با این ابعاده ، می تونی کمکم کنی هدر داشته باشم برای همین قالب ؟ فقط کدش و جای قرار دادنش رو بگی خودم درستش می کنم. ممنونم.
 
M

Mahdi Askari

مدير فنی
آها خب خوبه که بلدید خودتون ویرایشش کنید
</head>

<body>
<div align =center>
<div class ="Center">
<div align="center">
<table border="0" cellpadding="0" style="border: 1px solid #C0C0C0" width="750" cellspacing="5" height="94">
<tr>

این کد رو که قرمز کردم ابتدای کد ها قرار داره پیداش کنید و اون 94 که براتون مشخص کردم رو تغییر بدید به عرض دلخواه
اگرم میخواید طولش رو هم ویرایش کنید اون 750 رو هم تغییر بدید
برای اینکه بکگراند داشته باشه در قسمتی که کد های سی اس اسش نوشته شده:
<table border="0" cellpadding="0" style="border: 1px solid #C0C0C0" width="750" cellspacing="5" height="94">
یک متغییر بکگراند تعریف کنید
کد: 
background:url('[COLOR=#ff0000]address[/COLOR]') no-repeat top;height:200;vertical-align:top;
 
G

Ghazaal

New member
palang گفت:
آها خب خوبه که بلدید خودتون ویرایشش کنید
</head>

<body>
<div align =center>
<div class ="Center">
<div align="center">
<table border="0" cellpadding="0" style="border: 1px solid #C0C0C0" width="750" cellspacing="5" height="94">
<tr>

این کد رو که قرمز کردم ابتدای کد ها قرار داره پیداش کنید و اون 94 که براتون مشخص کردم رو تغییر بدید به عرض دلخواه
اگرم میخواید طولش رو هم ویرایش کنید اون 750 رو هم تغییر بدید
برای اینکه بکگراند داشته باشه در قسمتی که کد های سی اس اسش نوشته شده:
<table border="0" cellpadding="0" style="border: 1px solid #C0C0C0" width="750" cellspacing="5" height="94">
یک متغییر بکگراند تعریف کنید
کد: 
background:url('[COLOR=#ff0000]address[/COLOR]') no-repeat top;height:200;vertical-align:top;
کلیک کنید تا باز شود...

ئه . خیلی مرسی. شد !!!
من ینی می خوام پر بگیرم الآن . یه عکس کوچیکتر آپ کردم باش مچ شد . حالا سر فرصت هدر طراحی می کنم .
دست ِ گلت درد نکنه دوستم . دوماد شی ایشّالا !! :)
 
برای ارسال پاسخ شما باید وارد سیستم شوید.
بالا