تغییر عکس پس زمینه ی وبلاگ - elf62.blogfacom - 93-6-21
سلام
میخواستم ازتون خواهش کنم بهم یاد بدین اگه بخوام بجای این که رنگ پس زمینه ی وبلاگ رو تغییر بدم
چطور بجاش یه عکس بزارم
مثلا رو این قالب :
کد:
<html>
<head>
</script>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" conatent="BlogFa.com">
</script>
<center><br>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
</div>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url()#99FF00;
background-attachment:fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background:#fff;
}
::-webkit-scrollbar-thumb {
background-color:#000;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-moz-selection {
background:#fff;
color:#000;
}
::selection {
background:#fff;
color:#000;
}
::-moz-selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}
::selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}
a:link, a:visited {
color: #000;
text-decoration: none;
}
a:hover{
text-decoration: none;
border-bottom:1px dotted #000;
}
.CSMA {font-size: 13px;
width:150px;direction: rtl; filter:alpha(opacity=20);background-color: #fef457;border:5px solid #fef457; border-radius: 20px;
}
.Content{background:#fff url() repeat right;float:right;width:450px;text-align:center;overflow:hidden;filter:alpha(opacity=65);box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;
}
.Sidebar{line-height: 150%;width: 160px;float: left;padding:5px;text-align: left;direction: rtl; filter:alpha(opacity=65)box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;
}
.posttitle {
font-size: 10px;
width:430px;direction: rtl; filter:alpha(opacity=20);background-color: #ed9a3e;border:5px solid #ed9a3e; border-radius: 20px;
}
a.navigate {
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
color:#000;
font-family: 'smiley monster', cursive;
font-size:12px;
border: 1px dashed #000;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:0.5s;
}
a.navigate:hover {
margin-top: 8px;
margin-bottom: 8px;
padding-right: 10px;
-webkit-transition: 0.5s;
}
.sec-title {
font-family: Trebuchet MS;
font-size:11px;
width: 340px;
margin-top: -2px;
border-top: 5px double #000;
border-bottom: 5px double #000;
line-height:20px;
color: #000;
margin-left: 160px;
text-align: center;
}
blockquote {
border: 1px dotted #000;
padding: 8px;
}
u {
text-decoration: none;
border-bottom: 1px Dashed #000;
}
</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[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="CM";
if ( intCount==0) strResult="CM";
if ( intCount==1) strResult="CM";
if ( intCount>1) strResult=intCount + "CM" ;
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>
<table style="font-size: 11px; color: #000; line-height: 17px;background:#; border-radius:20px;" width="665" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="width:500px; padding-right:1px;">
<img border="0" src="http://upcity.ir/images2/89063185253821998630.png" width="665" alt="">
<div style="height:100%">
<div class="Content">
<BLOGFA>
<div class="post-title"><BlogItemTitle></BlogPostTags></BlogItemTitle></div>
<center>
<a name="<-PostId->"></a>
<center>
<div class="posttitle"><a href="<-PostLink->"><-PostTitle-></a></div>
<div class="postbody" ><-PostContent-><BlogPostTagsBlock>تگ ها : <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost></div>
<div class="postdesc">
<a href="<-PostLink->" >+</a>
/ <-PostDate->/ <-PostTime-> / <-PostAuthor->
<BlogComment>
/
<span dir="rtl" >
<script type="text/javascript">GetBC(<-PostId->);</script>
</span>
</BlogComment>
</div>
<hr width="70%" size="2" color="#000" align="center" >
</BLOGFA></center>
<center><BlogNextAndPreviousBlock>
<div style="width:100%">
<BlogPreviousPageBlock>
<div style="width:100%;float:center"><a href="<-BlogPreviousPageLink->">New Post</a></div>
</BlogPreviousPageBlock><br>
<BlogNextPageBlock>
<div style="width:100%;float:center;text-align:center"><a href="<-BlogNextPageLink->">Old Post</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>
</div>
<div style="padding-left:17px;padding-top:5px">
<div class="Sidebar">
<center>
<div class="BlogTitle" dir="rtl" align="center"><font color="#000" face="tahoma" size="2"><-BlogTitle-></font></div>
<div class="BlogSubTitle" dir="rtl" align="center"><font color="#000" face="tahoma" size="1"><-BlogDescription-></div>
<br>
<div class="CSMA">MENU</div><br>
<a class="link" href="/">HOME</a><br><br>
<a class="link" href="/profile/">PROFILE</a><br><br>
<a class="link" href="/archive/">ARCHIVE</a><br><br>
<a class="link" href="http://csma-theme.blogfa.com/">THEME</a><br>
<br>
<div class="CSMA">ABOUT ME</div><br>
<BlogProfile>
<div style="padding-bottom:7px;text-align: right" >
<BlogPhoto>
<div style="padding-bottom:7px;text-align:center" >
<img src="<-BlogPhotoLink->" >
</div>
</BlogPhoto>
<-BlogAbout->
</div>
</BlogProfile>
<BlogLinkDumpBlock>
<br>
<div class="CSMA">DELIY LINK</div>
<BlogLinkDump><br><a target="_blank" rel="nofollow" href="<-LinkUrl->" title="<-LinkDescription->"><-LinkTitle-></a></li></BlogLinkDump>
<br>
</BlogLinkDumpBlock>
<br>
<div class="CSMA">LINK</div><br>
<BlogLinks>
<a href="<-LinkUrl->" target="_blank" rel="nofollow"><-LinkTitle-></a><br>
</BlogLinks>
<br>
<div class="CSMA">OTHER</div><br>
<script language="javascript" type="text/javascript"
src=""></script>
<div align="center"> <-BlogCustomHtml-> </div>
<BlogCategoriesBlock>
<center><br>
<div class="CSMA">CATEGORY</div>
<BlogCategories><br><a href="<-CategoryLink->"><-CategoryName-></a></li></BlogCategories>
</ul>
</div>
</BlogCategoriesBlock>
<center>
<p></div>
</td></tr></tbody></table>
</div>
</body>
</html>
RE: تغییر عکس پس زمینه ی وبلاگ - hsdn - 93-6-21
این خط کد را در فایل Css خودتون اضافه کنید.
آدرس عکس را درقسمت مشخص شده اضافه کنید.
کد:
body{
background:no-repeat url(آدرس عکس);
}
RE: تغییر عکس پس زمینه ی وبلاگ - elf62.blogfacom - 93-6-21
(93-6-21، 07:19 عصر)hsdn نوشته است: این خط کد را در فایل Css خودتون اضافه کنید.
آدرس عکس را درقسمت مشخص شده اضافه کنید.
کد:
body{
background:no-repeat url(آدرس عکس);
}
ببخشید یه بار خودتون این عکس رو اونجا بزارین من متوجه میشم
http://www.gigpars.com/upload/9v_7.jpg
RE: تغییر عکس پس زمینه ی وبلاگ - hsdn - 93-6-21
(93-6-21، 07:19 عصر)hsdn نوشته است: این خط کد را در فایل Css خودتون اضافه کنید.
آدرس عکس را درقسمت مشخص شده اضافه کنید.
کد:
body{
background:no-repeat url(آدرس عکس);
}
نمیدونم چرا بخش کد های من راست چین شده اینطوری شد کد اون پنل بالا رو هم درمورد راست چین یا چپ چین شدن میزنم عمل نمیکنه ومشکل حل نمیشه
RE: تغییر عکس پس زمینه ی وبلاگ - Aria.021 - 93-6-21
کد:
body{
background:no-repeat url('http://www.gigpars.com/upload/9v_7.jpg');
}
اگر هم رنگ بخاین
کد:
body{
background:کد رنگ;
}
RE: تغییر عکس پس زمینه ی وبلاگ - hsdn - 93-6-21
خواهش میکنم
بفرمایید
کد:
<html>
<head>
</script>
<title><-BlogAndPostTitle-></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="keywords" content="<-BlogAndPostTitle->,<-BlogId->">
<META NAME="description" CONTENT="<-BlogAndPostTitle-> - <-BlogDescription->">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="<-BlogTitle->" href="<-BlogXmlLink->" />
<meta name="GENERATOR" conatent="BlogFa.com">
</script>
<center><br>
<link href='http://fonts.googleapis.com/css?family=Amatic+SC' rel='stylesheet' type='text/css'>
</div>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(http://www.gigpars.com/upload/9v_7.jpg);
background-attachment:fixed;
font-family: trebuchet ms;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background:#fff;
}
::-webkit-scrollbar-thumb {
background-color:#000;
-moz-border-radius: 10px;
border-radius: 10px;
}
::-moz-selection {
background:#fff;
color:#000;
}
::selection {
background:#fff;
color:#000;
}
::-moz-selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}
::selection {
background:transparent;color:#000;
text-shadow: 2px 2px 3px #000;
}
a:link, a:visited {
color: #000;
text-decoration: none;
}
a:hover{
text-decoration: none;
border-bottom:1px dotted #000;
}
.CSMA {font-size: 13px;
width:150px;direction: rtl; filter:alpha(opacity=20);background-color: #fef457;border:5px solid #fef457; border-radius: 20px;
}
.Content{background:#fff url() repeat right;float:right;width:450px;text-align:center;overflow:hidden;filter:alpha(opacity=65);box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;
}
.Sidebar{line-height: 150%;width: 160px;float: left;padding:5px;text-align: left;direction: rtl; filter:alpha(opacity=65)box-shadow:0px 0px 9px 3px #; background-color: #fff;border:1px solid #2ca2cd; border-radius: 5px;
}
.posttitle {
font-size: 10px;
width:430px;direction: rtl; filter:alpha(opacity=20);background-color: #ed9a3e;border:5px solid #ed9a3e; border-radius: 20px;
}
a.navigate {
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 4px;
color:#000;
font-family: 'smiley monster', cursive;
font-size:12px;
border: 1px dashed #000;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition:0.5s;
}
a.navigate:hover {
margin-top: 8px;
margin-bottom: 8px;
padding-right: 10px;
-webkit-transition: 0.5s;
}
.sec-title {
font-family: Trebuchet MS;
font-size:11px;
width: 340px;
margin-top: -2px;
border-top: 5px double #000;
border-bottom: 5px double #000;
line-height:20px;
color: #000;
margin-left: 160px;
text-align: center;
}
blockquote {
border: 1px dotted #000;
padding: 8px;
}
u {
text-decoration: none;
border-bottom: 1px Dashed #000;
}
</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[i]==lngPostid)
intCount=BlogComments[i+1] ;
}
} catch( e) {
}
if ( intCount==-1) strResult="CM";
if ( intCount==0) strResult="CM";
if ( intCount==1) strResult="CM";
if ( intCount>1) strResult=intCount + "CM" ;
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>
<table style="font-size: 11px; color: #000; line-height: 17px;background:#; border-radius:20px;" width="665" align="center" border="0" cellspacing="8">
<tbody><tr>
<td valign="top" style="width:500px; padding-right:1px;">
<img border="0" src="http://upcity.ir/images2/89063185253821998630.png" width="665" alt="">
<div style="height:100%">
<div class="Content">
<BLOGFA>
<div class="post-title"><BlogItemTitle></BlogPostTags></BlogItemTitle></div>
<center>
<a name="<-PostId->"></a>
<center>
<div class="posttitle"><a href="<-PostLink->"><-PostTitle-></a></div>
<div class="postbody" ><-PostContent-><BlogPostTagsBlock>تگ ها : <BlogPostTags separator=", "><a href="<-TagLink->"><-TagName-></a></BlogPostTagsBlock><BlogExtendedPost><br><a href="<-PostLink->">ادامه مطلب</a></BlogExtendedPost></div>
<div class="postdesc">
<a href="<-PostLink->" >+</a>
/ <-PostDate->/ <-PostTime-> / <-PostAuthor->
<BlogComment>
/
<span dir="rtl" >
<script type="text/javascript">GetBC(<-PostId->);</script>
</span>
</BlogComment>
</div>
<hr width="70%" size="2" color="#000" align="center" >
</BLOGFA></center>
<center><BlogNextAndPreviousBlock>
<div style="width:100%">
<BlogPreviousPageBlock>
<div style="width:100%;float:center"><a href="<-BlogPreviousPageLink->">New Post</a></div>
</BlogPreviousPageBlock><br>
<BlogNextPageBlock>
<div style="width:100%;float:center;text-align:center"><a href="<-BlogNextPageLink->">Old Post</a></div>
</BlogNextPageBlock>
</div>
</BlogNextAndPreviousBlock>
</div>
<div style="padding-left:17px;padding-top:5px">
<div class="Sidebar">
<center>
<div class="BlogTitle" dir="rtl" align="center"><font color="#000" face="tahoma" size="2"><-BlogTitle-></font></div>
<div class="BlogSubTitle" dir="rtl" align="center"><font color="#000" face="tahoma" size="1"><-BlogDescription-></div>
<br>
<div class="CSMA">MENU</div><br>
<a class="link" href="/">HOME</a><br><br>
<a class="link" href="/profile/">PROFILE</a><br><br>
<a class="link" href="/archive/">ARCHIVE</a><br><br>
<a class="link" href="http://csma-theme.blogfa.com/">THEME</a><br>
<br>
<div class="CSMA">ABOUT ME</div><br>
<BlogProfile>
<div style="padding-bottom:7px;text-align: right" >
<BlogPhoto>
<div style="padding-bottom:7px;text-align:center" >
<img src="<-BlogPhotoLink->" >
</div>
</BlogPhoto>
<-BlogAbout->
</div>
</BlogProfile>
<BlogLinkDumpBlock>
<br>
<div class="CSMA">DELIY LINK</div>
<BlogLinkDump><br><a target="_blank" rel="nofollow" href="<-LinkUrl->" title="<-LinkDescription->"><-LinkTitle-></a></li></BlogLinkDump>
<br>
</BlogLinkDumpBlock>
<br>
<div class="CSMA">LINK</div><br>
<BlogLinks>
<a href="<-LinkUrl->" target="_blank" rel="nofollow"><-LinkTitle-></a><br>
</BlogLinks>
<br>
<div class="CSMA">OTHER</div><br>
<script language="javascript" type="text/javascript"
src=""></script>
<div align="center"> <-BlogCustomHtml-> </div>
<BlogCategoriesBlock>
<center><br>
<div class="CSMA">CATEGORY</div>
<BlogCategories><br><a href="<-CategoryLink->"><-CategoryName-></a></li></BlogCategories>
</ul>
</div>
</BlogCategoriesBlock>
<center>
<p></div>
</td></tr></tbody></table>
</div>
</body>
</html>
درمورد این عکس بهتره ازاین خاصیت
استفاده نکنید چون عکس کوچیکه وحالت تکراری داره مشکلی ایجاد نمیکنه وخود رو باصفحه پرمیکنه با عکس هایی که اگر تکرارشوند جلوه خوبی نمیده به سایت ازاین خاصیت باید استفاده بشه.
درضمن این قالب از فایل Cssداخلی استفاده میکنه واین اصلا خوب نیست
|